body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f4f6f8;color:#212529;line-height:1.6}.dashboard-container{display:flex;flex-direction:column;padding:20px;gap:25px;max-width:1400px;margin:0 auto}.dashboard-header{text-align:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #dee2e6}.dashboard-header h1{color:#007bff;font-size:3.5rem;margin:0;text-shadow:none}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.kpi-card{background-color:#fff;border-radius:20px;padding:25px;box-shadow:0 4px 12px #00000013;display:flex;align-items:center;gap:20px;border-top:5px solid;transition:transform .3s ease,box-shadow .3s ease}.kpi-card:hover{transform:translateY(-5px);box-shadow:0 6px 18px #0000001a}.kpi-icon{font-size:2.5rem;padding:10px;background-color:#e9ecef;border-radius:50%;width:60px;height:60px;display:flex;justify-content:center;align-items:center}.kpi-content{flex-grow:1;text-align:center}.kpi-content h3{margin:0 0 8px;font-size:1.3rem;color:#495057;font-weight:700}.kpi-content p{margin:0;font-size:2.5rem;font-weight:700;color:#212529}.chart-row{display:flex;gap:20px;flex-wrap:wrap}.chart-container{flex:1 1 100%;min-width:300px;background-color:#fff;padding:20px;border-radius:20px;box-shadow:0 4px 12px #00000013;height:450px}.loading-state,.error-state{display:flex;justify-content:center;align-items:center;height:80vh;font-size:1.5rem;color:#6c757d}.error-state{color:#dc3545;text-align:center;padding:20px}footer{text-align:center;padding:20px 0;margin-top:20px;border-top:1px solid #dee2e6;color:#6c757d;font-size:.9rem}@media (max-width: 768px){.dashboard-header h1{font-size:2rem}.kpi-card{padding:20px}.kpi-content p{font-size:2.5rem}.chart-container{height:400px}}@media (max-width: 480px){.dashboard-container{padding:15px}.kpi-grid{grid-template-columns:1fr}.kpi-card{flex-direction:column;align-items:center}.kpi-icon{margin-bottom:10px;align-self:center}.chart-container{padding:15px;height:350px}}