:root{color-scheme:dark;--bg:#071017;--panel:#0d1821;--line:#223442;--text:#edf6fb;--muted:#89a0ad;--accent:#37d7ff;--good:#49e6a0;--warn:#ffd166;--bad:#ff647c}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 20% 0,#102c3b 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}
.shell{max-width:1440px;margin:auto;padding:28px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.topbar h1{font-size:32px;margin:2px 0}
.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--accent);font-weight:800}
.live{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:13px}
.dot{width:9px;height:9px;border-radius:50%;background:var(--good);box-shadow:0 0 14px var(--good)}
.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:12px}
.kpi,.panel{background:linear-gradient(180deg,rgba(16,31,42,.96),rgba(10,22,30,.96));border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.2)}
.kpi{padding:17px}.kpi span{display:block;color:var(--muted);font-size:12px}.kpi strong{font-size:28px;display:block;margin-top:7px}.kpi small{color:var(--muted)}
.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:15px}.panel h2{margin:3px 0 0;font-size:20px}.muted{color:var(--muted);font-size:13px}
.phase-panel{margin-bottom:12px}.phase-rail{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.phase{min-height:100px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#0a151d}.phase.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px rgba(55,215,255,.2)}.phase b{display:block;font-size:13px}.phase span{display:block;color:var(--muted);font-size:11px;margin-top:6px}.phase strong{display:block;margin-top:12px}
.grid{display:grid;grid-template-columns:2fr 1fr;gap:12px}.span-2{grid-column:span 2}
.status{font-size:12px;padding:6px 10px;border-radius:99px;background:rgba(255,209,102,.12);color:var(--warn);border:1px solid rgba(255,209,102,.28)}.status.neutral{color:var(--muted);border-color:var(--line);background:transparent}
.current-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:12px}.metric-block{background:#0a151d;border:1px solid var(--line);padding:14px;border-radius:12px}.metric-block span,.metric-block small{display:block;color:var(--muted);font-size:11px}.metric-block strong{display:block;font-size:23px;margin:7px 0}
.domain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.domain{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;background:#0a151d;border:1px solid var(--line);border-radius:10px;font-size:12px}.domain em{font-style:normal;color:var(--muted)}
.mini-list>div,.trace>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}.mini-list>div:last-child,.trace>div:last-child{border-bottom:0}.trace strong{text-align:right}
.callout{padding:13px;border-radius:10px;font-weight:700}.danger{background:rgba(255,100,124,.09);border:1px solid rgba(255,100,124,.3);color:#ff94a6}
@media(max-width:900px){.shell{padding:16px}.topbar{align-items:flex-start}.topbar h1{font-size:26px}.kpis{grid-template-columns:repeat(2,1fr)}.phase-rail{display:grid;grid-template-columns:1fr;gap:7px}.phase{min-width:0;min-height:auto;position:relative;padding-left:18px}.phase:before{content:"";position:absolute;left:7px;top:16px;bottom:-8px;width:1px;background:var(--line)}.phase:last-child:before{display:none}.phase.active:after{content:"";position:absolute;left:4px;top:17px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.current-grid{grid-template-columns:repeat(2,1fr)}.domain-grid{grid-template-columns:1fr}.panel-head{flex-direction:column}.live{font-size:11px}}
@media(max-width:520px){.shell{padding:12px}.topbar{gap:10px}.kpis{gap:8px}.kpi{padding:13px}.kpi strong{font-size:23px}.current-grid{grid-template-columns:1fr}.panel{padding:15px}.trace>div{flex-direction:column}.trace strong{text-align:left}}