:root{--c-bg:#f4f6fa;--c-surface:#fff;--c-text:#1d2433;--c-muted:#6b7486;--c-primary:#1f4e78;--c-primary-2:#2f6fa8;--c-accent:#e8f0f9;--c-danger:#c0392b;--c-ok:#1e8a5a;--c-warn:#b7791f;--c-border:#e3e7ef;--c-th-bg:#f8fafc;--c-beta:#c0392b;--c-alpha:#1e8a5a;--c-on-primary:#fff;--c-nav-text:#dbe7f5;--c-pill:#f4b400;--font-ui:"Segoe UI", system-ui, sans-serif;--font-ar:"Segoe UI", system-ui, sans-serif;--font-size:14px;--line-height:1.45;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:22px;--space-6:26px;--radius:10px;--radius-sm:7px;--shadow:0 1px 3px #10182814;--sidebar-w:230px;--sidebar-w-collapsed:62px;--bp-mobile:900px}*,:before,:after{box-sizing:border-box}body{font:var(--font-size)/var(--line-height) var(--font-ui);color:var(--c-text);background:var(--c-bg);min-height:100vh;margin:0}a{color:var(--c-primary-2)}h1{margin:0 0 4px;font-size:22px}[dir=auto]{text-align:start;font-family:var(--font-ar);unicode-bidi:plaintext}input[type=email],.ltr{text-align:left;direction:ltr;unicode-bidi:isolate}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--c-border);text-align:start;vertical-align:middle;white-space:normal;overflow-wrap:anywhere;padding:7px 9px}th{background:var(--c-th-bg);color:var(--c-muted);font-size:12px;font-weight:600}td.r,th.r{text-align:right;font-variant-numeric:tabular-nums}.table-wrap{max-width:100%;overflow-x:auto}input,select,textarea{font:inherit;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text);max-width:100%;padding:7px 9px}input:focus,select:focus,textarea:focus{outline:2px solid var(--c-accent);border-color:var(--c-primary-2)}.btn{font:inherit;border:1px solid var(--c-border);background:var(--c-surface);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;padding:7px 13px}.btn:hover{border-color:var(--c-primary-2)}.btn.primary{background:var(--c-primary);color:var(--c-on-primary);border-color:var(--c-primary)}.btn.primary:hover{background:var(--c-primary-2)}.btn.danger{color:var(--c-danger)}.btn.ghost{background:0 0;border-color:#0000}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--c-primary-2);outline-offset:2px}.panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow)}.muted{color:var(--c-muted)}.ver{color:#fff;border-radius:5px;padding:1px 8px;font-weight:700;display:inline-block}.ver.beta{background:var(--c-beta)}.ver.alpha{background:var(--c-alpha)}.shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);grid-template-rows:auto 1fr;min-height:100vh;display:grid}.topbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--c-surface);border-bottom:1px solid var(--c-border);grid-column:1/-1;display:flex}.sidebar{background:var(--c-primary);color:var(--c-nav-text);flex-direction:column;justify-content:space-between;min-width:0;display:flex}.sidebar ul{padding:var(--space-2);margin:0;list-style:none}.sidebar a{justify-content:space-between;gap:var(--space-2);border-radius:var(--radius-sm);color:var(--c-nav-text);overflow-wrap:anywhere;padding:8px 10px;text-decoration:none;display:flex}.sidebar a:hover,.sidebar a.active{color:var(--c-on-primary);background:#ffffff24}.sidebar .ar{opacity:.85;font-size:12px}.side-foot{padding:var(--space-3) var(--space-4);font-size:12px}.content{padding:var(--space-5);min-width:0}.pad{padding:var(--space-4)}.auth-wrap{min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.auth-card{gap:var(--space-3);width:min(100%,380px);display:grid}.auth-card label{gap:var(--space-1);font-weight:600;display:grid}.auth-card input{width:100%}.error{color:var(--c-danger);margin:0}.qr{justify-self:center;max-width:100%;height:auto}@media (width<=900px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{grid-row:2}.sidebar ul{gap:var(--space-1);flex-wrap:wrap;display:flex}.content{padding:var(--space-3);grid-row:3}}