:root{
  --bg:#07111f;--bg2:#0c1727;--panel:#101d2d;--panel2:#16263a;--line:#2b4058;
  --text:#f8fbff;--muted:#b6c4d3;--blue:#69c7ff;
  --green:#19d879;--green-bg:#073d27;--yellow:#ffd43b;--yellow-bg:#4a3900;
  --orange:#ff9f1a;--orange-bg:#4a2700;--red:#ff4d5f;--red-bg:#4a0b16;
  --shadow:0 14px 40px rgba(0,0,0,.22)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0,#132a42 0,#07111f 38%,#050c15 100%);color:var(--text);font:15px/1.5 Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}button{font:inherit}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px clamp(18px,5vw,72px);border-bottom:1px solid var(--line);background:rgba(5,13,23,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.brand h1{margin:2px 0 0;font-size:clamp(25px,3vw,36px);letter-spacing:-.7px}.brand p{margin:3px 0 0;color:var(--muted);font-size:13px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--blue);font-weight:900}.updated{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;white-space:nowrap}.dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(25,216,121,.75)}.topbar button,.view-btn{background:#172a3f;border:1px solid #3c5872;color:#fff;border-radius:9px;padding:9px 14px;cursor:pointer;font-weight:700}.topbar button:hover,.view-btn:hover{background:#223a55}.view-btn.active{background:#0f6fa8;border-color:#69c7ff}main{max-width:1550px;margin:auto;padding:28px clamp(18px,5vw,72px) 60px}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.summary-card{background:linear-gradient(145deg,var(--panel),#0d1827);border:1px solid var(--line);border-radius:14px;padding:17px 18px;box-shadow:var(--shadow)}.summary-card span{display:block;color:var(--muted);font-size:10px;letter-spacing:1.4px;font-weight:900}.summary-card strong{display:block;font-size:27px;margin-top:4px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:22px 0 14px}.legend{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:12px}.swatch{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.swatch.clear{background:var(--green)}.swatch.moderate{background:var(--yellow)}.swatch.heavy{background:var(--orange)}.swatch.severe{background:var(--red)}.controls{display:flex;gap:6px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:linear-gradient(145deg,var(--panel),#0b1725);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.card-head{padding:16px 17px 13px;border-top:5px solid var(--green)}.card-head.moderate{border-color:var(--yellow)}.card-head.heavy{border-color:var(--orange)}.card-head.severe{border-color:var(--red)}.card h3{margin:0;font-size:18px}.route{color:var(--muted);font-size:11px;margin-top:3px}.direction{margin:12px 12px 0;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);overflow:hidden}.direction-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 12px;border-bottom:1px solid var(--line)}.direction-name{font-weight:900}.destination{color:var(--muted);font-size:11px;margin-top:1px}.arrow{font-size:20px;margin-right:5px}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);padding:11px;gap:8px}.metric{background:var(--panel2);border-radius:9px;padding:9px}.metric label{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:1px}.metric b{font-size:20px}.status{font-size:10px;font-weight:950;letter-spacing:1px}.status.clear{color:var(--green)}.status.moderate{color:var(--yellow)}.status.heavy{color:var(--orange)}.status.severe{color:var(--red)}.table-wrap,.events-wrap{margin-top:28px;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.hidden{display:none}.section-title{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border-bottom:1px solid var(--line)}.section-title h2{font-size:18px;margin:0}.section-title span{font-size:11px;color:var(--muted)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:980px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px;background:#0c1827}td{font-size:13px}.pill{display:inline-flex;padding:4px 8px;border-radius:99px;font-size:9px;font-weight:950;letter-spacing:.8px;background:#253547}.pill.clear{color:var(--green);background:var(--green-bg)}.pill.moderate{color:var(--yellow);background:var(--yellow-bg)}.pill.heavy{color:var(--orange);background:var(--orange-bg)}.pill.severe{color:var(--red);background:var(--red-bg)}.event{padding:14px 18px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:220px 1fr;gap:14px}.event:last-child{border-bottom:0}.event .name{font-weight:900}.event small{color:var(--muted)}.event p{margin:0}.empty{padding:24px 18px;color:var(--muted)}footer{padding:22px clamp(18px,5vw,72px);border-top:1px solid var(--line);color:var(--muted);font-size:11px;text-align:center}
@media(max-width:1200px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column}.updated{width:100%;justify-content:flex-start;flex-wrap:wrap}.summary{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:flex-start;gap:14px;flex-direction:column}.cards{grid-template-columns:1fr}.event{grid-template-columns:1fr;gap:4px}.brand h1{font-size:27px}}
@media(max-width:460px){.summary{grid-template-columns:1fr}.summary-card strong{font-size:24px}.direction-head{align-items:flex-start}.metric b{font-size:18px}}