:root{color:#1f2937;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;background:#f3f4f6;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}.dashboard{max-width:1100px;margin:0 auto;padding:32px 20px 64px}.dashboard header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.dashboard h1{color:#111827;margin:0;font-size:24px}.dashboard .subtitle{color:#6b7280;margin:4px 0 0;font-size:13px}.period-selector{gap:8px;display:flex}.period-selector button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:8px 14px;font-size:14px}.period-selector button.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.status{text-align:center;color:#6b7280;padding:40px 0}.status.error{color:#dc2626}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px}.card .label{color:#6b7280;font-size:13px}.card .value{color:#111827;font-size:30px;font-weight:700;line-height:1.2}.grid-2{grid-template-columns:2fr 1fr;gap:16px;margin-bottom:24px;display:grid}@media (width<=800px){.grid-2{grid-template-columns:1fr}}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px}.panel h2{color:#111827;margin:0 0 16px;font-size:15px}.chart{align-items:flex-end;gap:3px;height:180px;display:flex}.chart .bar{background:#7c3aed;border-radius:3px 3px 0 0;flex:1;min-width:3px}.chart .bar:hover{background:#5b21b6}.chart-caption{color:#6b7280;margin-top:8px;font-size:12px}.list{margin:0;padding:0;font-size:14px;list-style:none}.list li{border-bottom:1px solid #f3f4f6;justify-content:space-between;gap:12px;padding:7px 0;display:flex}.list li:last-child{border-bottom:none}.list .name{text-overflow:ellipsis;white-space:nowrap;color:#374151;overflow:hidden}.list .metric{color:#111827;white-space:nowrap;font-weight:600}.list .metric small{color:#6b7280;font-weight:400}.footer{color:#9ca3af;text-align:center;margin-top:24px;font-size:12px}