:root{--bg: #0f1117;--surface: #171a22;--surface-2: #1e222c;--border: #2a2f3a;--text: #e6e8ec;--muted: #8b92a0;--navy: #2f5fe0;--green: #22c55e;--red: #ef4444;--gold: #f3bb04;--accent: #6366f1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-size:14px}.app{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--surface);border-right:1px solid var(--border);padding:20px 12px;position:sticky;top:0;height:100vh;flex-shrink:0}.brand{font-size:16px;font-weight:700;padding:0 8px 20px;letter-spacing:-.02em}.brand span{color:var(--navy)}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;color:var(--muted);font-weight:500;margin-bottom:2px;font-size:13px;border:none;background:none;width:100%;text-align:left;transition:all .15s}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--navy);color:#fff}.main{flex:1;padding:28px 32px;max-width:1400px;overflow-x:hidden}.section-head{margin-bottom:6px}.section-title{font-size:22px;font-weight:700;letter-spacing:-.02em}.section-sub{color:var(--muted);font-size:13px;margin-bottom:24px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.kpi-label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.kpi-value{font-size:26px;font-weight:700;margin-top:6px;letter-spacing:-.02em}.kpi-sub{color:var(--muted);font-size:12px;margin-top:2px}.kpi.green{border-left:3px solid var(--green)}.kpi.red{border-left:3px solid var(--red)}.kpi.gold{border-left:3px solid var(--gold)}.kpi.navy{border-left:3px solid var(--navy)}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 20px}.card h3{font-size:13px;font-weight:600;margin-bottom:16px}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;padding:8px 10px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);font-weight:600}table.data td{padding:8px 10px;border-bottom:1px solid var(--border)}table.data tr:hover{background:var(--surface-2)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.filters select,.filters input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:7px 10px;border-radius:8px;font-size:13px}.loading{color:var(--muted);padding:40px;text-align:center}.mono{font-family:SF Mono,Menlo,monospace}.neg{color:var(--red)}@media (max-width: 900px){.chart-grid{grid-template-columns:1fr}.sidebar{display:none}}