@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--paper:#f4f1ec;--card:#fff;--ink:#1f2b33;--muted:#66707a;--line:#e4dfd7;--line2:#ece8e1;--ocean:#2f4858;--ocean-soft:#e3eaef;--good:#2f5e42;--good-bg:#dcebe0;--warn:#6e4f0c;--warn-bg:#f4e8cc;--bad:#8f2e23;--bad-bg:#f6e1dd;--badge:#c7432f;--wood:#6e503e;--r-lg:14px;--r-md:12px;--r-pill:999px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:IBM Plex Sans Arabic,system-ui,sans-serif;font-size:14px}a{color:var(--ocean);text-decoration:none}button,input,select,textarea{color:var(--ink);font-family:inherit;font-size:14px}input,select,textarea{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);width:100%;padding:10px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--ocean-soft);border-color:var(--ocean)}input[readonly]{background:var(--paper);color:var(--muted)}label.f{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.btn{border-radius:var(--r-md);border:1px solid var(--line);background:var(--card);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-weight:500;display:inline-flex}.btn.pri{background:var(--ocean);color:#fff;border-color:var(--ocean);font-weight:600}.btn.dan{background:var(--bad);color:#fff;border-color:var(--bad);font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--card);border-radius:var(--r-lg);padding:18px 20px}.chip{border-radius:var(--r-pill);background:var(--ocean-soft);color:var(--ocean);white-space:nowrap;padding:3px 10px;font-size:12px;display:inline-block}.chip.good{background:var(--good-bg);color:var(--good)}.chip.warn{background:var(--warn-bg);color:var(--warn)}.chip.bad{background:var(--bad-bg);color:var(--bad)}.note{border-radius:var(--r-md);background:var(--ocean-soft);color:var(--ocean);padding:12px 14px;font-size:13px;line-height:1.5}.note.warn{background:var(--warn-bg);color:var(--warn)}.note.bad{background:var(--bad-bg);color:var(--bad)}.grid{gap:14px;display:grid}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=760px){.g2,.g3,.g4{grid-template-columns:1fr}}table.t{border-collapse:collapse;width:100%}table.t th{color:var(--muted);text-align:start;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 14px;font-size:12px;font-weight:600}table.t td{border-bottom:1px solid var(--line2);vertical-align:middle;padding:12px 14px}table.t tr:last-child td{border-bottom:none}table.t tr.link{cursor:pointer}table.t tr.link:hover td{background:#fbfaf8}.avatar{border-radius:var(--r-pill);background:var(--ocean-soft);width:32px;height:32px;color:var(--ocean);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.lg{width:96px;height:96px;font-size:28px}.appbar{background:var(--ocean);color:#fff;align-items:center;gap:16px;height:60px;padding:0 20px;display:flex}.appbar a{color:#fff}.shell{min-height:calc(100% - 60px);display:flex}.snav{background:var(--card);border-inline-end:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:4px;width:220px;padding:16px 12px;display:flex}.snav a{border-radius:var(--r-md);padding:10px 12px;display:block}.snav a.on{background:var(--ocean-soft);color:var(--ocean);font-weight:600}.main{flex-direction:column;flex:1;gap:16px;min-width:0;padding:24px 28px;display:flex}.tabs{background:var(--card);border-radius:var(--r-md);gap:4px;width:fit-content;max-width:100%;padding:4px;display:flex;overflow-x:auto}.tabs a,.tabs button{cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;padding:8px 14px;font-size:13px}.tabs .on{background:var(--ocean-soft);font-weight:600}.row{align-items:center;gap:10px;display:flex}.kpi{background:var(--card);border-radius:var(--r-lg);padding:14px 16px}.kpi .l{color:var(--muted);font-size:12px}.kpi .v{font-size:24px;font-weight:700}.up{border-radius:var(--r-md);text-align:center;color:var(--muted);cursor:pointer;background:var(--card);border:1px dashed #b7b3ac;padding:18px;font-size:13px}.up:hover{border-color:var(--ocean)}.toast{bottom:20px;background:var(--ink);color:#fff;border-radius:var(--r-md);z-index:50;padding:12px 16px;font-size:13px;position:fixed;inset-inline-start:20px}.node{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);text-align:center;min-width:150px;padding:10px 14px}.node b{display:block}.node span{color:var(--muted);font-size:12px}.vline{background:#b7b3ac;width:1px;height:24px;margin:0 auto}.bottomnav{display:none}@media (width<=760px){.snav{display:none}.main{padding:16px}.bottomnav{background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);display:flex;position:sticky;bottom:0}.bottomnav a{text-align:center;color:var(--muted);flex:1;padding:10px 0;font-size:11px}.bottomnav a.on{color:var(--ocean);font-weight:600}}.login{justify-content:center;align-items:center;min-height:100%;padding:20px;display:flex}.login .card{flex-direction:column;gap:14px;width:100%;max-width:380px;display:flex}@media (width<=760px){.bellpanel{width:auto!important;max-width:none!important;position:fixed!important;top:64px!important;left:8px!important;right:8px!important}}