@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/plex-arabic-arabic-400-CyU-ddYS.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/plex-arabic-arabic-600-0pRdybE_.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/plex-arabic-arabic-700-DrtBj6UE.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/plex-arabic-latin-400-Bo5KPYvw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/plex-arabic-latin-600-KrqB56Mw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/plex-arabic-latin-700-BzSf6GNr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--color-primary:#5b5be7;--color-primary-dark:#4545c7;--color-primary-soft:#eef;--color-success:#0f7f5b;--color-success-soft:#e8f8f2;--color-danger:#c23951;--color-danger-soft:#fff0f3;--color-warning:#96610f;--color-warning-soft:#fff7e8;--color-page:#f6f7fb;--color-card:#fff;--color-navy:#141b3a;--color-text:#1d2340;--color-text-secondary:#656b85;--color-border:#e7e9f2;--color-input:#f9faff;--color-text-muted:#6b7084;--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--shadow-sm:0 8px 24px #22295812;--shadow-lg:0 28px 70px #24295921;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--bottom-nav-height:68px;--bottom-nav-offset:calc(.75rem + env(safe-area-inset-bottom));--above-bottom-nav:calc(var(--bottom-nav-offset) + var(--bottom-nav-height) + var(--space-2));font-family:IBM Plex Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif;line-height:1.65}*{box-sizing:border-box}html{background:var(--color-page);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-width:320px}body{background:var(--color-page);min-width:320px;min-height:100dvh;color:var(--color-text);overscroll-behavior-y:contain;margin:0}a,button,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #5b5be740}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#root{min-height:100dvh}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;border:0;min-height:52px;padding:.85rem 1.25rem;font-weight:600;text-decoration:none;transition:transform .16s,box-shadow .16s,background-color .16s;display:inline-flex}.button:not(:disabled):active{transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.7}.button--primary{background:linear-gradient(135deg, var(--color-primary), #7774ed);color:#fff;width:100%;box-shadow:0 12px 24px #5b5be73d}.button--primary:not(:disabled):hover{background:linear-gradient(135deg, var(--color-primary-dark), #6561df);box-shadow:0 14px 28px #5b5be74d}.button--secondary{margin-top:var(--space-5);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-primary-dark)}.icon-button{width:38px;height:38px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:inline-grid}.icon-button:hover{background:var(--color-primary-soft);color:var(--color-primary)}.spinner{animation:.8s linear infinite spin}.brand-mark{z-index:1;align-items:center;gap:var(--space-3);display:inline-flex;position:relative}.brand-mark__icon{background:#fff;border-radius:17px;place-items:center;width:52px;height:52px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff21}.brand-mark__icon img{object-fit:contain;width:100%;height:100%}.brand-mark__text{color:#fff;text-align:right;direction:rtl;gap:2px;display:grid}.brand-mark__text strong{font-size:var(--text-lg)}.brand-mark__text small{color:#ffffffa6;font-size:var(--text-sm)}.welcome-page{background:radial-gradient(circle at 20% 15%, #1abcb22e, transparent 30%), radial-gradient(circle at 85% 80%, #1d70de29, transparent 32%), var(--color-page);min-height:100dvh;padding:var(--space-5);place-items:center;display:grid}.welcome-card{justify-items:center;gap:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(100%,540px);box-shadow:var(--shadow-lg);text-align:center;background:#fffffff0;padding:clamp(1.5rem,7vw,3rem);display:grid}.welcome-card__logo{aspect-ratio:1;object-fit:contain;width:min(76vw,290px)}.welcome-card__copy h1{margin:0;font-size:clamp(1.8rem,8vw,2.6rem)}.welcome-card__copy p{margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:var(--text-md)}.welcome-card__actions{gap:var(--space-3);width:100%;display:grid}.welcome-card__actions .button--secondary{width:100%;margin-top:0}.brand-mark--compact .brand-mark__icon{background:var(--color-primary-soft);width:43px;height:43px;box-shadow:none;color:var(--color-primary);border-radius:14px}.brand-mark--compact .brand-mark__text{color:var(--color-text)}.brand-mark--compact .brand-mark__text strong{font-size:var(--text-md)}.auth-page{background:var(--color-card);min-height:100dvh;display:grid}.auth-page__form-panel{min-height:100dvh;padding:var(--space-5);flex-direction:column;display:flex}.auth-page__mobile-brand{margin-bottom:clamp(2.5rem,10vh,5rem)}.auth-page__form-wrap{width:min(100%,440px);margin:0 auto}.login-form{gap:var(--space-6);display:grid}.login-form__heading{gap:var(--space-2);margin-bottom:var(--space-1);display:grid}.eyebrow{color:var(--color-primary);font-size:var(--text-base);font-weight:600}.login-form__heading h1{margin:0;font-size:clamp(2rem,8vw,2.65rem);line-height:1.25}.login-form__heading p{max-width:34rem;color:var(--color-text-secondary);margin:0;line-height:1.8}.login-form__fields{gap:var(--space-5);display:grid}.login-form__hint{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0;line-height:1.8}.account-type{gap:var(--space-3);border:0;margin:0;padding:0;display:grid}.account-type__options{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.account-type__option{align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-input);padding:var(--space-4);color:var(--color-text);text-align:start;cursor:pointer;grid-template-columns:auto 1fr;transition:border-color .16s,box-shadow .16s,background-color .16s;display:grid}.account-type__option--selected{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 4px #5b5be717}.account-type__icon{width:42px;height:42px;color:var(--color-primary);background:#ececfb;border-radius:14px;place-items:center;display:grid}.account-type__option--selected .account-type__icon{background:var(--color-primary);color:#fff}.account-type__copy{gap:2px;display:grid}.account-type__copy small{color:var(--color-text-secondary);font-size:var(--text-xs);line-height:1.6}.form-field{gap:var(--space-2);display:grid}.form-field__label{color:var(--color-text);font-size:var(--text-base);font-weight:600}.form-field__control{align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-input);min-height:55px;padding:0 var(--space-4);transition:border-color .16s,box-shadow .16s,background-color .16s;display:flex}.form-field__control:focus-within{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 4px #5b5be717}.form-field__control--error{border-color:var(--color-danger);background:var(--color-danger-soft)}.form-field__icon{color:var(--color-text-muted);display:inline-flex}.form-field__control input{width:100%;min-width:0;color:var(--color-text);background:0 0;border:0;outline:0}.form-field__control input::placeholder{color:var(--color-text-muted)}.form-field__action{margin-inline-end:auto;display:inline-flex}.form-field__error{color:var(--color-danger);font-size:var(--text-sm);margin:0}.inline-alert{align-items:flex-start;gap:var(--space-3);border-radius:var(--radius-sm);background:var(--color-danger-soft);padding:var(--space-3) var(--space-4);color:#a53249;font-size:var(--text-base);border:1px solid #f7cdd5;line-height:1.7;display:flex}.inline-alert svg{flex:none;margin-top:3px}.inline-success{border-radius:var(--radius-sm);background:var(--color-success-soft);padding:var(--space-3) var(--space-4);color:var(--color-success);font-size:var(--text-base);border:1px solid #bce8d8;font-weight:600;line-height:1.7}.auth-form__links{justify-content:space-between;gap:var(--space-3);font-size:var(--text-base);flex-wrap:wrap;display:flex}.auth-form__links a{color:var(--color-primary-dark);font-weight:600;text-decoration:none}.auth-page__support{margin:var(--space-6) 0 0;color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;line-height:1.7}.auth-page__visual{display:none}.full-page-state,.access-page{min-height:100dvh;padding:var(--space-5);background:radial-gradient(circle at 75% 12%, #5b5be71a, transparent 30%), var(--color-page);place-items:center;display:grid}.full-page-state__card,.access-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);width:min(100%,460px);box-shadow:var(--shadow-sm);padding:var(--space-8) var(--space-6);text-align:center}.full-page-state__icon,.access-card__icon{width:64px;height:64px;margin:0 auto var(--space-5);background:var(--color-primary-soft);color:var(--color-primary);border-radius:22px;place-items:center;display:grid}.full-page-state h1,.access-card h1{font-size:var(--text-xl);margin:0}.full-page-state p,.access-card p{margin:var(--space-3) 0 0;color:var(--color-text-secondary);line-height:1.8}.access-card__icon,.full-page-state__icon--danger{background:var(--color-danger-soft);color:var(--color-danger)}.full-page-state__action{width:100%;margin-top:var(--space-6)}@media (width>=720px){.auth-page__form-panel{padding:var(--space-10)}}@media (width>=980px){.auth-page{min-height:100dvh;padding:var(--space-4);background:var(--color-page);grid-template-columns:minmax(520px,.9fr) minmax(520px,1.1fr)}.auth-page__form-panel{border-radius:var(--radius-lg);background:var(--color-card);justify-content:center;min-height:calc(100dvh - 2rem)}.auth-page__mobile-brand{display:none}.auth-page__visual{border-radius:var(--radius-lg);background:linear-gradient(145deg, #5b5be7e0, #141b3afa), var(--color-navy);min-height:calc(100dvh - 2rem);box-shadow:var(--shadow-lg);color:#fff;flex-direction:column;justify-content:space-between;padding:clamp(2.5rem,5vw,4.5rem);display:flex;position:relative;overflow:hidden}.auth-page__visual-glow{border:1px solid #ffffff1a;border-radius:50%;width:27rem;height:27rem;position:absolute;top:20%;left:-8rem;box-shadow:0 0 0 4rem #ffffff08,0 0 0 9rem #ffffff05}.auth-page__visual-copy{z-index:1;max-width:35rem;position:relative}.auth-page__pill{align-items:center;gap:var(--space-2);color:#ffffffc7;font-size:var(--text-sm);background:#ffffff17;border:1px solid #ffffff21;border-radius:999px;padding:.5rem .8rem;display:inline-flex}.auth-page__visual-copy h2{margin:var(--space-5) 0 var(--space-4);font-size:clamp(2.3rem,4vw,4.25rem);line-height:1.28}.auth-page__visual-copy p{color:#ffffffa8;max-width:30rem;font-size:var(--text-md);margin:0;line-height:1.9}.auth-page__feature-card{z-index:1;align-items:center;gap:var(--space-4);border-radius:var(--radius-md);padding:var(--space-4);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff17;border:1px solid #ffffff1f;grid-template-columns:auto 1fr auto;display:grid;position:relative}.auth-page__feature-icon{background:#ffffff1f;border-radius:17px;place-items:center;width:52px;height:52px;display:grid}.auth-page__feature-card>div:nth-child(2){gap:4px;display:grid}.auth-page__feature-card span{color:#ffffff9c;font-size:var(--text-sm);line-height:1.6}.auth-page__check{color:#72e2b8}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes spin{to{transform:rotate(360deg)}}