@import"https://fonts.googleapis.com/css2?family=Familjen+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--bg: #0b101d;--surface: #202531;--surface-hover: #2a2f3a;--accent: #c9a96e;--positive: #5a8f7b;--negative: #b55a4a;--border: #2a2f3a;--muted: #8b9298;--fg: #e8e3dc;--grid: #38404f;--font-display: "Familjen Grotesk", system-ui, sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--radius: 6px;--radius-sm: 4px}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-mono);font-size:13px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.app-layout{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--bg);border-right:1px solid var(--border);padding:32px 24px;display:flex;flex-direction:column;gap:40px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-title{font-family:var(--font-display);font-weight:700;font-size:18px;line-height:1.3;color:var(--fg)}.sidebar-subtitle{font-family:var(--font-mono);font-size:11px;color:var(--muted);margin-top:8px;line-height:1.5}.nav-list{list-style:none;display:flex;flex-direction:column;gap:2px}.nav-item{font-family:var(--font-display);font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);cursor:pointer;border-left:2px solid transparent;padding:10px 0 10px 12px;margin-left:-14px;transition:color .15s,border-color .15s;background:none;border-top:none;border-right:none;border-bottom:none;text-align:left;width:100%}.nav-item:hover{color:var(--fg)}.nav-item.active{color:var(--accent);border-left-color:var(--accent)}.main-content{flex:1;padding:40px 48px;min-width:0}.section{margin-bottom:48px;scroll-margin-top:24px}.section-heading{font-family:var(--font-display);font-weight:500;font-size:18px;color:var(--fg);margin-bottom:4px}.section-sub{font-size:11px;color:var(--muted);margin-bottom:24px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:8px}.kpi-label{font-family:var(--font-display);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.kpi-value{font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--fg);font-variant-numeric:tabular-nums;line-height:1.1}.kpi-sub{font-size:11px;color:var(--muted)}.kpi-sparkline{display:flex;align-items:center;gap:3px;margin-top:4px;height:10px}.spark-dot{width:4px;height:4px;border-radius:50%;display:inline-block}.controls-row{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:8px}.control-label{font-family:var(--font-display);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.select{background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 12px;font-family:var(--font-mono);font-size:12px;cursor:pointer;outline:none}.select:focus{border-color:var(--accent)}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.chart-wrapper{width:100%;height:360px;margin-top:8px}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}table{width:100%;border-collapse:collapse}thead th{background:var(--bg);font-family:var(--font-display);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:12px 16px;text-align:right;border-bottom:1px solid var(--border);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}thead th:first-child,thead th:nth-child(2){text-align:left}thead th:hover{color:var(--fg)}thead th.sorted{color:var(--accent)}tbody td{padding:10px 16px;font-family:var(--font-mono);font-size:12px;text-align:right;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}tbody td:first-child,tbody td:nth-child(2){text-align:left}tbody tr:hover{background:var(--surface-hover)}tbody tr:last-child td{border-bottom:none}.delta-positive{color:var(--positive);font-weight:700}.delta-negative{color:var(--negative);font-weight:700}.delta-neutral{color:var(--muted)}.legend{display:flex;gap:20px;margin-bottom:16px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.legend-swatch{width:12px;height:12px;border-radius:2px}@media(max-width:1024px){.sidebar{position:relative;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border);padding:24px}.app-layout{flex-direction:column}.main-content{padding:24px}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.kpi-grid{grid-template-columns:1fr}.chart-wrapper{height:300px}.controls-row{flex-direction:column;align-items:flex-start}.main-content{padding:16px}tbody td,thead th{padding:8px 10px;font-size:11px}}