:root{--bg-color:#0b1120;--bg-surface:#1e293b66;--bg-glass:#0f172a99;--border-color:#ffffff1a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#3b82f6;--accent-glow:#3b82f680;--success-color:#10b981;--warning-color:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-primary);background:radial-gradient(circle at 15% 50%, #1d4ed826, transparent 25%), radial-gradient(circle at 85% 30%, #8b5cf626, transparent 25%), var(--bg-color);background-attachment:fixed;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}:root{--brand-blue:#203c73;--brand-wine:#720e2e;--brand-green:#005f47;--brand-yellow:#cfa35c;--brand-brown:#a3612b;--brand-sky:#63bfec;--brand-purple:#523982}:root,[data-theme=dark]{--bg-page:#080d1a;--bg-glass:#203c7438;--bg-card:#14234b8c;--border-color:#63bfec1a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#89a;--text-label:#63bfec;--accent-color:#63bfec;--accent-alt:#cfa35c;--accent-glow:#63bfec1f;--color-danger:#f87171;--spinner-track:#ffffff14;--shadow-card:0 4px 24px #00000073;--icon-blue-bg:#203c7459;--icon-blue-fg:#63bfec;--icon-green-bg:#005f4759;--icon-green-fg:#34d399;--icon-purple-bg:#52398259;--icon-purple-fg:#a78bfa;--icon-yellow-bg:#cfa35c33;--icon-yellow-fg:#cfa35c}[data-theme=light]{--bg-page:#f0f5ff;--bg-glass:#ffffffe0;--bg-card:#f0f5fff2;--border-color:#203c741f;--text-primary:#0a1628;--text-secondary:#334155;--text-muted:#4a5a6e;--text-label:#203c73;--accent-color:#203c73;--accent-alt:#005f47;--accent-glow:#203c7414;--color-danger:#720e2e;--spinner-track:#203c741f;--shadow-card:0 4px 20px #203c741a;--icon-blue-bg:#203c7414;--icon-blue-fg:#203c73;--icon-green-bg:#005f4714;--icon-green-fg:#005f47;--icon-purple-bg:#52398214;--icon-purple-fg:#523982;--icon-yellow-bg:#cfa35c26;--icon-yellow-fg:#8c6520}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg-page);color:var(--text-primary);margin:0;font-family:Inter,Outfit,system-ui,sans-serif;transition:background-color .3s,color .3s}:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dashboard-container{flex-direction:column;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem;display:flex}.header{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:var(--shadow-card);border-radius:16px;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex}.header-title{align-items:center;gap:1rem;display:flex}.icon-wrapper{background:var(--accent-glow);width:44px;height:44px;color:var(--accent-color);border:1px solid #3b82f64d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.title-text h1{color:var(--text-primary);letter-spacing:-.025em;margin:0 0 .2rem;font-size:1.6rem;font-weight:700}.title-text p{color:var(--text-secondary);margin:0;font-size:.875rem}.theme-toggle{background:var(--bg-card);border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s,border-color .2s;display:flex}.theme-toggle:hover{color:var(--text-primary);border-color:var(--accent-color)}.weather-banner{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:var(--shadow-card);border-radius:16px;padding:1.5rem 2rem}.weather-banner-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.8rem;font-weight:700;display:flex}.weather-banner-header h2{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;margin:0;font-size:.8rem;font-weight:700}.weather-temp-diff{color:var(--text-label);background:#3b82f61f;border:1px solid #3b82f640;border-radius:20px;align-items:center;gap:.3rem;margin-left:auto;padding:.2rem .8rem;font-size:.78rem;font-weight:700;display:flex}.weather-cols{grid-template-columns:1fr auto 1fr;align-items:center;gap:1.25rem;display:grid}.weather-col{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem 1.5rem}.weather-col-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.weather-emoji{font-size:1.65rem;line-height:1}.weather-col-name{color:var(--text-primary);font-size:.9rem;font-weight:600;display:block}.weather-elevation{color:var(--text-muted);align-items:center;gap:3px;margin-top:2px;font-size:.75rem;display:flex}.weather-big-temp{color:var(--text-primary);margin:0;font-size:2.6rem;font-weight:800;line-height:1}.weather-feels{color:var(--text-secondary);margin:.3rem 0 .75rem;font-size:.875rem}.weather-mini-stats{color:var(--text-muted);gap:1rem;font-size:.875rem;display:flex}.weather-mini-stats span{align-items:center;gap:.3rem;display:flex}.weather-loading{color:var(--text-muted);margin:.75rem 0;font-size:.875rem}.weather-divider{color:var(--text-muted);flex-direction:column;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.stat-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-card);border-radius:16px;align-items:center;gap:1.25rem;padding:1.4rem 1.5rem;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.stat-card:hover{border-color:#3b82f640;transform:translateY(-3px);box-shadow:0 12px 28px #00000040}.stat-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stat-icon.blue{background:var(--icon-blue-bg);color:var(--icon-blue-fg);border:1px solid color-mix(in srgb, var(--icon-blue-fg) 25%, transparent)}.stat-icon.green{background:var(--icon-green-bg);color:var(--icon-green-fg);border:1px solid color-mix(in srgb, var(--icon-green-fg) 25%, transparent)}.stat-icon.purple{background:var(--icon-purple-bg);color:var(--icon-purple-fg);border:1px solid color-mix(in srgb, var(--icon-purple-fg) 25%, transparent)}.stat-icon.yellow{background:var(--icon-yellow-bg);color:var(--icon-yellow-fg);border:1px solid color-mix(in srgb, var(--icon-yellow-fg) 25%, transparent)}.stat-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .4rem;font-size:.8rem;font-weight:600}.stat-value{color:var(--text-primary);margin:0;font-family:Outfit,sans-serif;font-size:1.9rem;font-weight:700;line-height:1}.stat-subtext{color:var(--text-muted);margin-top:4px;font-size:.78rem;display:block}.facts-header{color:var(--accent-color);align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.facts-header h2{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700}.facts-header p{color:var(--text-muted);margin:0 0 0 .25rem;font-size:.85rem}.facts-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.fact-card{background:var(--bg-glass);border:1px solid var(--border-color);box-shadow:var(--shadow-card);border-radius:12px;align-items:flex-start;gap:.85rem;padding:1.1rem 1.2rem;transition:border-color .2s,transform .2s;display:flex}.fact-card:hover,.fact-card:focus-visible{border-color:#3b82f659;transform:translateY(-2px)}.fact-emoji{flex-shrink:0;margin-top:2px;font-size:1.45rem;line-height:1}.fact-value{color:var(--text-primary);margin:0 0 2px;font-size:1.05rem;font-weight:700}.fact-label{color:var(--text-label);text-transform:uppercase;letter-spacing:.05em;margin:0 0 3px;font-size:.72rem;font-weight:600}.fact-note{color:var(--text-muted);margin:0;font-size:.74rem}.charts-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.chart-card.full-width{grid-column:1/-1}.chart-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-card);border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.chart-header h3{color:var(--text-primary);margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.chart-header p{color:var(--text-secondary);margin:0;font-size:.85rem}.chart-container{width:100%;height:320px}.loader-container{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100vh;display:flex}.loader-text{color:var(--text-secondary);margin:0;font-size:1rem;font-weight:500}.spinner{border:3px solid var(--spinner-track);border-top-color:var(--accent-color);border-radius:50%;width:46px;height:46px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.stats-grid,.facts-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.charts-grid{grid-template-columns:1fr}.chart-card.full-width{grid-column:1}}@media (width<=768px){.dashboard-container{gap:1.25rem;padding:1rem}.header{padding:1rem 1.25rem}.title-text h1{font-size:1.35rem}.weather-banner{padding:1.25rem}.weather-cols{grid-template-columns:1fr;gap:.85rem}.weather-divider{flex-direction:row;justify-content:center;padding:.25rem 0}.weather-big-temp{font-size:2.2rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.85rem}.stat-card{gap:.85rem;padding:1rem 1.1rem}.stat-value{font-size:1.5rem}.facts-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.fact-card{padding:.9rem 1rem}.chart-card{padding:1rem}.chart-container{height:260px}}@media (width<=480px){.stats-grid,.facts-grid{grid-template-columns:1fr 1fr}}.header{border-top:3px solid var(--brand-sky,#63bfec)}[data-theme=light] .header{border-top-color:var(--brand-blue,#203c73)}.dashboard-footer{background:var(--bg-glass);border:1px solid var(--border-color);border-top:2px solid var(--brand-yellow,#cfa35c);color:var(--text-muted);-webkit-backdrop-filter:blur(10px);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.1rem 1.5rem;font-size:.78rem;display:flex}[data-theme=light] .dashboard-footer{border-top-color:var(--brand-blue,#203c73)}.footer-left,.footer-right{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.footer-brand{color:var(--text-label);letter-spacing:-.01em;font-weight:700}.footer-right strong{color:var(--text-label);font-weight:700}.footer-sep{color:var(--border-color);opacity:.6}@media (width<=640px){.dashboard-footer{flex-direction:column;align-items:flex-start;gap:.4rem}}