@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap";:root{--hb-red:#ea2220;--hb-red-dark:#c51c1a;--bg:#f6f5f3;--panel:#fff;--text:#1c1c1c;--muted:#5e6670;--line:#1c1c1c24;--accent-soft:#ea222014;--success:#1b7f3a;--danger:#b71f1f;--shadow:0 22px 50px #14141414;--radius:20px;--radius-sm:12px;--max-width:1480px}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 10%, #ea22201f, transparent 42%), radial-gradient(circle at 90% 20%, #14141414, transparent 38%), repeating-linear-gradient(135deg, #14141408 0, #14141408 1px, transparent 1px, transparent 12px), var(--bg);min-width:320px;color:var(--text);margin:0;font-family:"Source Sans 3",Segoe UI,system-ui,sans-serif;line-height:1.55}::selection{background:#ea22202e}img{max-width:100%;display:block}button{cursor:pointer;font:inherit;border:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Space Grotesk,"Source Sans 3",system-ui,sans-serif}.appShell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;gap:28px;height:100vh;padding:28px 22px;display:flex;position:sticky;top:0}.sidebarBrand{align-items:center;gap:12px;display:grid}.sidebarBrand p{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.sidebarBrand span{color:var(--muted);font-size:.95rem}.sidebarLogo{object-fit:contain;width:68px;height:68px}.navList{gap:8px;display:grid}.navItem{width:100%;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-weight:600;transition:all .2s;display:flex}.navItem:hover{background:var(--accent-soft);color:var(--hb-red);border-color:#ea22202e}.navItem.active{background:var(--hb-red);color:#fff;border-color:var(--hb-red);box-shadow:0 12px 24px #ea222038}.dashboard{width:min(var(--max-width), 100%);margin:0 auto;padding:32px}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.brand{align-items:center;gap:18px;display:flex}.brandLogo{object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--line);width:64px;height:64px;box-shadow:var(--shadow);background:#fff;padding:10px}.eyebrow{color:var(--hb-red);letter-spacing:.16em;text-transform:uppercase;margin:0 0 6px;font-size:.72rem;font-weight:700}h1{letter-spacing:-.03em;margin-bottom:0;font-size:clamp(1.8rem,3vw,2.6rem)}.headerActions{align-items:center;gap:14px;display:flex}.lastUpdated{color:var(--muted);text-align:right;gap:3px;font-size:.82rem;display:grid}.lastUpdated strong{color:var(--text);font-size:.96rem}.refreshButton,.rangeButtons button{border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:600;display:inline-flex}.refreshButton{background:var(--hb-red);color:#fff;box-shadow:0 12px 28px #ea22203d}.heroPanel{border:1px solid var(--line);border-left:5px solid var(--hb-red);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:26px;margin-bottom:22px;padding:32px;display:grid;position:relative;overflow:hidden}.heroPanel:after{content:"";background:#ea222014;border-radius:50%;width:180px;height:180px;position:absolute;top:-60px;right:40px}.heroPanel>*{z-index:1;position:relative}.heroPanel h2{letter-spacing:-.04em;margin-bottom:10px;font-size:clamp(2rem,4vw,3rem)}.heroPanel p{color:#3c434b;max-width:720px;margin-bottom:0}.heroStatus{white-space:nowrap;color:var(--muted);align-content:center;justify-items:end;gap:12px;font-weight:600;display:grid}.cardGrid{grid-template-columns:repeat(12,1fr);gap:16px;margin-bottom:24px;display:grid}.weatherCard{border:1px solid var(--line);border-radius:var(--radius);border-top:4px solid var(--hb-red);background:var(--panel);box-shadow:var(--shadow);color:var(--hb-red);grid-column:span 4;padding:22px;position:relative}.weatherCard:before{content:"";border-radius:var(--radius) var(--radius) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.cardTop{justify-content:space-between;gap:16px;margin-bottom:22px;display:flex}.cardTop p{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-size:.72rem;font-weight:700}.weatherCard h2{letter-spacing:-.05em;margin-bottom:0;font-size:2.1rem}.weatherCard h2 span{color:var(--muted);margin-left:4px;font-size:1rem;font-weight:700}.cardIcon{background:var(--accent-soft);min-width:48px;height:48px;color:var(--hb-red);border-radius:16px;place-items:center;display:grid}.weatherCard small{color:var(--muted)}.statusBadge{background:var(--accent-soft);color:var(--hb-red);border:1px solid #ea222033;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:.84rem;font-weight:700;display:inline-flex}.statusBadge.success{color:var(--success);background:#1b7f3a1a;border-color:#1b7f3a33}.statusBadge.danger{color:var(--danger);background:#b71f1f1a;border-color:#b71f1f33}.controlRow{justify-content:space-between;align-items:center;gap:16px;margin:28px 0 16px;display:flex}.controlRow h3{letter-spacing:-.03em;margin-bottom:0;font-size:1.5rem}.rangeButtons{gap:8px;display:flex}.rangeButtons button{color:var(--text);border-color:var(--line);background:#fff}.rangeButtons button.active{background:var(--hb-red);color:#fff;border-color:var(--hb-red)}.chartsGrid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.chartCard{border:1px solid var(--line);border-radius:var(--radius);border-top:4px solid var(--hb-red);background:var(--panel);min-height:370px;box-shadow:var(--shadow);color:var(--hb-red);padding:24px}.chartHeader{color:var(--text);justify-content:space-between;align-items:start;gap:16px;margin-bottom:16px;display:flex}.chartHeader h3{letter-spacing:-.02em;margin-bottom:0;font-size:1.25rem}.chartUnit{background:var(--accent-soft);min-width:46px;height:36px;color:var(--hb-red);border-radius:999px;place-items:center;font-weight:800;display:grid}.chartBox{height:285px}.footer{color:var(--muted);background:0 0;border-top:1px dashed #1c1c1c2e;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding:18px 0 26px;font-weight:600;display:flex}.footerLinks{flex-wrap:wrap;gap:18px;display:flex}.footer a{color:var(--text);border-bottom:2px solid #0000;padding-bottom:2px;text-decoration:none;transition:all .2s}.footer a:hover{color:var(--hb-red);border-bottom-color:#ea222080}.legalPage{width:min(var(--max-width), 100%);flex-direction:column;gap:28px;min-height:100vh;margin:0 auto;padding:40px 32px 28px;display:flex}.legalCard{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);padding:28px}.loadingScreen,.notFound{min-height:100vh;color:var(--hb-red);text-align:center;flex-direction:column;justify-content:space-between;align-items:center;gap:24px;padding:32px;display:flex}.loadingScreen{justify-content:center}.notFoundContent{margin-top:auto}.notFound .footer{width:100%}.loadingScreen h1{color:var(--text);font-size:1.4rem}@media (width<=1200px){.cardGrid{grid-template-columns:repeat(6,1fr)}.weatherCard{grid-column:span 3}}@media (width<=980px){.appShell{grid-template-columns:1fr}.sidebar{display:none;position:static}.heroPanel{grid-template-columns:1fr}.heroStatus{justify-items:start}.chartsGrid{grid-template-columns:1fr}}@media (width<=760px){.dashboard{padding:20px}.header,.controlRow{flex-direction:column;align-items:stretch}.headerActions{justify-content:space-between}.lastUpdated{text-align:left}.cardGrid{grid-template-columns:1fr}.weatherCard{grid-column:span 1}.footer{flex-direction:column;align-items:flex-start}.legalPage{padding:32px 20px 24px}}