:root{--surface-2: #ffffff;--surface-1: #f6f7f9;--surface-0: #eef0f3;--text-primary: #14181f;--text-secondary: #5b6472;--text-muted: #8892a0;--border: rgba(20, 24, 31, .1);--accent: #2a78d6;--accent-bg: #e6f1fb;--danger: #c1372f;--danger-bg: #fbe9e8;--chart-grid: #e5e8ec;--chart-muted: #8892a0;--radius: 10px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media (prefers-color-scheme: dark){:root{--surface-2: #1c1f26;--surface-1: #22262e;--surface-0: #16181d;--text-primary: #f2f3f5;--text-secondary: #b4bac4;--text-muted: #7d8695;--border: rgba(255, 255, 255, .1);--accent: #4c94e6;--accent-bg: #16324f;--danger: #e5766f;--danger-bg: #3a1e1c;--chart-grid: #2c313b;--chart-muted: #7d8695}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--surface-0);color:var(--text-primary)}.layout{display:flex;min-height:100vh}.sidebar{width:280px;flex-shrink:0;background:var(--surface-2);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.sidebar-header{padding:20px 20px 16px;border-bottom:1px solid var(--border)}.brand{font-size:16px;font-weight:600;margin:0}.brand-sub{font-size:12px;color:var(--text-secondary);margin:2px 0 0}.nav{flex:1;overflow-y:auto;padding:12px}.nav-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:16px 8px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius);text-decoration:none;color:var(--text-primary);margin-bottom:2px}.nav-item:hover{background:var(--surface-1)}.nav-item.active{background:var(--accent-bg)}.nav-item.active .nav-name{color:var(--accent);font-weight:600}.nav-dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.nav-dot-general{background:var(--accent)}.nav-label{display:flex;flex-direction:column;min-width:0}.nav-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-value{font-size:11px;color:var(--text-muted)}.sidebar-footer{padding:12px 20px 16px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted)}.content{flex:1;padding:28px 32px 48px;max-width:1200px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.page-eyebrow{font-size:12px;color:var(--text-secondary);margin:0 0 4px}.page-title{font-size:22px;font-weight:600;margin:0}.badge{font-size:12px;background:var(--accent-bg);color:var(--accent);padding:4px 10px;border-radius:999px;white-space:nowrap}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px}.kpi-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:16px}.kpi-label{font-size:12px;color:var(--text-secondary);margin:0 0 6px}.kpi-value{font-size:22px;font-weight:600;margin:0}.kpi-value-accent{color:var(--danger)}.chart-grid{display:grid;gap:16px;margin-bottom:16px}.chart-grid-2{grid-template-columns:1fr 1fr}@media (max-width: 900px){.chart-grid-2{grid-template-columns:1fr}.sidebar{width:220px}}.chart-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:16px}.chart-title{font-size:13px;color:var(--text-secondary);margin:0 0 10px}.legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;font-size:11px;color:var(--text-secondary)}.legend-item{display:flex;align-items:center;gap:5px}.legend-swatch{width:9px;height:9px;border-radius:2px;display:inline-block}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;color:var(--text-secondary);font-weight:500;padding:8px 6px;border-bottom:1px solid var(--border)}.data-table td{padding:8px 6px;border-bottom:1px solid var(--border)}.align-right{text-align:right}