.dashboard-root{--surface:#0d1014;--surface-2:#171b20;--dash-border:#1e2227;--text:#d0d5db;--text-muted:#6d7279;--accent:#6484a3;--accent-light:#9cadbf;--green:#2fc183;--amber:#eab532;--rose:#ef4b67;--cyan:#53c1c7;--blue:#76a3ce;color:var(--text);padding:2rem;display:block}@supports (color:lab(0% 0 0)){.dashboard-root{--surface:lab(4.41885% -.441074 -2.68719);--surface-2:lab(9.48696% -.808433 -4.32296);--dash-border:lab(12.9683% -.832886 -4.33317);--text:lab(84.8995% -.804931 -3.6648);--text-muted:lab(47.7734% -.928938 -4.37804);--accent:lab(53.4962% -5.60704 -20.4848);--accent-light:lab(69.8129% -3.54624 -11.127);--green:lab(69.4974% -50.0276 19.6512);--amber:lab(76.994% 11.2878 68.9054);--rose:lab(57.1789% 64.7674 22.4178);--cyan:lab(71.973% -31.3845 -12.9288);--blue:lab(65.0432% -7.11125 -27.2087)}}.dashboard-root .page-nav{align-items:center;gap:1.25rem;max-width:1400px;margin:0 auto 1.5rem;font-size:.85rem;display:flex}.dashboard-root .nav-link{color:var(--text-muted);text-decoration:none;transition:color .15s}.dashboard-root .nav-link:hover{color:var(--text)}.dashboard-root .nav-link.active{color:var(--accent-light)}.dashboard-root .dashboard-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.dashboard-root .dashboard-header h1{color:var(--accent-light);margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.dashboard-root .dashboard-header .subtitle{color:var(--text-muted);font-size:1.05rem}.dashboard-root .dashboard-header .date-range{color:var(--text-muted);opacity:.7;margin-top:.35rem;font-size:.85rem}.dashboard-root .view-toggle{border:1px solid var(--dash-border);background:var(--surface);border-radius:999px;gap:2px;margin-top:1.25rem;padding:3px;display:inline-flex}.dashboard-root .view-toggle button{appearance:none;color:var(--text-muted);letter-spacing:.02em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.5rem 1rem;font-family:inherit;font-size:.8rem;transition:background .15s,color .15s}.dashboard-root .view-toggle button:hover{color:var(--text)}.dashboard-root .view-toggle button.active{background:var(--surface-2);color:var(--accent-light)}.dashboard-root .kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;max-width:1400px;margin:0 auto 3rem;display:grid}.dashboard-root .kpi-card{background:var(--surface);border:1px solid var(--dash-border);text-align:center;border-radius:2px;padding:1.25rem;transition:transform .2s,border-color .2s}.dashboard-root .kpi-card:hover{border-color:var(--accent);transform:translateY(-2px)}.dashboard-root .kpi-value{margin-bottom:.35rem;font-size:2rem;font-weight:800;line-height:1}.dashboard-root .kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:500}.dashboard-root .kpi-sub{color:var(--text-muted);opacity:.7;margin-top:.4rem;font-size:.7rem}.dashboard-root .kpi-card.accent-purple .kpi-value{color:#b199f4;color:lab(68.1687% 23.3466 -42.6429)}.dashboard-root .kpi-card.accent-green .kpi-value{color:var(--green)}.dashboard-root .kpi-card.accent-cyan .kpi-value{color:var(--cyan)}.dashboard-root .kpi-card.accent-amber .kpi-value{color:var(--amber)}.dashboard-root .kpi-card.accent-rose .kpi-value{color:var(--rose)}.dashboard-root .kpi-card.accent-blue .kpi-value{color:var(--blue)}.dashboard-root .charts-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;max-width:1400px;margin:0 auto;display:grid}.dashboard-root .chart-card{background:var(--surface);border:1px solid var(--dash-border);border-radius:2px;padding:1.25rem 1.25rem 1rem}.dashboard-root .chart-card h3{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-light);margin-bottom:.85rem;font-size:.85rem;font-weight:600}.dashboard-root .chart-card h3 span{color:var(--text-muted);text-transform:none;letter-spacing:0;margin-left:.5rem;font-size:.78rem;font-weight:400}.dashboard-root .chart-container{width:100%;height:280px;min-height:280px;position:relative}.dashboard-root .chart-container canvas{max-width:100%;display:block;width:100%!important;height:100%!important}.dashboard-root .dashboard-footer{text-align:center;max-width:1400px;color:var(--text-muted);opacity:.7;margin:3rem auto 1rem;padding:1.5rem 0;font-size:.78rem;line-height:1.6}.dashboard-root .dashboard-footer a{color:var(--accent-light);text-decoration:none}.dashboard-root .dashboard-footer a:hover{text-decoration:underline}.dashboard-root .dashboard-loading{text-align:center;color:var(--text-muted);opacity:.7;padding:6rem 1rem;font-size:.95rem}@media (max-width:900px){.dashboard-root{padding:1rem}.dashboard-root .charts-grid{grid-template-columns:1fr}.dashboard-root .dashboard-header h1{font-size:1.8rem}.dashboard-root .kpi-grid{grid-template-columns:repeat(2,1fr)}}