styles.css

*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,sans-serif;background:#08111f;color:#e6eefc}a{color:#8ec5ff}.wrap{max-width:1080px;margin:auto;padding:24px}.hero,.card{background:#111e31;border:1px solid #28405f;border-radius:16px;padding:24px;margin:16px 0}.hero h1{font-size:clamp(2rem,6vw,4.5rem);margin:.1em 0}.status{color:#86efac;font-weight:700}.tabs{display:flex;gap:8px;flex-wrap:wrap;position:sticky;top:0;background:#08111fee;padding:8px 0}.tabs button,.select{background:#172b46;color:#fff;border:1px solid #385b85;border-radius:9px;padding:10px 14px}.select{display:block;max-width:100%;width:100%;margin-top:6px}.tabs button[aria-selected=true]{background:#27558a}.panel[hidden]{display:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.metric{background:#0b1728;border-radius:12px;padding:16px}.bar{height:16px;background:#24364e;border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:#60a5fa}.timeline{border-left:3px solid #60a5fa;padding-left:20px}.muted{color:#a9bad0}@media(max-width:600px){.wrap{padding:12px}.hero,.card{padding:17px}}:focus-visible{outline:3px solid #fbbf24;outline-offset:3px}