:root{color:#e9edf5;background:#10131c;font-family:Segoe UI,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#10131c}button,select{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh;background:#10131c}.sidebar{display:flex;width:248px;flex-shrink:0;flex-direction:column;padding:28px 16px 20px;border-right:1px solid #272d3a;background:#151923}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 35px}.brand strong,.brand small{display:block}.brand strong{font-size:13px;letter-spacing:.01em}.brand small{margin-top:3px;color:#7f899b;font-size:11px}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:#11151e;background:#bedb68;font-size:11px;font-weight:800;letter-spacing:.04em}.sidebar-section{margin-bottom:27px}.eyebrow{margin:0 0 9px;color:#7f899b;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.state-button{display:flex;width:100%;align-items:center;gap:10px;border:0;border-radius:7px;padding:9px 10px;color:#8e98aa;background:transparent;font-size:13px;text-align:left}.state-button:hover{color:#e9edf5;background:#202632}.state-button.selected{color:#eff6d3;background:#283026}.state-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#657084}.dot-streaming{background:#bedb68;box-shadow:0 0 0 4px #bedb6822}.dot-stopped,.dot-idle{background:#8fa1b9}.dot-busy,.dot-failed,.dot-timed_out{background:#ef957a}.dot-pending,.dot-connecting,.dot-stopping{background:#d8b464}.retirement-note{margin-top:auto;border:1px solid #343b48;border-radius:9px;padding:13px;background:#1b202b}.note-label{color:#bedb68;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.retirement-note p{margin:8px 0 0;color:#8993a5;font-size:11px;line-height:1.55}code{color:#c7d18a;font-family:Cascadia Code,Consolas,monospace;font-size:.92em}.content{width:min(100%,1080px);margin:0 auto;padding:34px 42px 24px}.topbar{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.topbar .brand{padding:0}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;color:#f4f6fa;font-size:clamp(24px,4vw,34px);font-weight:650;letter-spacing:-.04em}h2{margin:0 0 7px;color:#f4f6fa;font-size:20px;letter-spacing:-.025em}h3{margin:0;color:#eef1f5;font-size:16px;font-weight:600}.fixture-control{display:flex;align-items:center;gap:10px}.fixture-control label{color:#7f899b;font-size:11px}select{min-width:132px;border:1px solid #394252;border-radius:6px;padding:9px 10px;color:#e9edf5;background:#1b202b;font-size:12px}.status-banner{display:flex;align-items:center;gap:16px;min-height:112px;border:1px solid #394632;border-radius:12px;padding:22px 24px;background:linear-gradient(110deg,#1b2520,#18201e)}.status-banner.warning{border-color:#563e38;background:linear-gradient(110deg,#291f21,#1c1e25)}.status-banner>div:nth-child(2){flex:1}.status-banner p:last-child{max-width:600px;margin:0;color:#9ba5b5;font-size:13px;line-height:1.5}.status-orb{display:grid;width:38px;height:38px;flex-shrink:0;place-items:center;border:1px solid #586779;border-radius:50%}.status-orb span{width:11px;height:11px;border-radius:50%;background:#8fa1b9}.status-orb.active{border-color:#bedb68;box-shadow:0 0 0 6px #bedb6814}.status-orb.active span{background:#bedb68;box-shadow:0 0 16px #bedb68}.status-banner.warning .status-orb{border-color:#ef957a}.status-banner.warning .status-orb span{background:#ef957a}.status-chip{align-self:flex-start;border:1px solid #4d5c3d;border-radius:99px;padding:5px 9px;color:#d9e9a5;background:#2d3b27;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.chip-busy,.chip-failed,.chip-timed_out{border-color:#65463e;color:#ffc0aa;background:#3a2828}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.card{border:1px solid #2c3442;border-radius:10px;padding:21px;background:#171c26}.card-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:22px}.avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:#151a22;background:#d6c58c;font-size:11px;font-weight:800}.policy-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid #3a4758;border-radius:8px;color:#aebcd0;background:#202837;font-family:Consolas,monospace;font-size:11px}.target-card,.policy-card{min-height:215px}.target-meta,.policy-row{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #272e3b;padding:11px 0 0;margin-top:11px;color:#788598;font-size:12px}.target-meta strong,.policy-row strong{color:#cbd2dd;font-size:12px;font-weight:500;text-align:right}.control-card h2,.policy-card h2{margin-bottom:12px}.card-copy{min-height:58px;margin:0 0 20px;color:#9ba5b5;font-size:13px;line-height:1.5}.button{border:1px solid #bedb68;border-radius:7px;padding:10px 14px;color:#141a10;background:#bedb68;font-size:13px;font-weight:700}.button:hover:not(:disabled){background:#d0eb7b}.button:disabled{cursor:not-allowed;opacity:.5}.button.secondary{border-color:#8d9aaf;color:#e9edf5;background:#252d3a}.button.secondary:hover{background:#313b4b}.detection-id{margin:16px 0 0;color:#788598;font-size:11px}.result-card,.summary-card,.error-card{grid-column:1 / -1}.result-number{color:#bedb68;font-family:Consolas,monospace;font-size:26px;font-weight:700}.score-track{height:7px;overflow:hidden;border-radius:99px;background:#2c3440}.score-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#879f54,#bedb68)}.score-73{width:73%}.result-grid,.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-grid span,.summary-grid span{display:block;margin-bottom:6px;color:#788598;font-size:11px}.result-grid strong,.summary-grid strong{color:#d9dfe8;font-size:13px;font-weight:550;text-transform:capitalize}.disclaimer{margin:19px 0 0;color:#7c8798;font-size:11px}.summary-badge{border:1px solid #3b4554;border-radius:99px;padding:5px 9px;color:#95a1b2;font-size:10px}.terminal-reason{margin-top:20px;color:#8994a5;font-size:12px}.error-card{border-color:#533a38;background:#211b21}.error-card h3{color:#ffc0aa;margin-bottom:9px}.error-card p:last-child{margin:0;color:#a7959b;font-size:13px;line-height:1.5}footer{display:flex;justify-content:space-between;gap:15px;padding:22px 2px 0;color:#687385;font-size:11px}@media(max-width:760px){.app-shell{display:block}.sidebar{width:100%;border-right:0;border-bottom:1px solid #272d3a;padding:18px 16px}.brand{padding:0 4px 18px}.sidebar-section{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.sidebar-section .eyebrow{width:100%;margin:6px 4px 2px}.state-button{width:auto;padding:7px 8px;font-size:12px}.retirement-note{display:none}.content{padding:25px 16px 20px}.topbar{align-items:start;flex-direction:column;margin-bottom:20px}.fixture-control{width:100%;justify-content:space-between}.fixture-control select{flex:1}.status-banner{align-items:start;flex-wrap:wrap;padding:18px}.status-chip{margin-left:54px}.content-grid{grid-template-columns:1fr}.result-card,.summary-card,.error-card{grid-column:auto}.result-grid,.summary-grid{grid-template-columns:repeat(2,1fr)}footer{flex-direction:column}}