body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f4f5f7;color:#2f3640}#app{min-height:100vh}.header{background:#fff;border-bottom:1px solid #e8e9eb;padding:1.5rem 0;box-shadow:0 1px 3px #0000000d}.header .container{max-width:1400px;margin:0 auto;padding:0 2rem}.header h1{font-size:1.6rem;font-weight:600;margin-bottom:1rem;color:#2f3640}.nav{display:flex;gap:.5rem;justify-content:center}.nav-link{padding:.5rem 1rem;text-decoration:none;color:#718093;border-radius:4px;transition:all .2s;font-size:.95rem}.nav-link:hover{background:#f4f5f7;color:#2f3640}.nav-link.router-link-active{background:#3498db;color:#fff}.container{max-width:1600px;margin:0 auto;padding:1.5rem 2rem}.card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:1.5rem;margin-bottom:1.5rem}.card h3{margin-bottom:.5rem;color:#2f3640}.card h4{margin-bottom:.75rem;color:#2f3640}.btn{background:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.95rem;transition:background .2s}.btn:hover:not(:disabled){background:#2980b9}.btn:disabled{background:#bdc3c7;cursor:not-allowed}.btn-primary{background:#27ae60}.btn-primary:hover:not(:disabled){background:#229954}.loading{text-align:center;padding:3rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;color:#718093}.chart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-bottom:1rem}@media (max-width: 1200px){.chart-grid{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;background:#f5f6fa;color:#2f3640;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem 1.5rem}.card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #00000014;margin-bottom:1.5rem}.btn{padding:.45rem 1.1rem;border:none;border-radius:4px;background:#273c75;color:#fff;font-size:.95rem;cursor:pointer;transition:all .2s}.btn:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.chart-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:15px;margin-bottom:1rem}.chart-card h4{text-align:center;margin-bottom:10px;font-size:1.1rem;font-weight:600;color:#2f3640}.loading{text-align:center;padding:2rem;color:#718093}