@charset "UTF-8";@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;border:none;outline:none}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}button{cursor:pointer}@media(max-width:480px){html,body,#root{min-height:100vh}}@media(max-width:479px){html{-webkit-text-size-adjust:100%;text-size-adjust:100%}#root{max-width:100vw;overflow-x:clip}}.flex,.auth,.auth__content,.auth__card,.auth__card__body,.auth__card__body__top,.auth__card__body__top__logo,.auth__card__body__top__content,.auth__card__body__top-createaccount,.auth__card__body__top-createaccount__logo,.auth__card__body__top-createaccount__content,.auth__card__body__form,.auth__card__footer,.auth__card__footer__list,.auth__card__footer__list__item,.auth__card__footer__list__item .img,.input-field,.password-field,.login-btn,.login-error-box,.login-error-box .close-btn,.reset-btn,.login-btn-outline,.otp-input-container,.otp-input-container .otp-container,.otp-input-container .resend-text,.conform-password-form,.conform-password-form .password-rules,.conform-password-form .password-rules .rule-item,.conform-password-form .conform-password-form-input,.account-unactivated-section{display:flex!important}.flex-inline{display:inline-flex!important}.flex-col,.auth__content,.auth__card,.auth__card__body,.auth__card__body__top,.auth__card__body__top__content,.auth__card__body__top-createaccount,.auth__card__body__top-createaccount__content,.auth__card__body__form,.auth__card__footer,.input-field,.password-field,.otp-input-container,.conform-password-form,.conform-password-form .password-rules,.conform-password-form .conform-password-form-input,.account-unactivated-section{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,.auth,.auth__content,.auth__card__body__top__logo,.auth__card__body__top-createaccount__logo,.auth__card__footer__list,.auth__card__footer__list__item .img,.login-btn,.login-error-box,.login-error-box .close-btn,.reset-btn,.login-btn-outline,.otp-input-container .otp-container,.otp-input-container .resend-text{justify-content:center!important}.justify-end,.auth__card__footer__list__item{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.justify-evenly{justify-content:space-evenly!important}.items-start,.auth__card__body__form,.input-field,.password-field,.conform-password-form,.conform-password-form .password-rules,.conform-password-form .conform-password-form-input,.account-unactivated-section{align-items:flex-start!important}.items-center,.auth,.auth__content,.auth__card,.auth__card__body,.auth__card__body__top,.auth__card__body__top__logo,.auth__card__body__top__content,.auth__card__body__top-createaccount,.auth__card__body__top-createaccount__logo,.auth__card__body__top-createaccount__content,.auth__card__body__form,.auth__card__footer,.auth__card__footer__list,.auth__card__footer__list__item,.auth__card__footer__list__item .img,.login-btn,.login-error-box,.login-error-box .close-btn,.reset-btn,.login-btn-outline,.otp-input-container,.otp-input-container .otp-container,.otp-input-container .resend-text,.conform-password-form .password-rules .rule-item{align-items:center!important}.items-end{align-items:flex-end!important}.items-stretch,.auth__card__body,.auth__card__body__top,.auth__card__body__top__content,.auth__card__body__top-createaccount,.auth__card__body__top-createaccount__content{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,.auth__content{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,.auth,.auth .overlay,.auth__content,.auth__card__body,.auth__card__body__form,.auth__card__footer,.input-field,.password-field,.login-btn,.login-error-box,.reset-btn,.login-btn-outline,.otp-input-container,.otp-input-container .otp-container,.otp-input-container .resend-text,.conform-password-form,.conform-password-form .password-rules,.conform-password-form .conform-password-form-input,.account-unactivated-section{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 .overlay,.auth__content{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}.btn:disabled{opacity:.7;cursor:none}:root{--color-primary-text: #1C1B13;--color-secondary-text: #807F7B;--color-white: #FFF;--color-background: #FCFCFC;--color-background-light: #F5F5F5;--color-background-hover: #E5E5E5;--color-border: #F0F0EF;--color-success: #1AA165;--color-success-bg: #E9FBF3;--color-pending: #E7690C;--color-pending-bg: #FDEADD;--color-warning: #C88A00;--color-warning-bg: #FFF4D6;--color-danger: #D92D20;--color-danger-bg: #FDE2E2;--color-paid: #0086A6;--color-paid-bg: #D7F6FF;--color-indigo: #555CF3;--color-yellow: #EBDD36;--color-yellow-hover: #D4C82F;--color-pink: #FE6BBA;--color-error: #EF3B54;--color-error-bg: #FDE7EA;--color-negative: #E64B4B;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 22px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 999px;--shadow-card: 0 4px 30px 0 rgba(200, 200, 200, .3);--shadow-modal: rgba(0, 0, 0, .35)}.text-primary{color:var(--color-primary-text)!important}.text-secondary{color:var(--color-secondary-text)!important}.text-success{color:var(--color-success)!important}.text-pending{color:var(--color-pending)!important}.text-warning{color:var(--color-warning)!important}.text-danger{color:var(--color-danger)!important}.bg-white{background:var(--color-white)!important}.bg-light{background:var(--color-background-light)!important}.bg-hover{background:var(--color-background-hover)!important}.bg-success{background:var(--color-success-bg)!important}.bg-pending{background:var(--color-pending-bg)!important}.bg-warning{background:var(--color-warning-bg)!important}.bg-danger{background:var(--color-danger-bg)!important}.border-default{border:1px solid var(--color-border)!important}.text-xs{font-size:var(--font-size-xs)!important}.text-sm{font-size:var(--font-size-sm)!important}.text-base{font-size:var(--font-size-base)!important}.text-lg{font-size:var(--font-size-lg)!important}.text-xl{font-size:var(--font-size-xl)!important}.text-2xl{font-size:var(--font-size-2xl)!important}.font-normal{font-weight:var(--font-weight-normal)!important}.font-medium{font-weight:var(--font-weight-medium)!important}.font-semibold{font-weight:var(--font-weight-semibold)!important}.font-bold{font-weight:var(--font-weight-bold)!important}.gap-xs{gap:var(--spacing-xs)!important}.gap-sm{gap:var(--spacing-sm)!important}.gap-md{gap:var(--spacing-md)!important}.gap-lg{gap:var(--spacing-lg)!important}.gap-xl{gap:var(--spacing-xl)!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded-md{border-radius:var(--radius-md)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-full{border-radius:var(--radius-full)!important}.shadow-card{box-shadow:var(--shadow-card)!important}.required{color:#ef3b53!important}.alert{border-radius:8px;background:#fff2e5;display:flex;padding:8px;align-items:center;gap:10px;align-self:stretch;width:100%}.alert span{color:#1c1b13;font-size:13px;font-style:normal;font-weight:400;flex:1}: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 top/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;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__body .resend-btn .send-otp{display:flex;padding:8px;justify-content:center;align-items:center;gap:8px;align-self:stretch}.auth__card__body .resend-btn .send-otp .send-otp-text{color:#ebdd36;text-align:center;font-size:16px;font-style:normal;font-weight:700}.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}.account-unactivated-section{align-self:stretch;gap:16px}.account-unactivated-section .account-unactivated-section-logo{width:144px;height:144px}.account-unactivated-section .account-unactivated-section-title{color:#fff;text-align:center;font-size:18px;font-style:normal;font-weight:700}.account-unactivated-section .account-unactivated-section-subtitle{color:#f0f0ef;text-align:center;font-size:14px;font-style:normal;font-weight:400}.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;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:100% 100%!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}.organization-success-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;backdrop-filter:blur(4px)}.organization-success-modal-box{background:#00000080;backdrop-filter:blur(15.5px);border-radius:16px;padding:48px 40px;max-width:480px;width:90%;display:flex;flex-direction:column;align-items:center;gap:24px;box-shadow:0 8px 32px #0000004d}.organization-success-modal-icon{display:flex;justify-content:center;align-items:center;margin-bottom:8px}.organization-success-modal-text{text-align:center;color:#fff}.organization-success-modal-text h2{font-size:24px;font-weight:700;margin:0 0 8px;color:#fff}.organization-success-modal-text p{font-size:16px;font-weight:400;margin:0;color:#fff;opacity:.9}.organization-success-modal-btn{background:#ebdd36;color:#1c1b13;border:none;border-radius:8px;padding:12px 48px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:8px;min-width:120px}.organization-success-modal-btn:hover{background:#d4c82f;transform:translateY(-1px);box-shadow:0 4px 12px #ebdd364d}.organization-success-modal-btn:active{transform:translateY(0)}.toast-container{position:fixed;top:10px;right:10px;z-index:9999;display:flex;flex-direction:column;gap:8px}html[dir=rtl] .toast-container{right:auto;left:10px}.toast{display:flex;min-width:370px;padding:8px 12px;flex-direction:column;justify-content:center;gap:8px;border-radius:12px;box-shadow:0 4px 12px -4px #1018281f,0 1px 4px -2px #1018280a;animation:toastIn .25s ease-out;will-change:transform,opacity}.toast .toast-data{display:flex;align-items:center;gap:8px}.toast .toast-data .toast-message{color:#252627;font-size:12px;font-weight:500}.toast .toast-icon{display:flex;width:32px;height:32px;padding:4px;justify-content:center;align-items:center;border-radius:12px;flex-shrink:0}.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 toastIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:479px){.toast-container{right:8px;left:8px;width:auto;max-width:none}html[dir=rtl] .toast-container{right:8px;left:8px}.toast{min-width:0;width:100%;max-width:100%;box-sizing:border-box}}.reloading-spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffd9;backdrop-filter:blur(3px);z-index:9999;display:flex;justify-content:center;align-items:center;pointer-events:none}.scrolling-spinner{position:relative;width:64px;height:64px;display:flex;justify-content:center;align-items:center}.spinner-ring{position:absolute;width:64px;height:64px;border:4px solid rgba(0,51,80,.15);border-top:4px solid #003350;border-radius:50%;animation:scroll-spin .8s linear infinite}.spinner-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:3px solid rgba(0,51,80,.1);border-top:3px solid #003350;border-radius:50%;animation:scroll-spin-reverse 1s linear infinite;opacity:.6}@keyframes scroll-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scroll-spin-reverse{0%{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}