:root{--bg:#080a0d;--panel:#101419;--panel2:#151b21;--line:#25303a;--text:#edf3f7;--muted:#8797a5;--cyan:#58e1ff;--green:#58f0a6;--amber:#ffcc66;--red:#ff6b7a;--purple:#bc8cff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#15303b 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}.shell{width:min(1180px,calc(100% - 36px));margin:auto}header{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;padding:68px 0 42px;border-bottom:1px solid var(--line)}.eyebrow{color:var(--cyan);letter-spacing:.18em;font:700 12px ui-monospace,SFMono-Regular,monospace;margin:0 0 14px}h1{font-size:clamp(38px,6vw,72px);line-height:.95;letter-spacing:-.055em;margin:0;max-width:720px}.lede{color:var(--muted);max-width:660px;font-size:17px;line-height:1.6;margin:22px 0 0}.system-state{display:flex;align-items:center;gap:13px;padding:15px 18px;background:#0c1115;border:1px solid var(--line);border-radius:12px;min-width:190px}.pulse{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #58f0a615}.system-state div{display:grid;gap:3px}.system-state small{color:var(--muted);font-size:10px;letter-spacing:.13em}.system-state strong{font:600 13px ui-monospace,SFMono-Regular,monospace}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.metric{padding:20px;background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:14px}.metric span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.metric strong{display:block;font-size:32px;margin-top:8px}.controls{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:38px 0 25px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:9px 13px;border-radius:9px;cursor:pointer;font-weight:650}.filters button:hover,.filters button.active{color:var(--text);border-color:#4f6575;background:#1a222a}.search{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:8px 12px}.search input{background:none;border:0;outline:0;color:var(--text);min-width:230px}.section-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px}.section-head h2{font-size:18px;margin:0}.section-head span{color:var(--muted);font:12px ui-monospace,SFMono-Regular,monospace}.change-list{display:grid}.change{display:grid;grid-template-columns:76px minmax(0,1fr) 170px;gap:22px;padding:25px 4px;border-bottom:1px solid var(--line);transition:background .2s}.change:hover{background:#ffffff03}.number{font:700 14px ui-monospace,SFMono-Regular,monospace;color:var(--muted);padding-top:3px}.summary{font-size:16px;line-height:1.55;margin:0 0 13px}.meta,.files{display:flex;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:12px}.files{margin-top:10px}.chip{font:11px ui-monospace,SFMono-Regular,monospace;background:#141b21;border:1px solid var(--line);border-radius:6px;padding:4px 7px}.state{text-align:right}.badge{display:inline-flex;align-items:center;border:1px solid currentColor;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.badge.active,.badge.approved{color:var(--green)}.badge.reviewable,.badge.testing,.badge.activating,.badge.building{color:var(--cyan)}.badge.rejected,.badge.validation_failed,.badge.failed{color:var(--red)}.badge.rolled_back{color:var(--purple)}.badge.draft,.badge.patch_uploaded{color:var(--amber)}.result{display:block;color:var(--muted);font-size:12px;margin-top:9px}.empty{text-align:center;padding:70px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;padding:32px 0 54px}footer a{color:var(--cyan);text-decoration:none}@media(max-width:760px){header{align-items:flex-start;flex-direction:column;padding-top:42px}.metrics{grid-template-columns:repeat(2,1fr)}.controls{align-items:stretch;flex-direction:column}.search input{width:100%;min-width:0}.change{grid-template-columns:52px 1fr}.state{grid-column:2;text-align:left}footer{flex-direction:column}}@media(prefers-reduced-motion:no-preference){.pulse{animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px #58f0a600}}}