:root{--navy-950: #060f24;--navy-900: #0a1730;--navy-850: #0d1c3d;--navy-800: #11244c;--navy-700: #1a3160;--navy-600: #284680;--navy-line: rgba(255,255,255,.08);--gold: #c8a86a;--gold-bright: #d8bd84;--gold-deep: #a98841;--gold-soft: #f3ecdd;--gold-soft-2: #f8f3e8;--bg: #f4f5f7;--bg-2: #eceef2;--card: #ffffff;--ink: #111a2e;--ink-2: #3a4660;--muted: #6c7689;--muted-2: #9aa3b2;--line: #e6e8ee;--line-strong: #d6dae3;--green: #1f9d6b;--green-soft: #e3f4ec;--amber: #c98a16;--amber-soft: #fbf0d8;--slate: #5b6b86;--slate-soft: #eef0f4;--red: #d24b4b;--red-soft: #fbe9e9;--radius: 16px;--radius-sm: 10px;--radius-lg: 22px;--shadow-sm: 0 1px 2px rgba(16,26,46,.04), 0 1px 3px rgba(16,26,46,.06);--shadow: 0 4px 14px rgba(16,26,46,.06), 0 2px 6px rgba(16,26,46,.04);--shadow-lg: 0 24px 60px -18px rgba(10,23,48,.28);--font: "IBM Plex Sans Arabic", system-ui, sans-serif;--sidebar-w: 268px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);direction:rtl;text-align:right;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01"}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit}::selection{background:var(--gold);color:var(--navy-900)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cfd4de;border-radius:20px;border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#b9bfcc}#root{height:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:11px;font-size:14.5px;font-weight:600;letter-spacing:-.01em;transition:all .16s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn svg{width:18px;height:18px}.btn-primary{background:var(--navy-900);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--navy-800);transform:translateY(-1px)}.btn-gold{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:var(--navy-950);box-shadow:0 6px 16px -6px #a8884199}.btn-gold:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn-ghost{background:var(--card);color:var(--ink);border:1px solid var(--line-strong)}.btn-ghost:hover{background:#fafbfc;border-color:#c3c9d4}.btn-soft{background:var(--bg-2);color:var(--ink-2)}.btn-soft:hover{background:#e3e6ec}.btn-sm{height:34px;padding:0 12px;font-size:13px;border-radius:9px}.btn-icon{width:38px;padding:0;height:38px;border-radius:10px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.badge{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:600;line-height:1}.badge .dot{width:7px;height:7px;border-radius:50%}.badge-green{background:var(--green-soft);color:var(--green)}.badge-green .dot{background:var(--green)}.badge-amber{background:var(--amber-soft);color:var(--amber)}.badge-amber .dot{background:var(--amber)}.badge-slate{background:var(--slate-soft);color:#5b6b86}.badge-slate .dot{background:#5b6b86}.badge-gold{background:var(--gold-soft);color:var(--gold-deep)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:13.5px;font-weight:600;color:var(--ink-2)}.input,.select{height:46px;padding:0 14px;border-radius:11px;border:1px solid var(--line-strong);background:#fff;color:var(--ink);font-size:14.5px;transition:all .15s ease;width:100%}.input::placeholder{color:var(--muted-2)}.input:focus,.select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px #c8a86a29}.input-wrap{position:relative}.input-wrap .ic{position:absolute;top:50%;transform:translateY(-50%);right:13px;color:var(--muted-2);pointer-events:none}.input-wrap .ic svg{width:18px;height:18px}.input-wrap .input{padding-right:42px}.input-wrap .pw-toggle{position:absolute;top:50%;transform:translateY(-50%);left:10px;color:var(--muted);width:30px;height:30px;display:grid;place-items:center;border-radius:8px}.input-wrap .pw-toggle:hover{background:var(--bg-2)}.switch{position:relative;width:42px;height:24px;flex:none}.switch input{opacity:0;width:0;height:0}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;background:#cdd2dc;border-radius:999px;transition:.2s}.switch .track:before{content:"";position:absolute;top:3px;right:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:.2s;box-shadow:var(--shadow-sm)}.switch input:checked+.track{background:var(--green)}.switch input:checked+.track:before{transform:translate(-18px)}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 13px;border-radius:11px;font-size:14.5px;font-weight:500;color:#ffffffa8;background:transparent;position:relative;transition:color .15s ease}.nav-item:hover{background:#ffffff0d}.nav-item.active{color:#fff;font-weight:600;background:#c8a86a24;box-shadow:inset 0 0 0 1px #c8a86a47}.nav-item.active:hover{background:#c8a86a2e}.nav-item .nav-bar{position:absolute;right:-14px;top:50%;transform:translateY(-50%);width:3px;height:22px;border-radius:3px;background:var(--gold-bright)}.nav-logout{color:#ffffffb3}.nav-logout:hover{background:#d24b4b29;color:#ff9b9b}.muted{color:var(--muted)}.row{display:flex;align-items:center}.spacer{flex:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}:root{--bottomnav-h: 68px;--mobile-header-h: 58px}.mobile-ui .modal-overlay{padding:0!important;align-items:stretch!important}.mobile-ui .modal-shell{width:100%!important;max-width:100%!important;height:100dvh;max-height:100dvh!important;border-radius:0!important;border:none!important;display:flex;flex-direction:column;animation:sheetIn .22s cubic-bezier(.22,.8,.3,1)!important}.mobile-ui .modal-head{position:sticky;top:0;z-index:3;background:#fff;padding:12px 16px!important}.mobile-ui .modal-body{padding:16px 16px 0!important;flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.mobile-ui .modal-actions{position:sticky;bottom:0;z-index:3;background:#fff;margin:0 -16px!important;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);box-shadow:0 -6px 18px -12px #101a2e66}.mobile-ui .modal-actions .btn{height:48px}.mobile-ui .grid-2{grid-template-columns:1fr!important}.mobile-ui .page-pad{padding:16px 14px calc(var(--bottomnav-h) + 24px)}.mobile-ui .page-pad-flush{padding:16px 0 calc(var(--bottomnav-h) + 24px)}.mobile-ui .btn,.mobile-ui .btn-sm{min-height:44px}.mobile-ui .btn-icon{width:44px;height:44px}.mobile-ui .switch{width:52px;height:44px;display:inline-block}.mobile-ui .switch .track{top:10px;bottom:10px;inset-inline:0}.mobile-ui .switch .track:before{top:3px;right:3px;width:18px;height:18px}.mobile-ui .switch input:checked+.track:before{transform:translate(-28px)}@keyframes sheetIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.m-header{position:sticky;top:0;z-index:30;height:var(--mobile-header-h);display:flex;align-items:center;gap:10px;padding:0 12px;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.m-iconbtn{width:44px;height:44px;flex:none;border-radius:12px;display:grid;place-items:center;color:var(--ink);background:transparent}.m-iconbtn:active{background:var(--bg-2)}.m-bottomnav{position:fixed;bottom:0;right:0;left:0;z-index:40;display:grid;gap:2px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.m-tab{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:12px;font-size:11px;font-weight:600;color:var(--muted);padding:4px 2px}.m-tab span{white-space:nowrap}.m-tab.active{color:var(--gold-deep);background:var(--gold-soft-2)}.m-tab:active{background:var(--bg-2)}.m-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0a173080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .16s ease}.m-drawer{position:fixed;top:0;bottom:0;right:0;z-index:51;width:min(300px,84vw);background:linear-gradient(180deg,var(--navy-900),var(--navy-950));color:#fff;display:flex;flex-direction:column;animation:drawerIn .24s cubic-bezier(.22,.8,.3,1);box-shadow:-20px 0 50px -20px #0009}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:none}}.m-list{display:flex;flex-direction:column}.m-row{display:flex;align-items:center;gap:12px;width:100%;text-align:right;padding:13px 14px;min-height:68px;border-top:1px solid var(--line);background:#fff}.m-list>.m-row:first-child{border-top:none}.m-row:active{background:#fafbfc}.m-row .m-row-main{flex:1;min-width:0}.m-row .m-row-t{font-size:14.5px;font-weight:600;line-height:1.4}.m-row .m-row-s{font-size:12.5px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 14px;scrollbar-width:none}.m-chips::-webkit-scrollbar{display:none}.m-chip{flex:none;height:44px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid var(--line-strong);background:#fff;color:var(--ink-2);display:inline-flex;align-items:center}.m-chip.on{background:var(--navy-900);border-color:var(--navy-900);color:#fff}.m-fab{position:fixed;z-index:35;left:16px;bottom:calc(var(--bottomnav-h) + 16px + env(safe-area-inset-bottom));height:52px;padding:0 20px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--navy-950);background:linear-gradient(180deg,var(--gold-bright),var(--gold));box-shadow:0 12px 26px -10px #a88841d9}