@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg-start:#04111f;--bg-end:#021018;--surface-border:#99d2e03d;--text-main:#ddf2ff;color:var(--text-main);font-family:Space Grotesk,Segoe UI,sans-serif;font-weight:500;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 10%, #186a6f59, transparent 35%), radial-gradient(circle at 85% 20%, #1e589642, transparent 30%), linear-gradient(160deg, var(--bg-start), var(--bg-end));min-height:100vh;margin:0}a{color:inherit}.app-shell{gap:1rem;width:min(1220px,94vw);margin:2.5rem auto;padding:1rem;display:grid}.topbar{border:1px solid var(--surface-border);background:linear-gradient(115deg,#0c142ee6,#0a464eb8);border-radius:18px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem;display:flex}h1{letter-spacing:.02em;color:#f6fff8;margin:0;font-family:Archivo Black,sans-serif;font-size:clamp(1.5rem,3vw,2.4rem)}h2{letter-spacing:.02em;color:#edfff7;margin:0 0 .7rem;font-family:Archivo Black,sans-serif;font-size:1.1rem}.eyebrow{color:#9deecf;text-transform:uppercase;letter-spacing:.16em;margin:0 0 .35rem;font-size:.75rem}.subtitle{color:#bee3d5;max-width:56ch;margin:.35rem 0 0}.controls{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.strategy-controls{gap:.35rem;width:100%;display:grid}.strategy-row{flex-wrap:wrap;gap:.4rem;display:flex}.strategy-btn{color:#bde9f5;background:#0c35438c;border:1px solid #76cddc73;border-radius:999px;padding:.38rem .8rem;font:700 .76rem/1 Space Grotesk,sans-serif}.strategy-btn-active{color:#03231e;background:linear-gradient(110deg,#92ffda,#3dc2fb);border-color:#0000}button{color:#03231e;cursor:pointer;background:linear-gradient(110deg,#92ffda,#3dc2fb);border:0;border-radius:999px;padding:.55rem 1rem;font:700 .87rem/1 Space Grotesk,sans-serif}button:disabled{cursor:wait;opacity:.7}.status-pill{letter-spacing:.09em;border-radius:999px;align-self:center;padding:.45rem .8rem;font-size:.76rem;font-weight:700}.status-live{color:#66ffb2;background:#54ffa52e}.status-offline{color:#ff8b8b;background:#ff979726}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.kpi-card{border:1px solid var(--surface-border);background:#061a31bd;border-radius:15px;padding:1rem}.kpi-card p{color:#8cb3c3;margin:0;font-size:.84rem}.kpi-card strong{color:#f6fff8;margin-top:.35rem;font-size:1.28rem;display:block}.panel{border:1px solid var(--surface-border);background:#05162bcc;border-radius:15px;padding:1rem}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.tab-row{flex-wrap:wrap;gap:.45rem;display:flex}.tab-btn{color:#bde9f5;background:#0c35438c;border:1px solid #76cddc73;border-radius:999px;padding:.38rem .8rem;font:700 .78rem/1 Space Grotesk,sans-serif}.tab-btn-active{color:#022a25;background:linear-gradient(110deg,#92ffda,#3dc2fb);border-color:#0000}.danger{color:#ffc0c0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:960px}th,td{text-align:left;vertical-align:top;border-bottom:1px dashed #7eb2be42;padding:.68rem .52rem}th{color:#89b1c4;text-transform:uppercase;letter-spacing:.07em;font-size:.78rem}.phase{border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.p1{color:#ffd666;background:#ffd6662e}.p2{color:#ff9d9d;background:#ff959524}.p3{color:#93e2d7;background:#93e2d726}.p4{color:#93c7ff;background:#93c7ff26}.up{color:#7bffb4;margin:0}.down{color:#ff9f9f;margin:0}.muted{color:#8ca3af;margin:0}.chips{flex-wrap:wrap;gap:.45rem;display:flex}.chip{color:#caf6ff;background:#0d3243a3;border:1px solid #76cddc6b;border-radius:999px;padding:.36rem .75rem;font-size:.8rem}.hv-badge{color:#ffd666;letter-spacing:.05em;background:#ffd66624;border:1px solid #ffd66699;border-radius:999px;margin-left:.45rem;padding:.12rem .45rem;font-size:.66rem;font-weight:700;display:inline-block}.why-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.7rem;display:grid}.why-card{background:#0823379e;border:1px solid #76cddc59;border-radius:12px;padding:.75rem}.why-card h3{color:#e2fff6;margin:0 0 .45rem;font-size:.95rem}.check-line{margin:.18rem 0;font-size:.82rem}.check-pass{color:#79f5ad}.check-fail{color:#ff9f9f}.tv-filter-btn{color:#bde9f5;background:#0c35438c;border:1px solid #76cddc73;border-radius:999px;padding:.38rem .8rem;font:700 .78rem/1 Space Grotesk,sans-serif}.tv-filter-btn-active{color:#022a25;background:linear-gradient(110deg,#92ffda,#3dc2fb);border-color:#0000}.tv-quality-badge{letter-spacing:.05em;border-radius:999px;padding:.16rem .5rem;font-size:.66rem;font-weight:700;display:inline-block}.tv-quality-high{color:#7bffb4;background:#7bffb42e;border:1px solid #7bffb4b3}.tv-quality-medium{color:#ffd666;background:#ffd66629;border:1px solid #ffd666b3}.tv-quality-low{color:#ff9f9f;background:#ff9f9f24;border:1px solid #ff9f9fb3}.sparkline{width:130px;height:34px;display:block}.sparkline-tracked{opacity:.95}.sparkline-position{width:150px;height:38px}.sparkline-path-up,.sparkline-path-down{fill:none;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round}.sparkline-path-up{stroke:#7bffb4}.sparkline-path-down{stroke:#ff9f9f}.muted-chip{opacity:.8}.two-col{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.list{gap:.45rem;margin:0;padding-left:1rem;display:grid}.pager-row{justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.65rem;display:flex}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}}@media (width<=760px){.topbar{flex-direction:column}.controls{justify-content:flex-start}.kpi-grid{grid-template-columns:1fr}}