.login{min-height:100%;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-left,0px))}.login-card{width:min(400px,100%);display:flex;flex-direction:column;gap:10px;padding:28px 28px 30px;background:var(--panel);border:1px solid var(--hair);border-radius:var(--radius);animation:login-in var(--duration-normal) var(--ease-out)}.login-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}.login-head .lang{margin-inline-start:auto}.login-card h1{margin:0 0 8px;font-size:var(--text-xl);font-weight:700;letter-spacing:-.4px}.login-card label{font-size:var(--text-sm);font-weight:600;color:var(--ink-2)}.login-card input{height:42px;padding-inline:12px;margin-bottom:6px;border:1px solid var(--hair-2);border-radius:var(--radius-sm);background:var(--panel-2);outline:none;transition:border-color var(--duration-fast)}.login-card input:focus{border-color:var(--accent)}.login-error{margin:0;color:var(--bad);font-size:var(--text-sm)}.login-submit{height:44px;margin-top:8px;border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);font-weight:600;transition:filter var(--duration-fast)}.login-submit:hover{filter:brightness(1.08)}.login-submit:disabled{cursor:progress;filter:saturate(.6)}.boot{height:100%}@keyframes login-in{0%{opacity:0;transform:translateY(10px)}}.phead{margin-bottom:24px}.hq-state{color:var(--ink-2)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:var(--radius);overflow:hidden}.kpi{background:var(--panel);padding:18px 18px 20px;animation:kpi-in var(--duration-normal) var(--ease-out) both;transition:background var(--duration-fast)}.kpi:hover{background:var(--panel-2)}.kpi-label{margin-bottom:12px;font-size:var(--text-sm);color:var(--ink-2)}.kpi-num{font-size:var(--text-num);font-weight:700;letter-spacing:-.6px;line-height:1}@keyframes kpi-in{0%{opacity:0;transform:translateY(10px)}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:start center;padding-top:13vh;background:#0f121a6b;animation:scrim-in var(--duration-fast) var(--ease-out)}.pal{width:min(560px,92vw);overflow:hidden;background:var(--panel);border:1px solid var(--hair-2);border-radius:var(--radius);box-shadow:var(--shadow-pop);animation:pal-in var(--duration-normal) var(--ease-out)}.pal input{width:100%;padding:16px 19px;border:0;border-bottom:1px solid var(--hair);background:none;font-size:15.5px;outline:none}.pcmds{max-height:330px;margin:0;padding:7px;overflow:auto;list-style:none}.pcmd{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:var(--radius-sm);color:var(--ink-2);font-size:14.5px;cursor:pointer}.pcmd[aria-selected=true]{background:var(--panel-3);color:var(--ink)}.pcmd .h{margin-inline-start:auto;font:inherit;font-size:11.5px;color:var(--ink-3)}.pempty{padding:14px 13px;color:var(--ink-3)}.split{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:var(--gap)}.split-narrow{grid-template-columns:1fr}.split-list,.split-detail{min-width:0}@keyframes scrim-in{0%{opacity:0}}@keyframes pal-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}}.shell{height:100%;display:grid;grid-template-columns:244px 1fr;grid-template-rows:60px 1fr;grid-template-areas:"top top" "side main"}.top{grid-area:top;display:flex;align-items:center;gap:16px;padding-inline:18px;background:var(--panel);border-bottom:1px solid var(--hair)}.brand{display:flex;align-items:center;gap:11px;min-width:190px}.mark{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--accent);display:grid;place-items:center}.mark svg{fill:none;stroke:var(--on-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bname{font-weight:700;font-size:18px;letter-spacing:-.2px}.search{flex:1;max-width:460px;margin-inline:auto;display:flex;align-items:center;gap:10px;height:38px;padding-inline:13px;border:1px solid var(--hair);border-radius:9px;background:var(--panel-2);color:var(--ink-2);font-size:14px;transition:border-color var(--duration-fast)}.search:hover{border-color:var(--hair-2)}.search svg{fill:none;stroke:currentColor;stroke-width:2}.search .ph{flex:1;text-align:start}.search kbd{font:inherit;font-size:11px;color:var(--ink-3);border:1px solid var(--hair-2);border-radius:5px;padding:1px 6px}.tactions{display:flex;align-items:center;gap:6px}.lang{height:34px;min-width:40px;padding-inline:10px;border:1px solid var(--hair);border-radius:var(--radius-sm);font-size:12.5px;font-weight:600;color:var(--ink-2)}.lang:hover,.ib:hover{background:var(--panel-2);color:var(--ink)}.ib{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--radius-sm);color:var(--ink-2)}.ib svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.ava{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:14px}.side{grid-area:side;background:var(--panel);border-inline-end:1px solid var(--hair);min-height:0;overflow:auto}.nav{padding:12px 10px;display:flex;flex-direction:column;gap:1px}.nav button{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:var(--radius-sm);color:var(--ink-2);font-size:14.5px;font-weight:500;text-align:start;transition:background var(--duration-fast),color var(--duration-fast)}.nav button svg{width:19px;height:19px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav button:hover{background:var(--panel-2);color:var(--ink)}.nav button.on{background:var(--panel-3);color:var(--ink);font-weight:600}.nav button.on:before{content:"";position:absolute;inset-inline-start:-10px;top:9px;bottom:9px;width:3px;border-start-end-radius:3px;border-end-end-radius:3px;background:var(--accent)}.nav button.on svg{color:var(--accent)}.main{grid-area:main;min-height:0;overflow:auto}.wrap{max-width:1140px;margin:0 auto;padding:30px 32px 56px}.ptitle{margin:0;font-size:var(--text-xl);font-weight:700;letter-spacing:-.4px}.psub{margin:7px 0 0;color:var(--ink-2)}@media (max-width: 820px){.shell{grid-template-columns:1fr;grid-template-areas:"top" "main"}.side,.search{display:none}}.toast{position:fixed;inset-inline:0;bottom:24px;z-index:50;width:fit-content;max-width:calc(100% - 32px);margin:0 auto;padding:10px 16px;border-radius:var(--radius-sm);background:var(--ink);color:var(--panel);font-size:var(--text-sm);box-shadow:var(--shadow-pop)}@font-face{font-family:IBM Plex Sans Arabic;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-400.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans Arabic;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-500.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans Arabic;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-600.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans Arabic;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-700.woff2) format("woff2")}:root{--ground: #f0f1f4;--panel: #ffffff;--panel-2: #f7f8fa;--panel-3: #edeff3;--ink: #171a20;--ink-2: #565e6c;--ink-3: #98a0ad;--hair: #e4e7ec;--hair-2: #d7dbe2;--accent: #27496e;--accent-2: #5b7ca3;--accent-3: #afc0d6;--accent-soft: #eaeff5;--on-accent: #ffffff;--good: #2f7d5b;--bad: #b23a3a;--warn: #8c6416;--shadow-pop: 0 6px 22px rgba(23, 30, 45, .1);--font: "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;--text-sm: 13px;--text-base: 15px;--text-lg: 17px;--text-xl: 26px;--text-num: 32px;--radius: 12px;--radius-sm: 8px;--gap: 18px;--duration-fast: .15s;--duration-normal: .3s;--ease-out: cubic-bezier(.2, .75, .25, 1);color-scheme:light}:root[data-theme=dark]{--ground: #0d0f13;--panel: #15181e;--panel-2: #1a1e25;--panel-3: #222730;--ink: #e7eaef;--ink-2: #9aa2ae;--ink-3: #616a77;--hair: #262b33;--hair-2: #333a45;--accent: #7098c6;--accent-2: #4e6e95;--accent-3: #32506f;--accent-soft: #19222e;--on-accent: #0d0f13;--good: #5fb088;--bad: #d27070;--warn: #c49a52;--shadow-pop: 0 8px 28px rgba(0, 0, 0, .45);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font);font-size:var(--text-base);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}input{font:inherit;color:inherit}.tnum{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}