:root{--bg:#eef3f1;--panel:#fff;--ink:#10201c;--muted:#64746f;--line:#dbe5e0;--brand:#2f5d50;--brand2:#b7791f;--bad:#b91c1c;--good:#166534;--warn:#92400e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:280px;background:#10201c;color:#edf7f3;padding:22px;display:flex;flex-direction:column;gap:22px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--brand),#69a08f);display:grid;place-items:center;color:#fff;font-weight:950;font-size:24px;box-shadow:0 18px 34px rgba(0,0,0,.18)}.brand-title{font-weight:950;font-size:19px}.brand-sub{font-size:12px;color:#b7c8c2;font-weight:700}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar a{color:#dce9e4;text-decoration:none;padding:11px 12px;border-radius:14px;font-weight:850}.sidebar a.active,.sidebar a:hover{background:rgba(255,255,255,.1)}.sidebar-foot{margin-top:auto;color:#b7c8c2;font-size:12px;display:grid;gap:10px}.main{margin-left:280px;min-height:100vh;padding:26px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.topbar h1{margin:0;font-size:30px}.topbar p{margin:6px 0 0;color:var(--muted);font-weight:650}.card{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 18px 50px rgba(16,32,28,.08);margin-bottom:18px}.filters{display:grid;grid-template-columns:repeat(8,minmax(100px,1fr)) auto;gap:10px;align-items:end}.filters .wide{grid-column:span 2}label{font-size:12px;color:var(--muted);font-weight:850;display:grid;gap:5px}input,select{height:39px;border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:#fff;color:var(--ink);font-weight:700}button{height:40px;border:0;border-radius:13px;padding:0 14px;background:var(--brand);color:#fff;font-weight:900;cursor:pointer}.ghost{background:#dce8e3;color:#173c33}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(160px,1fr));gap:14px;margin-bottom:18px}.kpi{background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:0 15px 40px rgba(16,32,28,.07)}.kpi .label{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.kpi .value{font-size:23px;font-weight:950;margin-top:8px}.grid.two{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.card h2{margin:0 0 12px;font-size:18px}.insights{display:grid;gap:10px}.insight{background:#f6faf8;border:1px solid var(--line);border-radius:16px;padding:12px;font-weight:750;color:#233b35}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}th,td{padding:10px 11px;border-bottom:1px solid #edf2f0;text-align:left;white-space:nowrap}th{background:#f6faf8;color:#49635b;text-transform:uppercase;font-size:11px;letter-spacing:.04em}td.num{text-align:right;font-variant-numeric:tabular-nums}.muted{color:var(--muted);font-weight:650}.loading{color:var(--muted)}.alert{padding:12px;border-radius:14px;margin-bottom:12px;font-weight:800}.alert.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.toolbar{display:flex;gap:12px;align-items:end}.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#10201c,#2f5d50)}.login-card{width:min(420px,calc(100vw - 28px));background:#fff;border-radius:28px;padding:26px;box-shadow:0 28px 90px rgba(0,0,0,.28);display:grid;gap:14px}.login-card h1{margin:10px 0 0}.login-card button{width:100%}.login-brand .brand-sub{color:var(--muted)}@media(max-width:1100px){.sidebar{position:static;width:auto}.main{margin-left:0}.filters,.kpi-grid,.grid.two{grid-template-columns:1fr}.filters .wide{grid-column:auto}}