@font-face{font-family:DINNextArabic;src:url(/assets/DINNextLTArabic-Regular-3-Cyc1bMOR.ttf) format("truetype");font-weight:400;font-style:normal}:root{--background-white: #fff;--text-color: #000}*{margin:0;padding:0;box-sizing:border-box;font-family:DINNextArabic,sans-serif}body,html{overflow-x:hidden}body{background:var(--background-white);color:var(--text-color);transition:.3s ease-in-out}html,body,#root{min-height:100vh;height:auto;margin:0;padding:0}a,a:link,a:visited,a:hover,a:active{text-decoration:none!important;color:inherit!important}.app-layout{background-color:#fcfcfc}@media(max-width:480px){html,body,#root{min-height:100vh}}.flex,.dropdown__menu .dropdown-item,.dropdown__menu,.dropdown__trigger,.header__notif .badge,.header__notif,.header__user-info,.header__user-icon,.header__user,.header .lang-trigger,.header__right,.header,.sidebar-child.need-action,.sidebar-child .badge,.sidebar-menu-item__children div,.sidebar-menu-item__children,.sidebar-menu-item__header .sidebar-menu-item__title,.sidebar-menu-item__header,.sidebar-menu-item,.project-carousel__container__arrows,.project-carousel__container,.sidebar__list,.sidebar__header,.sidebar,.home-page .home-page-table,.side-modal__footer .save-btn,.card .action .save-btn,.conform-password-form .conform-password-form-input,.conform-password-form .password-rules .rule-item,.conform-password-form .password-rules,.conform-password-form,.otp-input-container .resend-text,.otp-input-container .otp-container,.otp-input-container,.login-btn-outline,.reset-btn,.login-error-box .close-btn,.login-error-box,.login-btn,.input-field,.password-field,.auth__card__footer__list__item .img,.auth__card__footer__list__item,.auth__card__footer__list,.auth__card__footer,.auth__card__body__form,.auth__card__body__top-createaccount__content,.auth__card__body__top-createaccount__logo,.auth__card__body__top-createaccount,.auth__card__body__top__content,.auth__card__body__top__logo,.auth__card__body__top,.auth__card__body,.auth__card,.auth__content,.auth{display:flex!important}.flex-inline{display:inline-flex!important}.flex-col,.dropdown__menu,.header__user-info,.sidebar-menu-item__children,.sidebar-menu-item,.project-carousel__container__arrows,.sidebar__list,.sidebar,.home-page .home-page-table,.conform-password-form .conform-password-form-input,.conform-password-form .password-rules,.conform-password-form,.otp-input-container,.input-field,.password-field,.auth__card__footer,.auth__card__body__form,.auth__card__body__top-createaccount__content,.auth__card__body__top-createaccount,.auth__card__body__top__content,.auth__card__body__top,.auth__card__body,.auth__card,.auth__content{flex-direction:column!important}.flex-col-reverse{flex-direction:column-reverse!important}.flex-row-reverse{flex-direction:row-reverse!important}.justify-start{justify-content:flex-start!important}.justify-center,.header__notif .badge,.header__notif,.header__user-icon,.header .lang-trigger,.sidebar-child .badge,.project-carousel__container__arrows,.sidebar__header,.side-modal__footer .save-btn,.card .action .save-btn,.otp-input-container .resend-text,.otp-input-container .otp-container,.login-btn-outline,.reset-btn,.login-error-box .close-btn,.login-error-box,.login-btn,.auth__card__footer__list__item .img,.auth__card__footer__list,.auth__card__body__top-createaccount__logo,.auth__card__body__top__logo,.auth__content,.auth{justify-content:center!important}.justify-end,.header,.auth__card__footer__list__item{justify-content:flex-end!important}.justify-between,.sidebar-child.need-action,.sidebar-menu-item__header{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.justify-evenly{justify-content:space-evenly!important}.items-start,.dropdown__menu,.conform-password-form .conform-password-form-input,.conform-password-form .password-rules,.conform-password-form,.input-field,.password-field,.auth__card__body__form{align-items:flex-start!important}.items-center,.dropdown__menu .dropdown-item,.dropdown__trigger,.header__notif .badge,.header__notif,.header__user-icon,.header__user,.header .lang-trigger,.header__right,.header,.sidebar-child.need-action,.sidebar-child .badge,.sidebar-menu-item__children div,.sidebar-menu-item__header .sidebar-menu-item__title,.sidebar-menu-item__header,.project-carousel__container__arrows,.project-carousel__container,.sidebar__header,.side-modal__footer .save-btn,.card .action .save-btn,.conform-password-form .password-rules .rule-item,.otp-input-container .resend-text,.otp-input-container .otp-container,.otp-input-container,.login-btn-outline,.reset-btn,.login-error-box .close-btn,.login-error-box,.login-btn,.auth__card__footer__list__item .img,.auth__card__footer__list__item,.auth__card__footer__list,.auth__card__footer,.auth__card__body__form,.auth__card__body__top-createaccount__content,.auth__card__body__top-createaccount__logo,.auth__card__body__top-createaccount,.auth__card__body__top__content,.auth__card__body__top__logo,.auth__card__body__top,.auth__card__body,.auth__card,.auth__content,.auth{align-items:center!important}.items-end{align-items:flex-end!important}.items-stretch,.auth__card__body__top-createaccount__content,.auth__card__body__top-createaccount,.auth__card__body__top__content,.auth__card__body__top,.auth__card__body{align-items:stretch!important}.items-baseline{align-items:baseline!important}.flex-1{flex:1}.block{display:block!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.hidden{display:none!important}.relative,.auth__content,.auth{position:relative!important}.absolute,.auth .overlay{position:absolute!important}.fixed{position:fixed!important}.sticky{position:sticky!important}.top-0,.auth .overlay{top:0!important}.left-0,.auth .overlay{left:0!important}.right-0{right:0!important}.bottom-0{bottom:0!important}.w-auto{width:auto!important}.w-full,.project-carousel__container,.home-page .home-page-table,.conform-password-form .conform-password-form-input,.conform-password-form .password-rules,.conform-password-form,.otp-input-container .resend-text,.otp-input-container .otp-container,.otp-input-container,.login-btn-outline,.reset-btn,.login-error-box,.login-btn,.input-field,.password-field,.auth__card__footer,.auth__card__body__form,.auth__card__body,.auth__content,.auth .overlay,.auth{width:100%!important}.w-screen{width:100vw!important}.w-1-2{width:50%!important}.w-1-3{width:33.333%!important}.w-2-3{width:66.666%!important}.w-1-4{width:25%!important}.w-3-4{width:75%!important}.h-auto{height:auto!important}.h-full,.auth__content,.auth .overlay{height:100%!important}.h-screen{height:100vh!important}.h-1-2{height:50%!important}.overflow-hidden{overflow:hidden!important}.overflow-auto{overflow:auto!important}.overflow-scroll{overflow:scroll!important}.cursor-pointer{cursor:pointer!important}.cursor-default{cursor:default!important}:root{--bg-color: #fff;--text-color: #000}[data-theme=dark]{--bg-color: #121212;--text-color: #fff}.auth{background:url(/assets/cover-login-BLnv2EJL.png) center/cover no-repeat fixed;font-family:DINNextArabic,sans-serif;min-height:100vh;height:auto}.auth .overlay{background:#1b1a0a;opacity:.75;z-index:1}.auth__content{z-index:2}.auth__card{width:516px;padding:8px;gap:16px}.auth__card__body{position:relative;padding:40px;gap:40px;border-radius:8px;background:#00000080;-webkit-backdrop-filter:blur(15.5px);backdrop-filter:blur(15.5px)}.auth__card__body__top{gap:16px}.auth__card__body__top svg{margin:0 auto}.auth__card__body__top__logo{width:72px;height:72px;margin:0 auto}.auth__card__body__top__content{gap:8px}.auth__card__body__top__content__title{color:#fff;text-align:center;font-size:22px;font-style:normal;font-weight:700}.auth__card__body__top__content__subtitle{color:#f0f0ef;font-size:16px;font-style:normal;font-weight:400;text-align:center}.auth__card__body__top__content__subtitle .span{font-weight:700}.auth__card__body__top__content__subtitle .passwordchangedspan{font-weight:400}.auth__card__body__top-createaccount{gap:16px}.auth__card__body__top-createaccount__logo{gap:-8px;margin:0 auto;direction:ltr!important}.auth__card__body__top-createaccount__logo .sak-logo{width:72px;height:72px}.auth__card__body__top-createaccount__logo .company-logo{width:74px;height:74px;flex-shrink:0;border-radius:112.5px;border:2px solid #282620;position:relative;left:-10px}.auth__card__body__top-createaccount__content{gap:4px;color:#fff;text-align:center}.auth__card__body__top-createaccount__content__subtitle{font-size:18px;font-style:normal;font-weight:400}.auth__card__body__top-createaccount__content__title{font-size:25px;font-style:normal;font-weight:700}.auth__card__body__top-createaccount__content__span{color:#f0f0ef;text-align:center;font-size:14px;font-style:normal;font-weight:400}.auth__card__body .passwordchangedsuccessfully{gap:24px}.auth__card__body .passwordchangedsuccessfully .auth__card__body__top__content__subtitle{font-size:14px}.auth__card__body__form{gap:16px;align-self:stretch}.auth__card__body__form .reset-password{width:100%}.auth__card__body__form .reset-password a{color:#ebdd36;text-align:center;font-size:14px;font-style:normal;font-weight:700;text-decoration:none!important}.auth__card__body .resend-btn{display:block;margin:10px auto 30px;background:transparent;border:none;font-size:14px;font-style:normal;font-weight:700;cursor:pointer;color:#ebdd36}.auth__card__footer{gap:8px}.auth__card__footer p{color:#f0f0ef;text-align:center;font-size:14px;font-style:normal;font-weight:400}.auth__card__footer__list{gap:16px}.auth__card__footer__list__item{direction:ltr!important;gap:8px}.auth__card__footer__list__item .img{width:24px;height:24px;padding:3.016px 2.997px 2.991px 3.003px}.auth__card__footer__list__item .text{color:#fff;font-size:14px;font-style:normal;font-weight:400;line-height:150%}.input-field,.password-field{align-self:stretch;gap:8px}.input-field label,.password-field label{color:#fff;font-size:14px;font-style:normal;font-weight:400}.input-field input,.password-field input{border-radius:12px;border:1px solid #F0F0EF;background:#fcfcfc;width:100%;padding:14px;font-size:14px}.input-field input::placeholder,.password-field input::placeholder{color:#807f7b;font-size:14px;font-style:normal;font-weight:400;font-family:DINNextArabic,sans-serif}.input-field input[readonly],.password-field input[readonly]{color:#807f7b;font-size:14px;font-style:normal;font-weight:400}.password-field input{position:relative}.password-field .password-wrapper{position:relative;width:100%}.password-field .toggle-password{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;color:#222}input.input-error{border-color:#ff4d4f!important;background:#fff6f6}.error-text{color:#ff4d4f;font-size:13px;font-weight:500}.reset-password{font-size:13px;color:#ffe32c;cursor:pointer}.login-btn{align-self:stretch;border-radius:12px;background:#ebdd36;padding:12px 16px;gap:8px;cursor:pointer;text-decoration:none!important}.login-btn span,.login-btn a{color:#000;text-align:center;font-size:14px;font-style:normal;font-weight:700;text-decoration:none!important}.login-btn:disabled{opacity:.5}.login-error-box{align-self:stretch;padding:8px 12px;gap:8px;border-radius:12px;background:#fcedef;box-shadow:0 4px 30px #c8c8c84d}.login-error-box .close-btn{width:24px;height:24px;padding:4.999px 5px 5.001px;background-color:transparent;border:none;outline:none;cursor:pointer}.login-error-box p{font-family:DINNextArabic,sans-serif;color:#1c1b13;font-size:12px;font-style:normal;font-weight:600;flex:1}.reset-btn{align-self:stretch;border-radius:12px;background:#ebdd36;padding:12px 16px;gap:8px;cursor:pointer}.reset-btn span{color:#000;text-align:center;font-size:14px;font-style:normal;font-weight:700}.reset-btn:disabled{opacity:.5;cursor:not-allowed;background:#f0f0ef}.reset-btn:disabled span{color:#807f7b}.login-btn-outline{align-self:stretch;padding:12px 16px;gap:8px;border-radius:12px;border:1px solid #EBDD36}.login-btn-outline span{color:#ebdd36;text-align:center;font-size:14px;font-style:normal;font-weight:700;line-height:150%}.otp-input-container{gap:8px}.otp-input-container .otp-container{direction:ltr;gap:16px}.otp-input-container .otp-container input{display:flex;width:56px;height:56px;padding:12px 16px;align-items:center;gap:16px;flex-shrink:0;border-radius:12px;border:1px solid #F0F0EF;background:#fff;box-shadow:0 4px 12px #c4c4c41a;font-size:18px;font-weight:700;text-align:center;color:#000;border:none}.otp-input-container .resend-text{padding:8px;gap:8px;align-self:stretch;color:#f5f5f5;text-align:center;font-size:14px;font-style:normal;font-weight:400}.otp-input-container .resend-text span{color:#ebdd36;font-size:16px;font-style:normal;font-weight:700}.otp-text-label{color:#f0f0ef;text-align:center;font-size:16px;font-style:normal;font-weight:400}.conform-password-form{align-self:stretch;gap:16px}.conform-password-form .password-rules{gap:4px;align-self:stretch}.conform-password-form .password-rules p{color:#f5f5f5;font-size:12px;font-style:normal;font-weight:400}.conform-password-form .password-rules .rule-item{gap:4px;align-self:stretch}.conform-password-form .password-rules .rule-item p{color:#b6b6b4;font-size:14px;font-style:normal;font-weight:400;flex:1 0 0}.conform-password-form .password-rules .rule-item.valid p{color:#4caf50}.conform-password-form .password-rules .rule-item.invalid p{color:#ff4b4b}.conform-password-form .password-rules .rule-item .circle{display:flex;width:20px;height:20px;justify-content:center;align-items:center}.conform-password-form .password-rules .rule-item .circle.active{background:#ebdd36;border-color:#ebdd36}.conform-password-form .password-success{display:flex;align-items:center;gap:6px;margin-top:8px}.conform-password-form .password-success p{color:#4caf50;font-size:14px;font-weight:500}.conform-password-form .conform-password-form-input{align-self:stretch;gap:8px}.auth__card__footer__list__item.link-item{cursor:pointer;padding:6px 10px;border-radius:6px;transition:.3s ease}.auth__card__footer__list__item.link-item:hover{background:#ffffff1a;padding:8px 10px;border-radius:18px}.auth__card__footer__list__item.link-item{text-decoration:none}.loader-container{display:flex;align-items:center;gap:8px}.global-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;border-radius:12px}.global-loader p{color:#fff;font-size:16px;font-weight:600}.lds-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#ebdd36;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:950px){.auth{height:100%!important}}@media(max-width:480px){.auth{background-size:cover!important;height:100%!important}.auth__content{padding:8px 16px}.auth__card{width:100%!important}.auth__card__body{padding:32px 16px;gap:24px}.auth__card__body__top{gap:16px}.auth__card__body__top__content__title{font-size:18px}.auth__card__body__top__content__subtitle{font-size:14px}.input-field input,.password-field input{padding:12px}.input-field input::placeholder,.password-field input::placeholder{font-size:11px}.login-error-box{padding:8px;border-radius:8px}.login-error-box .close-btn{width:16px;height:16px;padding:3.332px 3.334px 3.335px 3.333px}.login-error-box p{font-size:11px;font-weight:500}.login-btn{padding:8px 12px}.login-btn span{font-size:12px}}html[dir=ltr] .password-field .toggle-password{right:12px}html[dir=rtl] .password-field .toggle-password{left:12px;right:auto}.settings-page{display:flex;padding:32px;flex-direction:column;gap:24px}.settings-page .settings-header{display:flex;flex-direction:column;gap:24px}.settings-page .settings-header h2{color:#1c1b13;font-size:22px;font-style:normal;font-weight:700}.settings-page .settings-header .tabs{display:flex;height:45px;align-items:flex-end;border-bottom:1px solid #B6B6B4;position:relative}.settings-page .settings-header .tabs button{padding:8px 16px 10px;align-items:flex-start;gap:8px;cursor:pointer;border:none;background:transparent;display:flex;align-items:center;color:#807f7b;text-align:center;font-size:14px;font-style:normal;font-weight:400;border-bottom:2px solid transparent}.settings-page .settings-header .tabs button.active{color:#1c1b13;border-bottom-color:#1c1b13;font-weight:700}.card{border-radius:8px;border:1px solid #F0F0EF;background:#fff;box-shadow:0 4px 16px #c8c8c81a;display:flex;padding:16px;flex-direction:column;gap:24px}.card__header{display:flex;flex-direction:column;gap:4px;align-items:flex-start;align-self:stretch;padding-bottom:16px;border-bottom:1px solid #F0F0EF}.card__header h3{color:#1c1b13;font-size:16px;font-style:normal;font-weight:700}.card__header p{color:#807f7b;font-size:14px;font-style:normal;font-weight:400}.card .form-grid{display:flex;gap:16px;align-self:stretch;flex-wrap:wrap}.card .form-grid .input-field{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:1 0 0}.card .form-grid .input-field label{color:#1c1b13;font-size:14px;font-style:normal;font-weight:400}.card .form-grid .input-field input{padding:12px;border-radius:12px;border:1px solid #F0F0EF;background:#f0f0ef}.card .form-grid .input-field input[readonly]{color:#807f7b;font-size:14px;font-style:normal;font-weight:400}.card .action{display:flex;align-items:center;justify-content:flex-end}.card .action .save-btn{width:auto;max-width:fit-content;align-self:stretch;border-radius:12px;background:#ebdd36;padding:12px 16px;gap:8px;cursor:pointer;text-decoration:none!important;border:none!important}.card .action .save-btn span{color:#000;text-align:center;font-size:14px;font-style:normal;font-weight:700;text-decoration:none!important}.card .action .save-btn:disabled{opacity:.5;background:#f0f0ef}.card .action .save-btn:disabled span{color:#807f7b}.card .password-grid{display:flex;align-items:flex-start;gap:32px;align-self:stretch}.card .password-grid .password-inputs,.card .password-grid .password-rules-box{flex:1 0 0}.card .password-grid .password-inputs{display:flex;flex-direction:column;gap:16px}.card .password-grid .password-inputs .input-field label{color:#1c1b13}.card .password-grid .password-rules-box{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.card .password-grid .password-rules-box .rule-item{display:flex;align-items:center;gap:4px;align-self:stretch}.card .password-grid .password-rules-box .rule-item p{flex:1 0 0;color:#807f7b;font-size:14px;font-style:normal;font-weight:400}.manage-users-card .card__header--row{display:flex;padding-bottom:16px;justify-content:space-between;align-items:flex-start;gap:16px;align-self:stretch;border-bottom:1px solid #F0F0EF}.manage-users-card .card__header--row div{display:flex;flex-direction:column;gap:4px;flex:1}.manage-users-card .card__header--row div h3{color:#1c1b13;font-size:16px;font-style:normal;font-weight:700}.manage-users-card .card__header--row div p{color:#807f7b;font-size:14px;font-style:normal;font-weight:400}.manage-users-card .card__header--row .add-user-btn{display:flex;padding:8px 16px;justify-content:center;align-items:center;gap:8px;border-radius:8px;background:#ebdd36;cursor:pointer;border:none!important}.manage-users-card .card__header--row .add-user-btn span{color:#1c1b13;text-align:center;font-size:14px;font-style:normal;font-weight:700}.manage-users-card{direction:rtl}.manage-users-card .users-table__head,.manage-users-card .users-table__row{display:grid;grid-template-columns:2fr 120px 160px 2.5fr 40px;align-items:center;gap:8px}.manage-users-card .users-table__head{padding:8px 0;color:#807f7b;font-size:13px;border-bottom:1px solid #F5F5F5;background:#fcfcfc}.manage-users-card .users-table__head .sortable{display:flex;align-items:center;padding:8px 12px;height:40px;gap:6px;cursor:pointer}.manage-users-card .users-table__head .sortable span{align-self:stretch;color:#1c1b13;text-align:right;font-size:14px;font-style:normal;font-weight:600}.manage-users-card .users-table__head .sortable .sort-icons{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1px}.manage-users-card .users-table__head .sortable .sort-icons svg{width:11px!important;height:11px!important}.manage-users-card .users-table__row{min-height:60px;max-height:80px;padding:8px 12px;border-bottom:1px solid #F0F0EF}.manage-users-card .users-table__row .email,.manage-users-card .users-table__row .name{overflow:hidden;color:#1c1b13;text-align:right;text-overflow:ellipsis;font-size:14px;font-style:normal;font-weight:600}.manage-users-card .users-table__row .status-badge{display:flex;padding:4px 12px;align-items:center;gap:4px;border-radius:999px;font-size:14px;font-style:normal;font-weight:500;width:max-content!important}.manage-users-card .users-table__row .status-badge.active{background:#e9fbf3;color:#1aa165}.manage-users-card .users-table__row .status-badge.inactive{background:#fdeadd;color:#e7690c}.manage-users-card .users-table__row .status-badge.pending{background:#fde7ea;color:#ef3b54}.manage-users-card .users-table .email{direction:ltr;text-align:right}.manage-users-card .users-table .actions{display:flex;justify-content:center;align-items:center;cursor:pointer;width:32px;height:32px;gap:8px;border-radius:8px;background:#f5f5f5}.manage-users-card .users-table .permissions{display:flex;flex-wrap:wrap;gap:8px}.manage-users-card .users-table .permissions .permission-pill{border-radius:999px;border:1px solid #6E6D86;font-size:12px;white-space:nowrap;display:flex;padding:4px 8px;align-items:center;gap:4px}.manage-users-card .users-table .permissions .permission-pill span{color:#6e6d86;font-size:12px;font-style:normal;font-weight:400}.manage-users-card .users-table .permissions .permission-pill.full-access{border-color:#1aa165}.manage-users-card .users-table .permissions .permission-pill.full-access span{color:#1aa165;font-weight:500}.side-modal-overlay{position:fixed;inset:0;background:#00000059;z-index:1000;display:flex;justify-content:flex-end}.side-modal{width:50vw;max-width:640px;height:100vh;background:#fff;display:flex;flex-direction:column;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.side-modal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;gap:16px;align-self:stretch;border-bottom:1px solid #F0F0EF}.side-modal__header .text{display:flex;flex-direction:column;justify-content:center;gap:4px;flex:1 0 0}.side-modal__header .text h3{color:#1c1b13;font-size:18px;font-style:normal;font-weight:700}.side-modal__header .text .desc{color:#807f7b;font-size:14px;font-style:normal;font-weight:400}.side-modal__header .close-btn{background:transparent;border:none;cursor:pointer}.side-modal__content{display:flex;padding:24px;flex-direction:column;align-items:flex-start;flex:1 0 0;align-self:stretch;gap:16px}.side-modal__content .input-field label{color:#1c1b13;font-weight:600}.side-modal__content .permissions-select{display:flex;flex-direction:column;gap:8px;align-self:stretch}.side-modal__content .permissions-select label{color:#1c1b13;font-weight:600}.side-modal__content .permissions-select .permission-options{display:flex;align-items:center;gap:16px;align-self:stretch}.side-modal__content .permissions-select .permission-options .permission-card{display:flex;padding:8px;align-items:flex-start;gap:4px;flex:1 0 0;border-radius:8px;border:1px solid #F0F0EF;background:#fff}.side-modal__content .permissions-select .permission-options .permission-card svg{margin-top:3px}.side-modal__content .permissions-select .permission-options .permission-card .text{display:flex;flex-direction:column;gap:4px;flex:1 0 0}.side-modal__content .permissions-select .permission-options .permission-card .text strong{color:#1c1b13;text-align:right;font-size:14px;font-style:normal;font-weight:600}.side-modal__content .permissions-select .permission-options .permission-card .text p{color:#807f7b;font-size:12px;font-style:normal;font-weight:400}.side-modal__content .permissions-select .permission-options .permission-card.active{border-color:#1c1b13;background:#f5f5f5;box-shadow:0 4px 10px #c8c8c84d}.side-modal__content .permission-info{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:32px;width:100%}.side-modal__content .permission-info .line{height:1px;width:100%!important;background-color:#f0f0ef!important}.side-modal__content .permission-info .full-permission-info{width:100%!important;display:flex;padding:8px;align-items:flex-start;gap:10px;align-self:stretch;border-radius:8px;background:#e4f6f1}.side-modal__content .permission-info .full-permission-info p{color:#1c1b13;font-size:13px;font-style:normal;font-weight:500}.side-modal__content .custom-permissions-box{display:flex;flex-direction:column;gap:8px;width:100%}.side-modal__content .custom-permissions-box h4{color:#1c1b13;font-size:14px;font-style:normal;font-weight:600}.side-modal__content .custom-permissions-box .project-permission{overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:4px;border-radius:4px;border:1px solid #F0F0EF;background:#fff}.side-modal__content .custom-permissions-box .project-permission .project-header{border-radius:4px;border:1px solid #F0F0EF;background:#fff;display:flex;align-items:center;padding:8px 12px;gap:8px;cursor:pointer}.side-modal__content .custom-permissions-box .project-permission .project-header span.text{color:#1c1b13;font-size:14px;font-style:normal;font-weight:600;flex:1}.side-modal__content .custom-permissions-box .project-permission .project-body{display:flex;padding:8px 12px;flex-direction:column;gap:8px;align-self:stretch}.side-modal__content .custom-permissions-box .project-permission .project-body .alerm{color:#807f7b;text-align:right;font-size:14px;font-style:normal;font-weight:500}.side-modal__content .custom-permissions-box .project-permission .project-body .alerm span{color:#ef3b53;font-size:14px;font-style:normal;font-weight:500}.side-modal__content .custom-permissions-box .project-permission .project-body .checkbox-content{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.side-modal__content .custom-permissions-box .project-permission .project-body .checkbox-content .checkbox-item{display:flex;align-items:center;gap:4px}.side-modal__content .custom-permissions-box .project-permission .project-body .checkbox-content .checkbox-item span{color:#1c1b13;font-size:14px;font-style:normal;font-weight:500}.side-modal__content .custom-permissions-box .project-permission .project-body .checkbox-content .checkbox-content-sub{display:flex;padding:4px 0;flex-direction:column;gap:8px;flex:1 0 0}.side-modal__content .custom-permissions-box .project-permission .project-body .checkbox-content .checkbox-content-sub .nested{margin-right:24px}.side-modal__content .custom-permissions-box .project-permission.open .project-header{background:#f5f5f5}.side-modal__content .custom-permissions-box .project-permission.open .project-header .arrow{transform:rotate(180deg);transition:1s}.side-modal__footer{padding:16px 24px;border-top:1px solid #f0f0ef;display:flex;justify-content:space-between}.side-modal__footer button{display:flex;padding:8px 16px;justify-content:center;align-items:center;gap:8px;border:none;cursor:pointer;border-radius:8px;text-align:center;font-size:14px;font-style:normal;font-weight:600}.side-modal__footer button span{color:#000;text-align:center;font-size:14px;font-style:normal;font-weight:700}.side-modal__footer .cancel-btn{background:#fff;border:1px solid #1C1B13;padding:8px 32px}.side-modal__footer .cancel-btn span{color:#000}.side-modal__footer .save-btn{align-self:stretch;background:#ebdd36;gap:8px;cursor:pointer}.side-modal__footer .save-btn:disabled{opacity:.5;cursor:not-allowed;background:#f0f0ef}.side-modal__footer .save-btn:disabled span{color:#807f7b}.error-text{font-size:12px;color:#ef3b54;margin-top:4px}.home-page{display:flex;flex-direction:column;padding:32px;gap:24px}.home-page h1.title{color:#1c1b13;font-size:22px;font-style:normal;font-weight:700}.home-page__cards-row{display:flex;align-items:center;gap:16px;align-self:stretch}.home-page__cards-row .stat-card{flex:1}.home-page__charts{display:flex;align-items:center;gap:16px;align-self:stretch;align-items:stretch}.home-page__charts-items{display:flex;align-items:center;gap:16px;align-self:stretch;flex:1;align-items:stretch;height:100%}.home-page .home-page-table{padding:16px;gap:24px;border-radius:8px;border-bottom:1px solid #F0F0EF;background:#fff;box-shadow:0 4px 30px #c8c8c84d;position:relative}.sidebar{width:272px;flex-shrink:0;padding:0 16px;font-family:DINNextArabic,sans-serif;background-color:#fff}.sidebar__header{align-self:stretch;padding:0 16px;height:72px;gap:16px;cursor:pointer}.sidebar__header img{width:32px;height:32px}.sidebar__header h2{color:#344054;font-size:16px;font-style:normal;font-weight:600}.sidebar__list{padding:32px 16px 80px;gap:24px;align-self:stretch}.project-carousel{width:100%}.project-carousel__container{gap:8px;padding:12px;align-self:stretch;border-radius:8px;border:1px solid #F0F0EF;background:#f5f5f5}.project-carousel__container__arrows{gap:0px}.project-carousel__container__arrows__arrow-btn{width:11px;height:13px;border-radius:999px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.project-carousel__container__arrows__arrow-btn svg{width:100%;height:100%}.project-carousel__container .thumb{display:flex;width:24px;height:24px;justify-content:center;align-items:center}.project-carousel__container .thumb img{width:100%;height:100%}.project-carousel__container h4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;color:#161616;font-size:12px;font-style:normal;font-weight:700}.sidebar-menu-item{width:100%;gap:8px}.sidebar-menu-item__header{width:100%;background:transparent;border:none;height:40px;padding:8px 12px;cursor:pointer}.sidebar-menu-item__header .sidebar-menu-item__title{gap:8px;color:#1c1b13;font-size:14px;font-style:normal;font-weight:700}.sidebar-menu-item__header .sidebar-menu-item__title .icon{width:24px;height:24px}.sidebar-menu-item__header .chevron{transition:.25s ease}.sidebar-menu-item__header .chevron.rotate{transform:rotate(180deg)}.sidebar-menu-item__children{animation:fadeIn .25s ease;gap:4px;align-self:stretch}.sidebar-menu-item__children div{cursor:pointer;align-self:stretch;height:40px;padding:8px 32px 8px 12px;border-radius:6px;background:#fff;color:#1c1b13;font-size:14px;font-style:normal;font-weight:400}.sidebar-child .badge{background:#ef3b53;color:#fff;width:20px;height:20px;font-size:12px;border-radius:50%;gap:8px;margin:2px 5px}.sidebar-child.need-action{background:#f5f5f5;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.project-modal-overlay{position:fixed;inset:0;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:1000}.project-modal-overlay .project-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:flex-start;flex-direction:column;padding:16px;gap:32px;align-self:stretch;border-radius:8px;background:#fff;height:max-content;min-width:486px}.project-modal-overlay .project-modal .project-modal-contaner{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:16px;width:100%}.project-modal-overlay .project-modal .project-modal-contaner .project-modal-top{display:flex;justify-content:center;align-items:center;gap:16px;align-self:stretch;border-bottom:1px solid #F0F0EF;padding-bottom:16px}.project-modal-overlay .project-modal .project-modal-contaner .project-modal-top .title{color:#1c1b13;font-size:18px;font-style:normal;font-weight:700;flex:1}.project-modal-overlay .project-modal .project-modal-contaner .project-modal-top .close-btn{background-color:transparent!important;border:none}.project-modal-overlay .project-modal .project-modal-contaner .project-list{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-top:16px;width:100%}.project-modal-overlay .project-modal .project-modal-contaner .project-list .project-item{display:flex;padding:12px;align-items:center;gap:8px;align-self:stretch;cursor:pointer;border-radius:8px;border:1px solid #B6B6B4}.project-modal-overlay .project-modal .project-modal-contaner .project-list .project-item .icon{display:flex;width:24px;height:24px;padding:3px;justify-content:center;align-items:center}.project-modal-overlay .project-modal .project-modal-contaner .project-list .project-item .text{font-size:14px;font-style:normal;font-weight:500;color:#5f6063}.project-modal-overlay .project-modal .project-modal-contaner .project-list .project-item.active{border:1px solid #1C1B13;background:#f5f5f5}.project-modal-overlay .project-modal .project-modal-contaner .project-list .project-item.active .text{color:#161616}.project-modal-overlay .project-modal .project-modal-footer{width:100%;display:flex;align-items:center;justify-content:space-between}.project-modal-overlay .project-modal .project-modal-footer button{display:flex;padding:8px 32px;justify-content:center;align-items:center;gap:8px;border-radius:8px;background-color:transparent;border:none;cursor:pointer;color:#1c1b13;text-align:center;font-size:14px;font-style:normal;font-weight:500}.project-modal-overlay .project-modal .project-modal-footer .close-btn{border:1px solid #1C1B13}.project-modal-overlay .project-modal .project-modal-footer .confirm-btn{background:#ebdd36}.project-modal .project-list{max-height:350px;overflow-y:auto;padding-right:8px}.project-modal .project-list::-webkit-scrollbar{width:8px}.project-modal .project-list::-webkit-scrollbar-track{background:#f5f5f5;border-radius:8px}.project-modal .project-list::-webkit-scrollbar-thumb{background:#ebdd36;border-radius:8px;border:2px solid #F5F5F5}.project-modal .project-list::-webkit-scrollbar-thumb:hover{background:#d4c305}.header{height:72px;padding:0 24px;gap:28px}.header__right{gap:16px}.header .lang-trigger{padding:4px 8px;gap:4px;border-radius:8px;background:#f5f5f5}.header .lang-trigger span{color:#1c1b13;text-align:center;font-size:12px;font-style:normal;font-weight:700}.header__user{gap:12px;cursor:pointer}.header__user-icon{width:40px;height:40px;padding:10px;gap:10px;border-radius:50%;background:#f5f5f5}.header__user-icon svg{width:24px;height:24px}.header__user-info{gap:2px;color:#000}.header__user-info .name{font-size:14px;font-style:normal;font-weight:700}.header__user-info .building{font-size:12px;font-style:normal;font-weight:400}.header__notif{position:relative;cursor:pointer;width:24px;height:24px;padding:3px 4.8px;flex-shrink:0}.header__notif svg{width:14px;height:18px;flex-shrink:0}.header__notif .badge{width:18px;height:18px;padding:3.111px 6.222px;gap:6.222px;position:absolute;top:-6px;right:-6px;background:#ef3b53;border-radius:50%;color:#fff;font-size:9.333px;font-style:normal;font-weight:500}.dropdown{position:relative;display:inline-block}.dropdown__trigger{gap:8px;cursor:pointer;background:transparent;border:none;display:inline-flex;padding:0}.dropdown__menu{position:absolute;top:calc(100% + 8px);max-width:calc(100vw - 24px);display:flex;flex-direction:column;z-index:999999;min-width:140px;padding:8px;gap:8px;align-self:stretch;border-radius:8px;background:#fff;box-shadow:0 4px 30px #c8c8c84d}.dropdown__menu .dropdown-item{height:40px;padding:12px;gap:8px;align-self:stretch;border-radius:8px}.dropdown__menu .dropdown-item span{color:#1c1b13;text-align:right;font-size:14px;font-style:normal;font-weight:500;width:max-content!important}.dropdown__menu .dropdown-item:hover{background:#f0f0ef}.dropdown__menu .logoout{color:#ef3b53}.dropdown.header__lang .dropdown-item{cursor:pointer}html[dir=rtl] .dropdown__menu{right:0}html[dir=rtl] .dropdown__menu:last-child{left:0;right:auto}.toast-container{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:9999}.toast{display:flex;min-width:370px;padding:8px 12px;flex-direction:column;justify-content:center;gap:8px;animation:fadeInOut .5s ease-in-out;border-radius:12px;box-shadow:0 4px 12px -4px #1018281f,0 1px 4px -2px #1018280a}.toast .toast-data{display:flex;justify-content:flex-start;align-items:center;gap:8px;flex:1 0 0}.toast .toast-data .toast-message{color:#252627;font-size:12px;font-style:normal;font-weight:500}.toast .toast-icon{display:flex;width:32px;height:32px;padding:4px;justify-content:center;align-items:center;gap:8px;flex-shrink:0;border-radius:12px}.toast.success{border:1px solid #1AA165;background:#e9fbf3}.toast.success .toast-icon{background:#1aa165}.toast.error{border:1px solid #EF3B54;background:#fde7ea}.toast.error .toast-icon{background:#ef3b54}.toast.info{border:1px solid #E7690C;background:#fdeadd}.toast.info .toast-icon{background:#e7690c}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}html[dir=rtl] .toast-container{left:10px;right:auto;transform:none;align-items:flex-end}html[dir=ltr] .toast-container{right:10px;left:auto;transform:none;align-items:flex-start}.success-modal-overlay{position:fixed;inset:0;background:#2e2c2c80;display:flex;justify-content:center;align-items:center;z-index:99999}.success-modal-box{display:flex;width:500px;padding:40px;flex-direction:column;align-items:center;gap:40px;border-radius:16px;background:#00000080;-webkit-backdrop-filter:blur(15.5px);backdrop-filter:blur(15.5px)}.success-modal-box .success-modal-icon{width:72px;height:72px}.success-modal-box .success-modal-text{display:flex;flex-direction:column;align-items:center;gap:8px;align-self:stretch}.success-modal-box .success-modal-text h2{color:#fff;text-align:center;font-size:22px;font-style:normal;font-weight:700}.success-modal-box .success-modal-text p{color:#f0f0ef;text-align:center;font-size:14px;font-style:normal;font-weight:400}.success-modal-box .success-modal-btn{border:none;cursor:pointer;display:flex;padding:12px 16px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:12px;background:#ebdd36;color:#000;text-align:center;font-size:14px;font-style:normal;font-weight:700}.table-filters-home{display:flex;flex-direction:column;justify-content:center;gap:16px;align-self:stretch}.table-filters-home__top{display:flex;align-items:center;align-self:stretch;gap:8px}.table-filters-home__top h4{color:#1c1b13;font-size:18px;font-style:normal;font-weight:700;flex:1 0 0}.table-filters-home__top .button{display:flex;padding:12px 16px;justify-content:center;align-items:center;gap:8px;border-radius:8px;background:#f5f5f5;border:none!important;cursor:pointer}.table-filters-home__top .button span{color:#1c1b13;text-align:center;font-size:14px;font-style:normal;font-weight:700}.table-filters-home .input-search{display:flex;height:45px;padding:8px;align-items:center;gap:16px;align-self:stretch;border-radius:8px;border:1px solid #F0F0EF;flex:1}.table-filters-home .input-search input{color:#807f7b;font-size:14px;font-style:normal;font-weight:400;flex:1 0 0;border:none;outline:none}.table-filters-home .input-search input::placeholder{color:#807f7b;font-size:14px;font-style:normal;font-weight:400}.table-wrapper{width:100%;overflow-x:auto;background:#fff}.requests-table{width:100%;border-collapse:collapse;min-width:900px}.requests-table thead th{padding:12px;background:#fcfcfc;border-bottom:1px solid #F0F0EF;font-size:13px;font-weight:600;color:#1c1b13;text-align:center;white-space:nowrap}.requests-table thead th div{display:flex;align-items:center;gap:4px;align-self:stretch}.requests-table thead th div span{color:#1c1b13;font-size:12px;font-style:normal;font-weight:400}.requests-table thead th div .arrows{display:flex;width:24px;height:24px;padding:6px 7.667px 7px 9px;justify-content:center;align-items:center;flex-direction:column}.requests-table thead th div .arrows .arrows__arrow-btn{background:transparent;border:none;padding:0;cursor:pointer;width:12px;height:12px;line-height:0}.requests-table tbody tr{border-bottom:1px solid #F0F0EF}.requests-table tbody td{padding:14px 12px;vertical-align:middle;overflow:hidden}.requests-table tbody td span{color:#1c1b13;text-overflow:ellipsis;font-size:12px;font-style:normal;font-weight:600}.requests-table tbody td .price{display:flex;align-items:center;gap:2px}.requests-table tbody td .customerName{display:flex;flex-direction:column;gap:4px;flex:1 0 0}.requests-table tbody td .customerName .pragrefa{overflow:hidden;color:#807f7b;text-overflow:ellipsis;font-size:12px;font-style:normal;font-weight:400}.table-btn{display:flex;padding:4px 16px;justify-content:center;align-items:center;gap:8px;border:none;cursor:pointer;border-radius:8px;background:#f5f5f5;color:#1c1b13;text-align:center;font-size:14px;font-style:normal;font-weight:500}.badge{padding:6px 12px;border-radius:999px;display:flex;justify-content:center;align-items:center;width:max-content;gap:4px;font-style:normal;text-align:center;font-size:12px;font-weight:400;cursor:pointer}.badge--pending{background:#fdeadd;color:#e7690c!important}.badge--paid{background:#d7f6ff;color:#0086a6!important}.badge--success{background:#e9fbf3;color:#1aa165!important}.installment{border:1px solid #FE6BBA}.installment span{color:#fe6bba!important}.cash{border:1px solid #555CF3}.cash span{color:#555cf3!important}.filters-popup{position:absolute;top:85px;left:-15px;animation:slideDown .25s ease-out;display:flex;width:339.667px;padding:16px;flex-direction:column;gap:16px;border-radius:8px;background:#fff;box-shadow:0 4px 30px #c8c8c84d}.filters-popup .filters-popup-top{width:100%;display:flex;align-items:center;justify-content:space-between}.filters-popup .filters-popup-top .close-btn{background:none;border:none;cursor:pointer;display:flex;width:40px;height:40px;justify-content:center;align-items:center;gap:10px;border-radius:50%;border:1px solid #F0F0EF;background:#fff}.filters-popup .filters-popup-top h3{color:#1c1b13;font-size:16px;font-style:normal;font-weight:500}.filters-popup .filter-item{display:flex;flex-direction:column;gap:8px;align-self:stretch;width:100%}.filters-popup .filter-item .select-placeholder,.filters-popup .filter-item .date-input{width:100%;border-radius:12px;border:1px solid #F0F0EF;background:#fcfcfc;display:flex;padding:12px;justify-content:flex-end;align-items:center;gap:12px;align-self:stretch}.filters-popup .filter-item .select-placeholder span,.filters-popup .filter-item .date-input span{color:#807f7b;text-align:right;font-size:14px;font-style:normal;font-weight:400;flex:1}.filters-popup .filters-popup-footer{display:flex;padding-top:16px;align-items:center;gap:16px;align-self:stretch}.filters-popup .filters-popup-footer button{display:flex;padding:12px 16px;justify-content:center;align-items:center;gap:8px;border-radius:8px;text-align:center;font-size:14px;font-style:normal;font-weight:700;cursor:pointer;color:#000;border:none;width:max-content!important}.filters-popup .filters-popup-footer .apply-btn{flex:1 0 0;background:#ebdd36}.filters-popup .filters-popup-footer .reset-btn{background:#f5f5f5;color:#1c1b13}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.dropdown{position:relative}.dropdown .dropdown-menu{display:flex;width:213px;padding:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;border-radius:8px;background:#fff;box-shadow:0 4px 30px #c8c8c84d;position:absolute;top:48px;width:100%;box-shadow:0 4px 20px #0000001a;z-index:100}.dropdown .dropdown-item{cursor:pointer;color:#1c1b13;display:flex;border-radius:8px;padding:12px;align-items:center;gap:8px;align-self:stretch}.dropdown .dropdown-item span{color:#807f7b;text-align:right;font-size:14px;font-style:normal;font-weight:400}.dropdown .dropdown-item:hover{background:#f5f5f5}.calendar-wrapper{margin-top:8px;border-radius:12px;padding:6px;border:1px solid #e7e7e7}.calendar-wrapper .rdp-nav{flex-direction:row-reverse!important}.calendar-wrapper .rdp-nav{display:flex;justify-content:space-between;flex-direction:row-reverse}.calendar-wrapper .rdp-today .rdp-day_button{color:#000!important;font-weight:500}.calendar-wrapper .rdp-selected .rdp-day_button{border-radius:10px!important;background:#ebdd36!important;color:#000!important;border:1px solid #e7e7e7!important}.calendar-wrapper .rdp-button_previous,.calendar-wrapper .rdp-button_next{display:flex;padding:10px;justify-content:center;align-items:center;gap:8px;border-radius:4px;border:1px solid #F0F0EF;background:#fff}.calendar-wrapper .rdp-button_previous svg,.calendar-wrapper .rdp-button_next svg{display:none}.calendar-wrapper .rdp-button_previous:before{content:"";width:12px;height:12px;background-image:url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_5498_31694)'%3e%3cpath%20d='M0.375%206.375H11.625'%20stroke='%231C1B13'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M7.875%202.625L11.625%206.375L7.875%2010.125'%20stroke='%231C1B13'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_5498_31694'%3e%3crect%20width='12'%20height='12'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;transform:rotate(180deg)}.calendar-wrapper .rdp-button_next:before{content:"";width:12px;height:12px;background-image:url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_5498_31694)'%3e%3cpath%20d='M0.375%206.375H11.625'%20stroke='%231C1B13'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M7.875%202.625L11.625%206.375L7.875%2010.125'%20stroke='%231C1B13'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_5498_31694'%3e%3crect%20width='12'%20height='12'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;transform:rotate(0)}.pagination-wrapper{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.pagination{display:flex;gap:6px;list-style:none;padding:0}.page,.arrow{width:32px;height:32px;border-radius:8px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;font-weight:500}.page a,.arrow a{color:#1c1b13}.active{background:#ebdd36;font-weight:700}.disabled{opacity:.4;cursor:not-allowed}.gauge-wrapper .gauge-value{position:absolute;text-align:center}.gauge-wrapper .gauge-value strong{font-size:22px;font-weight:700;color:#1c1b13}.gauge-wrapper .gauge-value span{display:block;font-size:14px;color:#807f7b}.donut-wrapper{text-align:center;gap:10px;display:flex;padding:16px;flex-direction:column;align-items:center;gap:16px;flex:1 0 0;border-radius:8px;background:#fff;box-shadow:0 4px 30px #c8c8c84d;height:100%}.donut-wrapper .donut-wrapper-contaner{display:flex;justify-content:space-between;align-items:center;gap:24px;align-self:stretch}.donut-wrapper .donut-wrapper-contaner .donut-wrapper-contaner-data{display:flex;justify-content:space-between;align-items:center;align-content:flex-start;row-gap:8px;flex:1 0 0;flex-wrap:wrap}.donut-wrapper .donut-wrapper-contaner .donut-wrapper-contaner-data .donut-wrapper-contaner-data-cloum{display:flex;flex-direction:column;gap:8px;flex:1}.donut-wrapper .donut-wrapper-contaner .donut-wrapper-contaner-data .donut-wrapper-contaner-data-cloum .dat-row{display:flex;flex-direction:column;gap:4px}.donut-wrapper .donut-wrapper-contaner .donut-wrapper-contaner-data .donut-wrapper-contaner-data-cloum .dat-row h6{color:#807f7b;font-size:14px;font-style:normal;font-weight:500}.donut-wrapper .donut-wrapper-contaner .donut-wrapper-contaner-data .donut-wrapper-contaner-data-cloum .dat-row .value{display:flex;align-items:baseline;gap:8px;align-self:stretch}.donut-wrapper .donut-wrapper-contaner .donut-wrapper-contaner-data .donut-wrapper-contaner-data-cloum .dat-row .value span{color:#1c1b13;font-style:normal}.donut-wrapper .donut-wrapper-contaner .donut-wrapper-contaner-data .donut-wrapper-contaner-data-cloum .dat-row .value span:first-child{font-size:18px;font-weight:700}.donut-wrapper .donut-wrapper-contaner .donut-wrapper-contaner-data .donut-wrapper-contaner-data-cloum .dat-row .value span:last-child{font-size:14px;font-weight:500}.donut-wrapper h6{color:#1c1b13;font-size:18px;font-style:normal;font-weight:700;width:100%;text-align:start}.donut-wrapper .recharts-wrapper{width:200px!important;height:200px!important}.donut-wrapper .donut-wrapper-chart{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;align-self:stretch}.donut-wrapper .donut-wrapper-chart .donut-label{color:#1c1b13;font-size:12px;font-style:normal;font-weight:400}.donut-wrapper .donut-wrapper-chart .donut-total{color:#1c1b13;font-size:16px;font-style:normal;font-weight:700;margin-top:3px!important}.donut-wrapper .donut-wrapper-chart .donut-legend{margin-top:10px;display:flex;justify-content:center;align-items:center;gap:18px;font-size:14px}.donut-wrapper .donut-wrapper-chart .donut-legend-item{display:flex;align-items:center;gap:6px}.donut-wrapper .donut-wrapper-chart .donut-legend-color{width:10px;height:10px;border-radius:50%}.home-page__charts-items,.donut-wrapper{min-height:330px!important}.gauge-arrow{filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.sales-card{direction:rtl;display:flex;padding:16px;flex-direction:column;gap:24px;align-self:stretch;border-radius:8px;border:1px solid #F0F0EF;background:#fff;box-shadow:0 4px 30px #c8c8c84d}.sales-card__header{display:flex;align-items:start;justify-content:space-between;gap:24px}.sales-card__header__left{display:flex;flex-direction:column;gap:16px;flex:1 0 0}.sales-card__header__left h3{color:#1c1b13;font-size:18px;font-style:normal;font-weight:700}.sales-card__header__left .toggle-group{display:flex;padding:4px;align-items:center;gap:4px;width:max-content;border-radius:999px;background:#f2f2f3}.sales-card__header__left .toggle-group button{display:flex;padding:8px 16px;justify-content:center;align-items:center;gap:8px;border:none;background:transparent;cursor:pointer;color:#807f7b;transition:.25s;border-radius:999px;color:#252627;font-size:12px;font-style:normal;font-weight:500}.sales-card__header__left .toggle-group button.active{border-radius:999px;background:#fff;box-shadow:0 4px 12px -4px #1018281f,0 1px 4px -2px #1018280a}.sales-card__header__left .toggle-group button:hover:not(.active){background:#00000012}.sales-card__controls{display:flex;align-items:center;gap:14px}.sales-card__controls .year-dropdown{background:#f5f5f5;padding:8px 14px;border-radius:10px;border:1px solid #E0E0E0;font-size:14px;color:#1c1b13;cursor:pointer}.sales-card__chart{margin-top:10px;height:330px}.stat-card{min-width:230px;display:flex;flex-direction:column;padding:16px;gap:8px;flex:1 0 0;border-radius:8px;background:#fff;box-shadow:0 4px 30px #c8c8c84d}.stat-card__title{color:#807f7b;font-size:16px;font-style:normal;font-weight:400}.stat-card__value-text{display:flex;align-items:flex-end;gap:8px}.stat-card__value-row{display:flex;align-items:flex-end;gap:12px}.stat-card__value{color:#1c1b13;font-size:20px;font-weight:700}.stat-card__percentage{display:flex;align-items:center;gap:4px}.stat-card__percentage span{text-align:right;font-size:14px;font-style:normal;font-weight:700}.stat-card__percentage.positive{color:#1aa165}.stat-card__percentage.negative{color:#e64b4b}.stat-card__currency{color:#1c1b13;font-size:14px;font-style:normal;font-weight:700}