.stat-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (min-width:768px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat-tile{background:var(--surface);text-align:center;border-radius:1rem;padding:20px 12px}.stat-tile .n{font-family:var(--font-display);letter-spacing:-.03em;color:var(--foreground);font-size:30px;font-weight:800;display:block}.stat-tile .n.accent{color:var(--accent-solid)}.dark .stat-tile .n.accent{color:var(--accent-soft)}.stat-tile .n.good{color:var(--success-text)}.stat-tile .l{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:4px;font-size:11px;font-weight:700;display:block}.chart-grid{margin-top:var(--panel-gap);gap:var(--panel-gap);grid-template-columns:1fr;display:grid}@media (min-width:900px){.chart-grid{grid-template-columns:1fr 1fr}}.chart-panel{background:var(--surface);border-radius:1rem;padding:24px}.chart-panel h2{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 20px;font-size:11px;font-weight:700}.bars{align-items:flex-end;gap:12px;height:160px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;height:100%;display:flex}.bar-col .v{color:var(--foreground);font-size:12px;font-weight:600}.bar-col .bar{background:var(--accent);border-radius:6px 6px 2px 2px;width:100%;max-width:64px;min-height:3px}.bar-col .bar.slate{background:color-mix(in srgb, var(--primary-solid) 70%, transparent)}.dark .bar-col .bar.slate{background:#ffffff38}.bar-col .x{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}@media (max-width:639px){.bar-col .x{white-space:normal;text-align:center;min-height:2.6em;line-height:1.3}}.rowbars{flex-direction:column;gap:14px;display:flex}.rowbar .t{justify-content:space-between;gap:12px;margin-bottom:6px;font-size:12px;display:flex}.rowbar .t strong{color:var(--foreground);font-weight:600}.rowbar .t span{color:var(--text-muted)}.rowbar .track{background:color-mix(in srgb, var(--foreground) 8%, transparent);border-radius:9999px;height:8px;overflow:hidden}.rowbar .fill{background:var(--accent);border-radius:9999px;height:100%}.insights-note{text-align:center;color:var(--ink-lo);margin:24px auto 0;font-size:12px}.insights-note a{color:inherit;font-weight:600}.stat-skel{background:color-mix(in srgb, var(--foreground) 8%, transparent);border-radius:1rem;height:96px}