:root{--bg:#f4f7fa;--surface:#fff;--ink:#14243a;--ink-2:#55677f;--ink-3:#8fa0b5;--brand:#0a6ed1;--brand-2:#0a9bd1;--line:#e1e8f0;--ok:#0f8a4d;--warn:#b45309;--err:#c0392b}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:15px/1.55 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--brand);text-decoration:none}h1{margin:0 0 4px;font-size:1.35rem}h2{margin:0 0 12px;font-size:1.02rem}.shell{min-height:100vh;display:flex}.side{color:#cfe0f2;background:#0d2c4d;flex-direction:column;flex-shrink:0;gap:4px;width:216px;padding:20px 14px;display:flex}.side .logo{color:#fff;align-items:center;gap:8px;margin-bottom:18px;font-size:1.05rem;font-weight:800;display:flex}.side a{color:#cfe0f2;border-radius:9px;align-items:center;gap:9px;padding:9px 11px;font-size:.92rem;display:flex}.side a.on,.side a:hover{color:#fff;background:#ffffff1a}.side .spacer{flex:1}.side .who{color:#7f97b3;padding:8px 11px;font-size:.78rem}main.content{flex:1;min-width:0;padding:28px 32px}.sub{color:var(--ink-2);margin:0 0 22px;font-size:.9rem}.grid{gap:14px;display:grid}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width:980px){.cols-4,.cols-3,.cols-2{grid-template-columns:1fr 1fr}.side{width:60px}.side a span.lbl,.side .logo span.lbl,.side .who{display:none}}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px}.kpi .num{font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:800}.kpi .lbl{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);font-size:.74rem}.kpi .delta{font-size:.8rem;font-weight:600}.delta.up{color:var(--ok)}.delta.down{color:var(--err)}.delta.flat{color:var(--ink-3)}.tblwrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th{text-align:left;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);padding:8px 12px 8px 0;font-size:.72rem;font-weight:600}td{border-bottom:1px solid var(--line);vertical-align:top;padding:9px 12px 9px 0}tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.chip{color:#0a5cab;background:#e8f1fb;border-radius:999px;padding:2px 9px;font-size:.72rem;font-weight:600;display:inline-block}.chip.grey{color:var(--ink-2);background:#eef1f5}.chip.green{color:var(--ok);background:#e5f5ec}.chip.amber{color:var(--warn);background:#fdf3e2}.inp,select.inp,textarea.inp{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #cdd8e4;border-radius:9px;padding:9px 12px}.inp:focus{outline:2px solid var(--brand);outline-offset:0;border-color:var(--brand)}.btn{font:inherit;cursor:pointer;background:var(--brand);color:#fff;border:0;border-radius:9px;align-items:center;gap:7px;padding:9px 16px;font-weight:600;display:inline-flex}.btn:hover{background:#085bb0}.btn.ghost{color:var(--ink-2);background:#fff;border:1px solid #cdd8e4}.btn.small{padding:6px 11px;font-size:.82rem}.btn.danger{color:var(--err);background:#fff;border:1px solid #ecc8c2}.filters{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:16px;display:flex}.filters .inp{width:auto}.err{color:var(--err);margin-top:8px;font-size:.87rem}.okmsg{color:var(--ok);margin-top:8px;font-size:.87rem}.bar-row{align-items:center;gap:10px;margin-bottom:7px;font-size:.84rem;display:flex}.bar-row .lbl{width:150px;color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bar-row .track{background:#edf1f6;border-radius:999px;flex:1;height:8px;overflow:hidden}.bar-row .fill{background:linear-gradient(90deg, var(--brand), var(--brand-2));border-radius:999px;height:100%;display:block}.bar-row .val{text-align:right;font-variant-numeric:tabular-nums;width:44px;color:var(--ink-2)}.loginwrap{background:linear-gradient(150deg,#0d2c4d,#0a6ed1);place-items:center;min-height:100vh;display:grid}.logincard{background:#fff;border-radius:18px;width:380px;max-width:92vw;padding:36px}.mut{color:var(--ink-3);font-size:.82rem}.pagi{color:var(--ink-2);align-items:center;gap:8px;margin-top:14px;font-size:.85rem;display:flex}