body{color:#0f172a;background:#f8fafc;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.page{max-width:1200px;margin:0 auto;padding:2rem}.page-header{margin-bottom:1.5rem}.page-header h1{margin:0 0 .5rem;font-size:2rem}.page-header p{color:#475569;margin:0}.status{background:#e2e8f0;border-radius:.5rem;margin-top:1rem;padding:.75rem 1rem}.status.error{color:#7f1d1d;background:#fee2e2}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem}.summary-label{color:#64748b;margin:0;font-size:.9rem}.summary-value{color:#0f172a;word-break:break-word;margin:.5rem 0 0;font-size:1.3rem;font-weight:600}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:1rem;display:grid}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:1rem;padding:1rem}.chart-card h2{margin:0 0 1rem;font-size:1.1rem}.chart-container{width:100%;height:320px}@media (width<=768px){.page{padding:1rem}.chart-grid{grid-template-columns:1fr}}