:root{--bg:#F5F4F0;--surface:#FFFFFF;--sunk:#ECEAE4;--line:#DEDBD2;--fg:#211F20;--muted:#6B6660;--accent:#FDCA06;--accent-ink:#211F20;--accent-soft:#FFF3C2;--accent-text:#8A6A00;--crit:#B42318;--crit-soft:#FBE4E1;--warn:#9A5B00;--warn-soft:#FBEFD9;--ok:#2B6E45;--ok-soft:#E1F0E5;--info:#35598F;--info-soft:#E4EAF4;--scrim:rgba(33,31,32,.45);--f-body:"Thmanyah Sans","IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;--f-latin:"Marcellus","Times New Roman",serif;color-scheme:light}:root[data-theme=dark]{--bg:#141213;--surface:#1E1C1D;--sunk:#262324;--line:#34302F;--fg:#F9F9F9;--muted:#A8A29C;--accent:#FDCA06;--accent-ink:#211F20;--accent-soft:#3A3010;--accent-text:#FDCA06;--crit:#F08A7D;--crit-soft:#3A1C18;--warn:#E8B04E;--warn-soft:#3A2B12;--ok:#7CC796;--ok-soft:#183022;--info:#94AEDC;--info-soft:#1C273C;--scrim:rgba(0,0,0,.6);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:14.5px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.muted{color:var(--muted)}.small{font-size:12.5px}.err{color:var(--crit)}.ltr{direction:ltr;text-align:right;unicode-bidi:isolate}.boot{height:100%;display:grid;place-items:center}.boot img{height:64px;opacity:.85}.btn{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.btn.ghost{background:none;border-color:transparent;color:var(--muted);justify-content:flex-start;width:100%}.btn.ghost:hover{color:var(--fg);background:var(--sunk)}.btn.icon{padding:8px}.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%);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px;display:grid;gap:12px}.login-logo{height:56px;width:auto;justify-self:start}.login-card h1{margin:0;font-size:22px}.login-card label{font-size:13px;font-weight:500}.login-card input{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:11px 12px;width:100%}.app{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:100%}.rail{background:var(--surface);border-inline-end:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:12px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:0 6px}.brand img{height:36px;width:auto;background:#211f20;border-radius:9px;padding:5px}.brand b{display:block;font-size:15px;line-height:1.3}.brand small{font-family:var(--f-latin);color:var(--muted);letter-spacing:.08em;font-size:11.5px}.orgsel{border:1px solid var(--line);background:var(--bg);border-radius:9px;padding:7px 10px}.grp{font-size:11.5px;color:var(--muted);padding:12px 10px 4px;font-weight:500}nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;color:var(--muted);font-weight:500}nav a:hover{background:var(--sunk);color:var(--fg)}nav a[aria-current=page]{background:var(--accent-soft);color:var(--fg);font-weight:600}nav a[aria-current=page] svg{color:var(--accent-text)}.rail-foot{margin-top:auto;display:grid;gap:2px}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:5;background:var(--bg);display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-block:14px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}.topbar h1{margin:0;font-size:20px;flex:1;min-width:0}.topbar .menu{display:none}.demo{font-size:12px;font-weight:600;color:var(--warn);background:var(--warn-soft);border-radius:99px;padding:3px 10px;white-space:nowrap}.view{padding-block:22px 48px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:18px;max-width:1280px;width:100%}h2.sec{margin:0;font-size:16px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;min-width:0;overflow:hidden}.panel-h{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}.search{flex:1 1 220px;min-width:0;border:1px solid var(--line);background:var(--bg);border-radius:9px;padding:7px 11px}.empty{padding:28px 16px;text-align:center;color:var(--muted);margin:0}.attn{display:flex;flex-direction:column}.attn-row{display:grid;grid-template-columns:4px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 16px;border-top:1px solid var(--line)}.attn-row:first-child{border-top:0}.attn-row:hover{background:var(--sunk)}.attn-row .stripe{align-self:stretch;border-radius:2px;background:var(--crit)}.attn-row.warn .stripe{background:var(--warn)}.attn-row.info .stripe{background:var(--accent)}.attn-row .t{font-weight:600}.attn-row .m{font-size:12.5px;color:var(--muted)}.attn-row .go{font-size:12.5px;font-weight:600;color:var(--accent-text)}.kpis{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.kpi{padding:14px 16px;display:flex;flex-direction:column;gap:2px;border-inline-start:1px solid var(--line);min-width:0}.kpi:first-child{border-inline-start:0}.kpi .l{font-size:12.5px;color:var(--muted)}.kpi .v{font-size:24px;font-variant-numeric:tabular-nums}.tw{overflow-x:auto}table.t{width:100%;border-collapse:collapse;font-size:13.5px}table.t th{font-weight:500;color:var(--muted);font-size:12px;text-align:start;padding:9px 14px;background:var(--sunk);white-space:nowrap}table.t td{padding:10px 14px;border-top:1px solid var(--line);white-space:nowrap}table.t tbody tr:hover td{background:var(--sunk)}.num{font-variant-numeric:tabular-nums}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;border-radius:99px;padding:1px 10px;line-height:20px}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.t-crit{color:var(--crit);background:var(--crit-soft)}.t-warn{color:var(--warn);background:var(--warn-soft)}.t-ok{color:var(--ok);background:var(--ok-soft)}.t-info{color:var(--info);background:var(--info-soft)}.t-muted{color:var(--muted);background:var(--sunk)}.scrim{display:none}@media (max-width:860px){.app{grid-template-columns:minmax(0,1fr)}.rail{position:fixed;top:0;bottom:0;inset-inline-start:0;width:min(296px,86vw);z-index:50;transform:translate(100%);transition:transform .22s ease;height:100%;padding-top:calc(18px + env(safe-area-inset-top,0px));padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.nav-open .rail{transform:none}.nav-open .scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:45}.topbar .menu{display:inline-flex}.topbar,.view{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{border-inline-start:0;border-top:1px solid var(--line)}.kpi:nth-child(-n+2){border-top:0}.kpi:nth-child(2n){border-inline-start:1px solid var(--line)}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.login-card .btn{justify-content:center;text-decoration:none}