body{font-family:sans-serif;margin:0;padding:0;background-color:#f4f7f6;color:#333}.App{padding:20px}h1{text-align:center;color:#2c3e50;margin-bottom:30px}.dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;max-width:1200px;margin:0 auto}.card{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.card h2{margin-top:0;font-size:1.2em;color:#34495e}.metric-value{font-size:2.5em;font-weight:700;color:#2980b9;margin:10px 0}.chart-container{height:300px;width:100%}.gauge-container .metric-value{color:#27ae60}@media (max-width: 768px){.dashboard{grid-template-columns:1fr}}.recharts-wrapper{width:100%!important;height:100%!important}.recharts-surface{width:100%;height:100%}