@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 .badge,.sidebar-child.need-action,.sidebar-menu-item__children a,.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,.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.need-action .badge,.project-carousel__container__arrows,.sidebar__header,.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 .badge,.sidebar-child.need-action,.sidebar-menu-item__children a,.sidebar-menu-item__header .sidebar-menu-item__title,.sidebar-menu-item__header,.project-carousel__container__arrows,.project-carousel__container,.sidebar__header,.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{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}.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}.loader{width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:spin .6s 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{margin-bottom:24px}.settings-page .settings-header h2{font-size:24px;font-weight:700}.settings-page .settings-header .tabs{margin-top:16px;display:flex;gap:16px}.settings-page .settings-header .tabs button{padding:8px 16px;border:none;background:transparent;font-size:16px;cursor:pointer;border-bottom:2px solid transparent}.settings-page .settings-header .tabs .active{color:#ebdd36;border-bottom-color:#ebdd36}.card{border-radius:8px;border:1px solid #F0F0EF;background:#fff;box-shadow:0 4px 16px #c8c8c81a;display:flex;padding:24px;flex-direction:column;gap:16px}.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}.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}.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}.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 a{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.need-action{background:#f5f5f5;font-weight:500}.sidebar-child.need-action .badge{background:#ef3b53;color:#fff;width:20px;height:20px;font-size:12px;border-radius:50%;width:18px;height:18px;gap:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.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}.dropdown__menu .dropdown-item:hover{background:#f0f0ef}.dropdown__menu .logoout{color:#ef3b53}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;width:370px;padding:8px 12px;flex-direction:column;justify-content:center;gap:8px;animation:fadeInOut .5s ease-in-out;border-radius:12px}.toast .toast-data{display:flex;justify-content:flex-start;align-items:center;gap:8px;flex:1 0 0}.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;box-shadow:0 4px 12px -4px #1018281f,0 1px 4px -2px #1018280a}.toast.success .toast-icon{background:#1aa165}.toast.error{background-color:#dc3545}.toast.info{background-color:#ff922b}@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{right:10px;left:auto;transform:none;align-items:flex-end}html[dir=ltr] .toast-container{left:10px;right:auto;transform:none;align-items:flex-start}.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}.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:500}.requests-table tbody td .price{display:flex;align-items:center;justify-content: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}.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}
