@charset "UTF-8";
:root{font-family:Segoe UI,Arial,sans-serif;color:#1b2c40;background:#f5f7fb;font-synthesis:none;--teal:#087e85;--muted:#718096}*{box-sizing:border-box}body{margin:0}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,.button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #10b8bf;outline-offset:4px}aside{width:232px;position:fixed;inset:0 auto 0 0;background:#152d3a;color:#c4d3da;padding:34px 20px}.brand{display:flex;align-items:center;color:white;font-size:34px;font-weight:750;margin:0 10px 54px;letter-spacing:-1.5px}.logo{color:#68ded0;font-size:38px;margin-right:12px}.brand-dot{color:#68ded0}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--teal)}aside .eyebrow{color:#91a9b5;margin:0 12px 18px;font-size:9px}.nav{display:block;padding:15px 13px;font-size:13px;margin-bottom:8px;border-radius:9px}.nav.active{background:#244552;color:#fff;border:1px solid #365763}.aside-bottom{position:absolute;bottom:28px;left:28px;font-size:11px}.aside-bottom p{color:#8ca6b2;line-height:1.9}.status-dot{display:inline-block;background:#64d7aa;width:7px;height:7px;border-radius:50%;margin-right:6px}main{margin-left:232px;padding:0 40px;max-width:1800px}header{height:80px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e8ee;font-size:12px}.muted{color:var(--muted)}.demo-badge{border:1px solid #c9dedf;border-radius:5px;color:var(--teal);padding:5px 9px;font-size:10px;letter-spacing:1px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:40px 0 27px}h1{font-size:30px;letter-spacing:-1px;line-height:1.3;margin:12px 0}p{color:var(--muted);font-size:13px;line-height:1.6;margin:6px 0}h2{font-size:20px;margin:0}h3{margin:0;font-size:18px}.button,button{border:1px solid #dbe4e9;border-radius:7px;background:white;padding:11px 16px;font-size:12px;font-weight:600;color:#334e60;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary{background:var(--teal);border-color:var(--teal);color:white}.button:hover,button:hover{filter:brightness(.95)}.overview{display:grid;grid-template-columns:1fr 1.6fr 1.2fr;background:white;border:1px solid #e2e8ef;border-radius:12px;padding:23px 6px}.overview>div{padding:0 24px;border-right:1px solid #e5eaf0}.overview>div:last-child{border:0}.overview small{display:block;color:var(--muted);font-size:11px;margin-bottom:8px}.overview strong{font-size:19px}.overview span{font-size:11px;color:var(--muted);margin-left:8px}.notice{font-size:12px;color:#647888;padding:15px 0;line-height:1.7}.notice.stale{color:#91611a}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:21px 0}.count{font-size:12px;color:var(--teal);background:#e3f0ef;border-radius:5px;padding:3px 8px;margin-left:7px}.search{display:flex;align-items:center;background:#fff;border:1px solid #e0e6ee;border-radius:8px;padding:9px 13px;gap:10px;color:var(--muted)}input{border:0;background:transparent;outline:none;font-size:12px;width:190px}.station-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.station-card{background:#fff;border:1px solid #e0e7ef;border-radius:12px;padding:22px;box-shadow:0 4px 14px #263f5010;transition:transform .2s}.station-card:hover{transform:translateY(-3px);border-color:#a6cece}.card-top{display:flex;justify-content:space-between;align-items:center;gap:5px}.station-icon{color:var(--teal);background:#eef8f7;border-radius:9px;padding:8px;font-size:20px}.coords{font-size:10px;color:#80909e;margin:7px 0 21px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.metric{padding:12px 7px;border-radius:7px;background:#fff5ed}.metric small{display:block;font-size:10px;color:#7c7e80;margin-bottom:9px}.metric strong{font-size:19px;white-space:nowrap;color:#d76832;letter-spacing:-.5px}.metric em{font-size:10px;font-style:normal;margin-left:2px}.metric.humidity{background:#eff6fe}.metric.humidity strong{color:#377ed0}.metric.wind{background:#eef9f6}.metric.wind strong{color:#138377}.card-time{font-size:10px;color:#81909e;margin:16px 0}.card-actions{display:flex;gap:8px}.card-actions .button:first-child{flex:1;background:#f3f9f9;color:var(--teal);border-color:#d9eaea}.empty{padding:40px;text-align:center;grid-column:1/-1;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:16px;margin-top:40px;padding:23px 0;border-top:1px solid #e1e7ed;font-size:9px;color:#8996a3;letter-spacing:.4px}.detail-head{display:flex;justify-content:space-between;gap:15px;align-items:center;background:white;padding:24px;border:1px solid #e1e7ed;border-radius:12px;margin:20px 0}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0}.toolbar label{font-size:12px}.toolbar select{padding:9px;border:1px solid #dbe4e9;border-radius:6px;color:#334e60;background:white}.charts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart-card{background:white;padding:22px;border:1px solid #e1e7ed;border-radius:12px}.chart-card h3{font-size:15px}.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:10px;margin:12px 0;color:#647888}.legend i{display:inline-block;width:15px;height:3px;vertical-align:middle;margin-right:5px}svg{width:100%;height:auto;display:block}svg text{font:10px Segoe UI,Arial;fill:#80909e}.table-wrap{max-height:460px;overflow:auto;background:white;border:1px solid #e1e7ed;border-radius:10px;margin-top:14px}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}td,th{text-align:right;padding:13px 15px;border-bottom:1px solid #edf0f4}th{background:#edf5f5;position:sticky;top:0;color:#41616c;font-size:11px}td:first-child,th:first-child{text-align:left}.table-title{margin-top:30px}[hidden]{display:none!important}@media(min-width:1550px){.station-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1200px){.station-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:0 26px}.intro{align-items:flex-start}h1{font-size:27px}}@media(max-width:800px){aside{position:static;width:auto;padding:15px 20px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;margin:0}.logo{font-size:28px}aside .eyebrow,aside .aside-bottom,aside .nav:not(.active){display:none}.nav{margin:0;padding:10px;font-size:11px}main{margin-left:0;padding:0 18px}header{height:57px}.intro{padding:28px 0;display:block}.intro .button{margin-top:15px}h1{font-size:26px}.overview{grid-template-columns:1fr 1fr;padding:17px 0}.overview>div{padding:0 15px}.overview>div:last-child{display:none}.overview strong{font-size:15px}.overview span{display:block;margin:5px 0 0}.section-head{align-items:flex-start;flex-direction:column}.search{width:100%}.search input{width:100%}.charts{grid-template-columns:1fr}.detail-head{align-items:flex-start;flex-direction:column}footer{flex-direction:column}}@media(max-width:520px){.station-grid{grid-template-columns:1fr}.station-card{padding:21px}.metric strong{font-size:22px}.metric{padding:13px}.chart-card{padding:15px}}