*,*:before,*:after{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}#root{max-width:1200px;margin:0 auto;padding:2rem}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.dashboard-header h1{font-size:1.75rem;font-weight:700;color:#f8fafc}.refresh-btn{padding:.5rem 1.25rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;transition:background .2s}.refresh-btn:hover:not(:disabled){background:#2563eb}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.error-banner{background:#7f1d1d;border:1px solid #ef4444;color:#fca5a5;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem}.empty{text-align:center;color:#94a3b8;margin-top:4rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.weather-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.25rem;text-align:center;transition:transform .15s,box-shadow .15s}.weather-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006}.card-icon{font-size:2.5rem;margin-bottom:.5rem}.card-city{font-size:1rem;font-weight:600;color:#f1f5f9;margin-bottom:.5rem}.card-temp{font-size:1.75rem;font-weight:700;color:#38bdf8;margin-bottom:.25rem}.card-condition{font-size:.85rem;color:#94a3b8;margin-bottom:.25rem}.card-date{font-size:.75rem;color:#64748b}