@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap";:root{--company-primary:#2563eb;--company-secondary:#0f766e;--company-primary-soft:#2563eb2e;--company-secondary-soft:#0f766e38;--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--mx-control-h:34px;--mx-control-fs:12.5px;--mx-label-fs:11px;--mx-title-fs:22px;font:15px/145% var(--sans);letter-spacing:.08px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#08060d;background:#f3f6fb;margin:0}#root{width:100%;min-height:100vh}.page-loading{text-align:center;color:#6d7690;padding:48px 24px;font-family:Cairo,Arial,sans-serif}.main-layout{direction:rtl;background:#f3f6fb;min-height:100vh;font-family:Cairo,Arial,sans-serif;display:flex}.main-layout__sidebar{color:#fff;background:linear-gradient(#1c2749,#111a35);flex-direction:column;flex-shrink:0;width:248px;padding:20px 12px;display:flex;box-shadow:0 12px 30px #0a0f2059}.main-layout__logo-wrap{text-align:center;margin-bottom:24px}.main-layout__logo{object-fit:contain;border-radius:8px;width:100%;max-width:130px;height:auto}.main-layout__logo-fallback{background:var(--company-primary);color:#fff;border-radius:14px;place-items:center;width:56px;height:56px;margin:0 auto;font-size:22px;font-weight:800;display:grid}.main-layout__company-name{color:#e8efff;margin:10px 0 0;font-size:15px;font-weight:800;line-height:1.4}.main-layout__footer{margin-top:auto}.main-layout__employee{color:#c5d0ea;text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0 0 10px;padding:0 4px;font-size:13px;font-weight:600;overflow:hidden}.main-layout__nav{flex-direction:column;gap:4px;display:flex}.main-layout__nav-label{color:#93a0c2;letter-spacing:.04em;margin:16px 14px 6px;font-size:11px;font-weight:800}.main-layout__nav--secondary .main-layout__nav-link{color:#b7c3e3;padding:9px 14px;font-size:13px}.main-layout__nav-link{color:#94a3b8;border-radius:12px;align-items:center;gap:11px;height:46px;padding:0 12px;font-size:14px;font-weight:650;text-decoration:none;transition:background-color .16s,color .16s;display:flex}.main-layout__nav-link:hover{color:#8aa2ff;background:#375cf51a}.main-layout__nav-link--active{color:#375cf5;box-shadow:none;background:#375cf529;font-weight:700}.main-layout__icon{flex-shrink:0;width:20px;height:20px;display:block}.main-layout__nav-link--active .main-layout__icon{stroke-width:2px}.main-layout__logout{color:#e8efff;cursor:pointer;background:0 0;border:1px solid #dce6ff59;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.main-layout__logout:hover{background:var(--company-primary-soft);border-color:var(--company-primary)}.main-layout__content{flex:1;min-width:0;overflow:auto}@media (width<=900px){.main-layout{flex-direction:column}.main-layout__sidebar{z-index:30;width:100%;padding:14px 10px;position:sticky;top:0}.main-layout__logo-wrap{margin-bottom:12px}.main-layout__logo{max-width:90px}.main-layout__company-name{margin-top:6px;font-size:14px}.main-layout__nav{-webkit-overflow-scrolling:touch;flex-direction:row;gap:8px;padding-bottom:6px;overflow-x:auto}.main-layout__nav-link{white-space:nowrap;flex:none;padding:9px 12px;font-size:14px}.main-layout__footer{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.main-layout__employee{text-align:right;margin:0}.main-layout__logout{align-self:flex-start;width:auto;margin-top:0}.main-layout__content{width:100%}}.app-status-screen{color:#1e293b;background:#f3f6fb;place-items:center;min-height:100vh;padding:24px;font-family:Cairo,Arial,sans-serif;display:grid}.app-status-screen__card{text-align:center;background:#fff;border:1px solid #e8ecf4;border-radius:18px;width:min(420px,100%);padding:32px 26px;box-shadow:0 16px 42px #1424581c}.app-status-screen__card h1{color:#0f172a;margin:0 0 8px;font-size:22px;font-weight:800}.app-status-screen__card p{color:#64748b;margin:0;font-size:14px;line-height:1.7}.app-status-screen__spinner{border:3px solid #e2e8f0;border-top-color:var(--company-primary,#2563eb);border-radius:50%;width:36px;height:36px;margin-bottom:16px;animation:.8s linear infinite app-status-spin;display:inline-block}.app-status-screen__mark{background:var(--company-primary-soft,#2563eb29);width:40px;height:40px;color:var(--company-primary,#2563eb);border-radius:50%;place-items:center;margin-bottom:16px;font-weight:800;display:inline-grid}.app-status-screen__action{background:var(--company-primary,#2563eb);color:#fff;cursor:pointer;border:0;border-radius:10px;height:42px;margin-top:20px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:700}@keyframes app-status-spin{to{transform:rotate(360deg)}}html:has(.login-page.auth-shell){background:#f7f9fc;width:100%;max-width:100%;margin:0;overflow:hidden}body:has(.login-page.auth-shell){background:#f7f9fc;width:100%;max-width:100%;margin:0;overflow:hidden}#root:has(.login-page.auth-shell){background:#f7f9fc;width:100%;max-width:100%;margin:0;overflow:hidden}.login-page.auth-shell{--mx-navy:#111c35;--mx-cobalt:#375cf5;--mx-mint:#44d7b6;--mx-offwhite:#f7f9fc;--mx-text:#111c35;--mx-muted:#6b7590;--mx-line:#d9e1ef;--mx-danger:#c62828;--auth-form-max:560px;margin:0;background:var(--mx-offwhite);width:100%;max-width:100%;height:100dvh;min-height:100dvh;color:var(--mx-text);box-sizing:border-box;isolation:isolate;background-image:none;grid-template-columns:minmax(280px,38%) minmax(0,62%);margin-inline:0;position:relative;inset:auto 0;overflow:hidden}.login-page.auth-shell .login-page__left,.login-page.auth-shell .login-page__right,.login-page.auth-shell .login-page__overlay,.login-page.auth-shell .login-page__left-dot-pattern,.login-page.auth-shell .login-page__left-half-circle,.login-page.auth-shell .login-page__left-curve{background-image:none}.login-page.auth-shell .login-page__right{background:0 0}.login-page.auth-shell .login-page__overlay,.login-page.auth-shell .login-page__left-dot-pattern,.login-page.auth-shell .login-page__left-half-circle,.login-page.auth-shell .login-page__left-curve,.login-page.auth-shell .login-page__logo,.login-page.auth-shell .login-page__logo-text,.login-page.auth-shell .login-page__hero-label{display:none}.auth-brand{z-index:1;clip-path:inset(0);color:#fff;background-color:#111c35;background-image:linear-gradient(165deg,#111c35 0%,#18284d 46%,#375cf5 100%);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;justify-content:center;align-items:center;min-width:0;min-height:0;padding:32px 30px;display:flex;position:relative;overflow:hidden}.auth-brand__grid,.auth-brand__orb{pointer-events:none;position:absolute}.auth-brand__grid{opacity:.35;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:44px 44px;inset:0}.auth-brand__orb{filter:blur(8px);border-radius:50%;width:280px;height:280px}.auth-brand__orb--one{background:#375cf559;top:-90px;left:-70px}.auth-brand__orb--two{background:#44d7b629;bottom:-100px;right:-80px}.auth-brand__content{z-index:1;text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;width:min(460px,100%);margin-block:auto;display:flex;position:relative}.auth-brand__lockup{justify-content:center;align-items:center;gap:6px;margin-bottom:18px;display:flex}.auth-brand__mark{object-fit:contain;background:#ffffff14;border-radius:16px;width:64px;height:64px;box-shadow:0 8px 20px #111c352e}.auth-brand__name{letter-spacing:-.04em;margin:0;font-size:24px;font-weight:800}.auth-brand__product-name{letter-spacing:-.04em;color:#fff;margin:0 0 8px;font-family:inherit;font-size:clamp(28px,2.6vw,38px);font-weight:800;line-height:1.2}.auth-brand__product-x{font:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:#6d8cff}.auth-brand h2{margin:0;font-size:clamp(26px,2.4vw,36px);font-weight:800;line-height:1.32}.auth-brand__lead{color:#ffffffdb;max-width:100%;margin:8px 0 0;font-size:14px;line-height:1.65}.auth-shell__form-area{background:var(--mx-offwhite);background-image:none;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;padding:22px 24px;display:flex;overflow:hidden auto}.login-page.auth-shell .login-page__left{width:100%;display:flex}.auth-shell__form-wrap{width:100%;max-width:var(--auth-form-max)}.auth-shell__mobile-brand{align-items:center;gap:10px;margin-bottom:16px;display:none}.auth-shell__mobile-brand img{object-fit:contain;border-radius:9px;width:32px;height:32px}.auth-shell__mobile-brand span{color:var(--mx-navy);font-size:16px;font-weight:800}.auth-shell__form-wrap h1{color:var(--mx-navy);margin:0;font-size:30px;font-weight:700;line-height:1.22}.auth-shell__subtitle{color:var(--mx-muted);margin:4px 0 12px;font-size:14px;font-weight:400;line-height:1.55}.auth-shell__tenant{border:1px solid var(--mx-line);color:var(--mx-navy);background:#fff;border-radius:999px;align-items:center;gap:8px;margin:-6px 0 16px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.auth-shell__tenant img{object-fit:contain;border-radius:4px;width:18px;height:18px}.auth-shell .login-page__form{gap:8px}.auth-field{gap:4px;display:grid}.auth-field__label{color:var(--mx-navy);font-size:13px;font-weight:600}.auth-field__control{align-items:center;display:flex;position:relative}.auth-field__icon{color:#8b93a7;pointer-events:none;display:inline-flex;position:absolute;right:12px}.login-page.auth-shell .auth-field__control input{border:1px solid var(--mx-line);width:100%;height:47px;color:var(--mx-navy);box-sizing:border-box;background:#fff;border-radius:11px;outline:none;padding:0 42px 0 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.login-page.auth-shell .auth-field__control input:focus{border-color:var(--mx-cobalt);box-shadow:none}.auth-field__control--password input{padding-left:42px}.auth-field--error .auth-field__control input{border-color:#e7b4b4}.auth-field__error{color:var(--mx-danger);margin:0;font-size:12px;font-weight:600;line-height:1.4}.auth-field__hint{color:#8b93a7;margin:0;font-size:12px;font-weight:400;line-height:1.4}.auth-field__eye{color:#8b93a7;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex;position:absolute;left:8px}.auth-field__eye:hover{color:var(--mx-navy);background:#f3f6fb}.auth-shell .login-page__error,.auth-shell__error{color:var(--mx-danger);margin:0;font-size:13px}.login-page.auth-shell .auth-submit{width:100%;height:47px;box-shadow:none;color:#fff;background:#375cf5;border-radius:11px;gap:8px;margin-top:2px}.auth-submit__arrow{display:inline-flex}.auth-shell .login-page__secondary-btn{border-radius:11px;width:100%;height:47px;margin-top:0}.auth-shell .login-page__security-note{margin:10px 0 0;font-size:13px}.auth-shell .login-page__security-note a{color:var(--mx-cobalt)}@media (width<=1100px){.login-page.auth-shell{grid-template-columns:minmax(240px,34%) minmax(0,66%)}.auth-brand h2{font-size:28px}}@media (height<=800px) and (width>=861px){.auth-brand{padding:24px}.auth-brand__lockup{margin-bottom:14px}.auth-brand__mark{width:56px;height:56px}.auth-brand__name{font-size:22px}.auth-brand h2{font-size:24px}.auth-brand__lead{margin-top:6px}.auth-shell__form-area{padding:16px 22px}.auth-shell__form-wrap h1{font-size:26px}.auth-shell__subtitle{margin:4px 0 10px;font-size:13.5px}.auth-shell .login-page__form{gap:7px}.auth-shell .login-page__security-note{margin-top:8px}}@media (width<=860px){.login-page.auth-shell{grid-template-columns:1fr}.auth-brand,.login-page.auth-shell .login-page__right{display:none}.auth-shell__mobile-brand{display:flex}.auth-shell__form-area{align-items:flex-start;padding:20px}.auth-shell__form-wrap h1{font-size:28px}}@media (width<=520px){.auth-shell__form-wrap h1{font-size:26px}}.login-page{--login-primary:var(--company-primary);--login-secondary:var(--company-secondary);--login-bg:#f9fafb;--login-text:#2b2b2b;--login-white:#fff;background:var(--login-bg);width:100vw;min-height:100vh;color:var(--login-text);grid-template-columns:44% 56%;margin-inline:calc(50% - 50vw);font-family:Cairo,Arial,sans-serif;display:grid;overflow:hidden}.login-page--entry{direction:ltr}.login-page__left{background:var(--login-bg);place-items:center;padding:32px;display:grid;position:relative}.login-page__card{z-index:2;background:var(--login-white);border:1px solid #e8ecf4;border-radius:18px;width:min(420px,100%);padding:30px 26px 22px;position:relative;box-shadow:0 16px 42px #1424581c}.login-page__card h1{color:var(--login-text);margin:0;font-size:42px;font-weight:800;line-height:1.2}.login-page__card p{color:#7c8599;margin:8px 0 22px;font-size:14px}.login-page__system-picker{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.login-page__system-card{cursor:pointer;text-align:right;background:#fafbff;border:2px solid #e4e8f1;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;font-family:inherit;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.login-page__system-card:hover{border-color:#c9d2e8}.login-page__system-card--active{border-color:var(--login-primary);box-shadow:0 0 0 3px var(--company-primary-soft);background:#fff}.login-page__system-title{color:var(--login-text);font-size:15px;font-weight:800}.login-page__system-sub{color:#7c8599;font-size:12px;font-weight:600}.login-page__form{gap:14px;display:grid}.login-page__label{gap:8px;font-size:13px;font-weight:700;display:grid}.login-page__label input{background:#fff;border:1px solid #dde3ef;border-radius:10px;outline:none;height:44px;padding:0 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-page__label input:focus{border-color:var(--login-primary);box-shadow:0 0 0 3px var(--company-primary-soft)}.login-page__assist-row{justify-content:space-between;align-items:center;margin-top:2px;font-size:12px;display:flex}.login-page__remember{color:#70788c;align-items:center;gap:7px;display:inline-flex}.login-page__remember input{width:15px;height:15px;accent-color:var(--login-primary)}.login-page__forgot-link{color:var(--login-primary);font-weight:600;text-decoration:none}.login-page__submit,.login-page__secondary-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:10px;height:44px;font-size:14px;font-weight:700;display:inline-flex}.login-page__submit{background:linear-gradient(135deg, color-mix(in srgb, var(--login-primary) 82%, #111827), var(--login-primary));color:var(--login-white);margin-top:4px}.login-page__submit-arrow{font-size:18px;line-height:1}.login-page__submit:disabled{opacity:.7;cursor:not-allowed}.login-page__divider{text-align:center;color:#858ca0;margin:6px 0 2px;font-size:13px;position:relative}.login-page__divider:before,.login-page__divider:after{content:"";border-top:1px solid #e4e8f1;width:43%;position:absolute;top:50%}.login-page__divider:before{right:0}.login-page__divider:after{left:0}.login-page__secondary-btn{background:var(--login-white);color:#3b4560;border-color:#d8dfec}.login-page__error{color:#b91c1c;margin:0;font-size:14px}.login-page__security-note{text-align:center;color:#737d92;margin:20px 0 0;font-size:12px}.login-page__security-note a{color:var(--login-primary);font-weight:700;text-decoration:none}.login-page__right{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden}.login-page__overlay{background:linear-gradient(90deg, color-mix(in srgb, var(--login-primary) 55%, transparent), #14182894);position:absolute;inset:0}.login-page__right--fallback{background:linear-gradient(145deg, color-mix(in srgb, var(--login-primary) 82%, #0f172a), color-mix(in srgb, var(--login-secondary) 70%, #0f172a))}.login-page__logo{z-index:2;object-fit:contain;width:min(460px,62%);position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.login-page__logo-text{z-index:2;color:#fff;text-align:center;margin:0;font-size:clamp(32px,4vw,56px);font-weight:800;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.login-page__hero-label{color:#fff;text-align:center;z-index:2;margin:0;font-size:clamp(24px,2vw,36px);font-weight:700;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.login-page__left-dot-pattern{opacity:.8;background-image:radial-gradient(#d3d9e9 1.8px,#0000 1.8px);background-size:8px 8px;width:26px;height:40px;position:absolute;top:18px;left:34px}.login-page__left-half-circle{background:var(--login-secondary);border-radius:50%;width:72px;height:72px;position:absolute;top:150px;left:-36px}.login-page__left-curve{border:2px solid var(--company-primary-soft);background:0 0;border-radius:50%;width:128px;height:128px;position:absolute;bottom:-48px;left:-48px}@media (width<=1024px){.login-page{grid-template-columns:1fr}.login-page__right{order:-1;min-height:320px}.login-page__hero-label{font-size:clamp(20px,4vw,30px);bottom:14%}.login-page__left{padding:20px 14px 28px}.login-page__card{border-radius:16px;padding:22px 16px}.login-page__card h1{font-size:30px}.login-page__left-dot-pattern,.login-page__left-half-circle,.login-page__left-curve{display:none}}