*,:before,:after{box-sizing:border-box}body{color:#1a1a2e;background:#f5f7fa;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard{max-width:1200px;margin:0 auto;padding:1.5rem}.dashboard-header h1{color:#1e3a5f;margin:0 0 1.25rem;font-size:1.75rem}.controls-bar{background:#fff;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.9rem 1.25rem;display:flex;box-shadow:0 1px 4px #00000014}.controls-left{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.controls-right{color:#666;flex-direction:column;align-items:flex-end;gap:.2rem;font-size:.82rem;display:flex}.station-selector{align-items:center;gap:.5rem;display:flex}.station-selector label{white-space:nowrap;font-weight:500}.station-selector select{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:5px;padding:.38rem .6rem;font-size:.95rem}.refresh-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:5px;padding:.38rem 1rem;font-size:.95rem;transition:background .15s}.refresh-btn:hover:not(:disabled){background:#1d4ed8}.refresh-btn:disabled{cursor:not-allowed;background:#93c5fd}.download-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#16a34a;border:none;border-radius:5px;padding:.38rem 1rem;font-size:.95rem;transition:background .15s}.download-btn:hover:not(:disabled){background:#15803d}.download-btn:disabled{cursor:not-allowed;background:#86efac}.gas-selector-section,.chart-section,.summary-section{background:#fff;border-radius:8px;margin-bottom:1.25rem;padding:1.25rem;box-shadow:0 1px 4px #00000014}.chart-section{overflow:hidden}.chart-wrapper{width:100%;height:400px}.gas-selector{flex-wrap:wrap;align-items:flex-start;gap:.75rem;display:flex}.gas-selector-label{white-space:nowrap;padding-top:.1rem;font-weight:500}.gas-checkboxes{flex-wrap:wrap;gap:.4rem 1rem;display:flex}.gas-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.3rem;font-size:.88rem;display:flex}.gas-checkbox-label input{cursor:pointer}.gas-color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.summary-cards{flex-wrap:wrap;gap:.6rem;display:flex}.summary-card{text-align:center;background:#f0f4ff;border:1px solid #c7d7f5;border-radius:6px;min-width:90px;padding:.55rem .9rem}.card-label{color:#555;margin-bottom:.2rem;font-size:.75rem}.card-value{color:#1e3a5f;font-size:1.05rem;font-weight:600}.loading-state{text-align:center;color:#666;padding:2.5rem}.stale-warning{color:#fff;text-align:center;background:#dc2626;border-radius:8px;margin-bottom:1.25rem;padding:.85rem 1.25rem;font-size:.97rem;font-weight:600}.error-message{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin-bottom:1.25rem;padding:.85rem 1.25rem}.empty-state{text-align:center;color:#888;padding:2.5rem}.preset-label{color:#374151;white-space:nowrap;background:#e5e7eb;border-radius:5px;padding:.38rem .75rem;font-size:.88rem;font-weight:500}.chart-block{flex-direction:column;gap:.5rem;display:flex}.chart-title{color:#1e3a5f;margin:0;font-size:1rem;font-weight:600}.chart-legend{color:#444;flex-wrap:wrap;gap:.4rem 1rem;font-size:.82rem;display:flex}.chart-legend-item{align-items:center;gap:.3rem;display:flex}@media (width<=600px){.dashboard{padding:.75rem}.controls-bar{flex-direction:column;align-items:flex-start}.controls-right{align-items:flex-start}.chart-wrapper{height:260px}.gas-selector-section,.chart-section,.summary-section{padding:.75rem}}