:root{color-scheme:dark;--bg:#090f13;--panel:#111d25;--line:#2a414d;--text:#e9f3f7;--muted:#9cb5c1;--orange:#ff9c32;--cyan:#62dfdc;--danger:#ff9696}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#142b35,transparent 60%),var(--bg);color:var(--text);font:16px/1.6 'Segoe UI',system-ui,sans-serif;min-height:100vh}header{padding:20px 4vw;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:28px;font-weight:800;letter-spacing:.12em;color:var(--orange);text-decoration:none}.brand span{font:10px/1 monospace;display:block;letter-spacing:.2em;color:var(--text)}header #connection{font:12px monospace;color:var(--cyan)}main{max-width:1400px;margin:auto;padding:44px 4vw 70px}.login{max-width:570px;margin:40px auto}h1{font-size:clamp(36px,5vw,66px);letter-spacing:-.04em;line-height:1.08;font-weight:500;margin:12px 0 24px}h2{font-size:21px;font-weight:600;margin:0 0 18px}.eyebrow{font:11px monospace;color:var(--orange);letter-spacing:.17em}.muted{color:var(--muted);font-size:14px}.titlebar,.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.titlebar h1{font-size:44px}nav{display:flex;flex-wrap:wrap;gap:7px;border-bottom:1px solid var(--line);padding:12px 0 18px;margin-bottom:26px}button{font:inherit;cursor:pointer;border:1px solid var(--orange);background:var(--orange);color:#171009;padding:11px 20px;border-radius:3px}button:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:wait}button.quiet,nav button{background:#12212a;color:var(--text);border-color:var(--line)}nav button.active{border-color:var(--orange);color:var(--orange);background:#382514}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}label{display:block;font-size:13px;color:var(--muted);margin:15px 0}input,select{display:block;width:100%;padding:12px;margin-top:5px;background:#09131a;border:1px solid #426070;color:var(--text);font:16px inherit;border-radius:3px}.error{color:var(--danger)}article,.panel{padding:25px;border:1px solid var(--line);background:linear-gradient(130deg,#15232c,#101b22);margin-bottom:20px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.metric{border-top:2px solid var(--orange);background:var(--panel);padding:20px}.metric strong{font-size:29px;display:block;font-weight:500}.metric span{color:var(--muted);font:11px monospace;text-transform:uppercase;letter-spacing:.08em}.milestone{padding:13px 0;border-bottom:1px solid var(--line)}.milestone strong{display:block}.badge{display:inline-block;font:11px monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--orange);border:1px solid #675135;padding:3px 7px;margin-right:8px}.badge.live{color:var(--cyan);border-color:#276e6d}.badge.failed{color:var(--danger);border-color:#8f4747}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;border-bottom:1px solid var(--line);padding:11px 8px}th{font:11px monospace;color:var(--muted);text-transform:uppercase}td{overflow-wrap:anywhere}.scroll{overflow:auto}.event{padding:9px 0;border-bottom:1px solid var(--line)}.event time{font:12px monospace;color:var(--muted);margin-right:16px}.statline{display:flex;justify-content:space-between;gap:12px;margin:9px 0}.statline span{color:var(--muted)}.fresh{color:var(--cyan)}.warning{color:var(--orange)}footer{border-top:1px solid var(--line);padding:22px 4vw;color:var(--muted);font:11px monospace;display:flex;justify-content:space-between;gap:15px}.skip{position:absolute;top:-100px;color:var(--text);background:#111;padding:12px}.skip:focus{top:0}[hidden]{display:none!important}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 15px}.steps{counter-reset:step}.step{border-left:2px solid var(--orange);padding:0 0 20px 20px;margin-left:10px}.step strong{display:block;font-size:18px}.mono{font-family:monospace}.empty{padding:30px 0;color:var(--muted)}@media(max-width:850px){.columns{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr 1fr}main{padding:25px 5vw}.section-head{align-items:flex-start;flex-direction:column;gap:0}footer{flex-direction:column}header #connection{max-width:160px;text-align:right}}@media(prefers-reduced-motion:no-preference){button{transition:filter .15s}article{animation:appear .2s ease-out}@keyframes appear{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}}
