:root{--bg:#04101a;--panel:#0a2035;--text:#edf7ff;--muted:#93abc0;--line:rgba(255,255,255,.09);--accent:#2ab8ff;--accent2:#5271ff;--green:#35d58b;--red:#ff6879;--amber:#ffc45c;--shadow:0 20px 60px rgba(0,0,0,.3);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 90% 0,rgba(42,184,255,.15),transparent 28rem),linear-gradient(180deg,#061522,#030b12)}
button,input,select{font:inherit}button{cursor:pointer}a{color:var(--accent)}[hidden]{display:none!important}
.topbar{position:sticky;top:0;z-index:100;height:70px;padding:0 clamp(14px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(3,11,18,.87);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;background:none;border:0;color:#fff;text-align:left}.brand-symbol{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center}.brand b,.brand small{display:block}.brand b{letter-spacing:.14em}.brand small{font-size:.57rem;letter-spacing:.18em;color:var(--muted)}
nav{display:flex;gap:5px}.nav-button{border:0;background:transparent;color:var(--muted);padding:10px 11px;border-radius:10px;font-weight:750}.nav-button.active,.nav-button:hover{color:#fff;background:rgba(255,255,255,.07)}
.connection-pill{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.8rem}.connection-pill i,.source-line i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.connection-pill i.offline{background:var(--red);box-shadow:0 0 12px var(--red)}
main{width:min(1240px,calc(100% - 28px));margin:auto;padding:34px 0 70px}.view{display:none}.view.active{display:block;animation:fade .2s ease}@keyframes fade{from{opacity:.5;transform:translateY(4px)}}
.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:stretch;padding:30px 0}.eyebrow{color:#9ee9ff;font-size:.76rem;font-weight:900;letter-spacing:.13em}h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.93;letter-spacing:-.065em;margin:15px 0 18px}h1 em{font-style:normal;color:var(--accent)}h2{margin:0;letter-spacing:-.025em}p{color:var(--muted);line-height:1.65}.hero p{max-width:700px;font-size:1.08rem}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.primary,.secondary{border-radius:13px;padding:12px 16px;font-weight:850;border:1px solid transparent}.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.secondary{background:rgba(255,255,255,.055);color:#fff;border-color:var(--line)}
.command-card,.panel{background:linear-gradient(180deg,rgba(14,40,66,.95),rgba(7,23,38,.95));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.command-card{padding:26px;display:flex;flex-direction:column;justify-content:center}.command-card>span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.command-card strong{font-size:clamp(2.5rem,5vw,4.8rem);letter-spacing:-.05em;font-variant-numeric:tabular-nums}.command-card p{margin:0}.source-line{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.8rem;margin-top:20px}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px}.metrics article{padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04)}.metrics span,.metrics small{display:block;color:var(--muted)}.metrics span{font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;font-weight:850}.metrics strong{display:block;font-size:2.2rem;margin:6px 0}.metrics small{font-size:.75rem}
.home-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.panel{padding:21px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.section-header span{display:block;color:#8bdfff;font-size:.69rem;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.section-header button{border:0;background:none;color:var(--accent);font-weight:800}.section-header small{color:var(--muted)}
.story{display:grid;grid-template-columns:105px 1fr auto;gap:13px;align-items:center;padding:14px 2px;border-top:1px solid var(--line)}.story:first-child{border:0}.story-source,.story-time{color:var(--muted);font-size:.73rem}.story a{color:#fff;text-decoration:none;font-weight:800;line-height:1.35}.story a:hover{color:#afeaff}.story-time{white-space:nowrap}
.compact-flight{width:100%;display:flex;justify-content:space-between;gap:10px;color:#fff;text-align:left;padding:11px;margin:7px 0;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035)}.compact-flight strong,.compact-flight span{display:block}.compact-flight span{font-size:.75rem;color:var(--muted)}
.pulse-panel{margin-top:18px}.pulse-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pulse{padding:14px;border-radius:13px;background:rgba(255,255,255,.035)}.pulse>div{display:flex;justify-content:space-between;font-weight:800}.track{height:9px;background:rgba(255,255,255,.06);border-radius:999px;overflow:hidden;margin-top:10px}.fill{height:100%;background:linear-gradient(90deg,var(--accent),#80e7ff)}
.page-heading{display:flex;justify-content:space-between;align-items:end;gap:22px;padding:20px 0 24px}.page-heading h1{font-size:clamp(2.7rem,6vw,5.4rem);margin:10px 0}.page-heading p{max-width:760px;margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}.filters button{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:var(--muted);font-weight:750}.filters button.active{background:rgba(42,184,255,.13);border-color:rgba(42,184,255,.4);color:#fff}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.news-card{min-height:250px;padding:20px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,rgba(15,40,65,.94),rgba(7,22,37,.94));display:flex;flex-direction:column}.news-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.73rem;margin-bottom:24px}.news-card h2{font-size:1.18rem;line-height:1.35}.news-card p{font-size:.9rem;flex:1}.news-card a{text-decoration:none;font-weight:850}
.tracker-status{text-align:right;color:var(--muted)}.tracker-status span{display:block;font-size:.75rem}.tracker-status strong{display:block;color:#fff;font-size:1.5rem;margin:4px 0 9px}.tracker-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}label{display:block;font-size:.78rem;font-weight:850}select,input{width:100%;margin-top:7px;padding:12px;border-radius:12px;border:1px solid var(--line);background:#061725;color:#fff;outline:none}select:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(42,184,255,.12)}
.free-note{padding:11px 13px;margin-bottom:16px;border-radius:12px;border:1px solid rgba(53,213,139,.23);background:rgba(53,213,139,.07);color:#c7f6dc;font-size:.8rem}
.tracker-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:17px}.map-shell{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:#061725}#map{height:610px}.map-status{position:absolute;z-index:500;bottom:12px;left:12px;padding:9px 11px;border-radius:10px;background:rgba(4,12,20,.88);font-size:.75rem;border:1px solid var(--line)}.flight-board{height:610px;display:flex;flex-direction:column;overflow:hidden}#flightList{overflow:auto}
.flight-card{width:100%;color:#fff;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:12px;padding:12px;margin-bottom:8px}.flight-top{display:flex;justify-content:space-between;gap:10px}.flight-card span{display:block;color:var(--muted);font-size:.71rem}.badge{padding:5px 8px;border-radius:999px;background:rgba(42,184,255,.13);color:#a5ebff!important;font-weight:900}.flight-data{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}.flight-data b{display:block;font-size:.77rem}
.exact-panel{margin-top:18px}.exact-controls{display:grid;grid-template-columns:.65fr 1.35fr auto;gap:12px;align-items:end}.search-tip{font-size:.82rem}.exact-result{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:13px;margin-top:9px;border-radius:12px;background:rgba(255,255,255,.04)}
.program-grid,.watchlist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.program-card,.watch-card{padding:20px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,rgba(15,40,65,.94),rgba(7,22,37,.94))}.program-name{font-size:3.2rem;font-weight:950;letter-spacing:-.07em;margin:18px 0}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.small{padding:9px 11px;font-size:.8rem}
.drawer{position:fixed;z-index:300;right:0;top:0;bottom:0;width:min(440px,92vw);padding:30px;background:#071827;border-left:1px solid var(--line);transform:translateX(102%);transition:.25s;overflow:auto;box-shadow:-25px 0 60px rgba(0,0,0,.4)}.drawer.open{transform:none}.drawer-close{position:absolute;top:12px;right:16px;border:0;background:none;color:#fff;font-size:2rem}.backdrop{position:fixed;z-index:250;inset:0;background:rgba(0,0,0,.48);opacity:0;pointer-events:none;transition:.2s}.backdrop.open{opacity:1;pointer-events:auto}.detail-title{font-size:2.6rem;letter-spacing:-.05em;margin:13px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.detail-grid div{padding:12px;border-radius:12px;background:rgba(255,255,255,.04)}.detail-grid span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase}.detail-grid b{display:block;margin-top:4px}
.toast{position:fixed;z-index:500;right:20px;bottom:20px;padding:13px 16px;background:#10304d;border:1px solid var(--line);border-radius:12px;transform:translateY(90px);opacity:0;transition:.22s}.toast.show{transform:none;opacity:1}.loading,.empty,.error{padding:28px;color:var(--muted)}.empty{border:1px dashed var(--line);border-radius:14px;text-align:center}.error{background:rgba(255,104,121,.09);border:1px solid rgba(255,104,121,.27);border-radius:13px;color:#ffc9cf}
footer{padding:25px;text-align:center;border-top:1px solid var(--line)}footer p{font-size:.73rem;margin:3px}.plane-marker{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#087eb9;border:2px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.4)}
@media(max-width:1000px){nav{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.home-grid,.tracker-grid{grid-template-columns:1fr}.news-grid,.program-grid,.watchlist-grid{grid-template-columns:repeat(2,1fr)}.tracker-controls{grid-template-columns:repeat(2,1fr)}.flight-board{height:520px}}
@media(max-width:650px){.topbar{height:64px}.connection-pill span{display:none}main{width:calc(100% - 20px);padding-top:18px}.hero{grid-template-columns:1fr}h1{font-size:3.45rem}.metrics,.news-grid,.program-grid,.watchlist-grid,.tracker-controls,.pulse-grid{grid-template-columns:1fr}.page-heading{display:block}.tracker-status{text-align:left;margin-top:14px}.story{grid-template-columns:1fr auto}.story-source{grid-column:1/-1}#map{height:500px}.exact-controls{grid-template-columns:1fr}.exact-result{grid-template-columns:1fr}}