:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#f4f4f1;background:#0a0c0d;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,#18201d 0,#0a0c0d 40%);color:#f4f4f1}.app-shell{min-height:100vh}.topbar{height:68px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#0a0c0dd6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:32px;height:32px;border:1px solid rgba(196,245,220,.22);border-radius:9px;display:grid;place-items:center;background:#101615}.brand strong{display:block;font-size:14px;letter-spacing:.01em}.brand span{display:block;color:#89918d;font-size:11px}.topbar-right{display:flex;align-items:center;gap:16px;font-size:12px}.env-badge,.user,.connection{display:flex;align-items:center;gap:7px;color:#aab1ad}.env-badge{border:1px solid rgba(255,255,255,.08);padding:6px 9px;border-radius:999px}.status-dot{width:7px;height:7px;border-radius:999px;background:#8a918e;display:inline-block}.connection.live .status-dot{background:#8ee3b4;box-shadow:0 0 12px #8ee3b48c}.content{max-width:1440px;margin:0 auto;padding:52px 34px 48px}.hero-row{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:34px}.eyebrow{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#7d8783;margin-bottom:8px}.hero-row h1{font-size:44px;line-height:1.06;letter-spacing:-.035em;margin:0;max-width:790px}.hero-row h1 span{color:#8ee3b4}.hero-copy{color:#969f9b;max-width:740px;font-size:14px;margin:16px 0 0}.hero-actions{display:flex;gap:10px;flex-shrink:0}button{font:inherit;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:11px 14px;font-size:12px}.primary{background:#8ee3b4;color:#07100b;font-weight:700}.primary:disabled{opacity:.36;cursor:not-allowed}.secondary{background:#121718;color:#ced4d1;border:1px solid rgba(255,255,255,.08)}.danger{background:#32191a;color:#ffb8b8;border:1px solid rgba(255,110,110,.22)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;background:#0e1112;margin-bottom:18px}.metric{padding:18px 19px;border-right:1px solid rgba(255,255,255,.07)}.metric:last-child{border-right:0}.metric-value{font-size:23px;font-weight:700;letter-spacing:-.03em}.metric-sub{font-size:11px;color:#7f8784;margin-top:4px}.main-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:18px}.stack{display:flex;flex-direction:column;gap:18px}.panel{background:linear-gradient(180deg,#101415,#0d1011);border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden}.panel-header{padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.065);display:flex;justify-content:space-between;align-items:center}.panel-header h2,.panel-header h3{margin:0;font-size:16px;letter-spacing:-.015em}.change-panel{padding-bottom:16px}.change-panel>.panel-header{border-bottom:0;padding-bottom:10px}.change-meta{display:grid;grid-template-columns:repeat(4,1fr);padding:0 18px 16px;gap:12px}.change-meta span{display:block;font-size:10px;color:#6f7975;text-transform:uppercase;letter-spacing:.1em}.change-meta strong{display:block;font-size:12px;margin-top:4px}.request-box{margin:0 18px;background:#101b16;border:1px solid rgba(142,227,180,.13);border-radius:12px;padding:14px;display:flex;gap:12px;color:#9bcdb1}.request-box strong{font-size:12px;color:#d9f2e4}.request-box p{font-size:12px;color:#8f9b95;margin:6px 0 0}.pill{font-size:10px;text-transform:uppercase;letter-spacing:.11em;border:1px solid rgba(255,255,255,.1);padding:5px 8px;border-radius:999px}.pill-human_review,.pill-proposed{color:#f2c27a;border-color:#f2c27a40;background:#f2c27a12}.pill-verified{color:#8ee3b4;border-color:#8ee3b43d;background:#8ee3b40f}.pill-executing,.pill-analyzing,.pill-analyzed,.pill-simulated,.pill-verifying{color:#a8d6ff;border-color:#a8d6ff38;background:#a8d6ff0f}.risk{font-size:10px;color:#f0bb70;border:1px solid rgba(240,187,112,.2);padding:6px 8px;border-radius:999px;display:flex;align-items:center;gap:6px}.empty-state{padding:38px 20px;text-align:center}.empty-icon{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.08);margin:0 auto 10px;display:grid;place-items:center;color:#8ee3b4}.empty-state strong{font-size:13px}.empty-state p{font-size:12px;color:#737d79;max-width:420px;margin:7px auto 0}.service-map{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:16px 18px}.service-card{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#111516}.service-card.warning{border-color:#f0bb702e}.service-top,.service-bottom{display:flex;justify-content:space-between;gap:10px}.service-top strong{font-size:11px}.service-top span,.service-bottom{font-size:10px;color:#6f7975}.service-bottom{margin-top:12px}.warning-list{padding:0 18px 16px;display:flex;flex-direction:column;gap:7px}.warning-list>div{display:flex;gap:8px;align-items:center;font-size:11px;color:#b5bbb8}.warning-list svg{color:#f0bb70;flex:none}.rollout-row{display:grid;grid-template-columns:repeat(4,1fr);padding:8px 18px 18px;gap:8px}.rollout-step{display:flex;align-items:center;gap:8px;color:#656f6b;font-size:11px}.rollout-circle{width:27px;height:27px;border-radius:50%;border:1px solid rgba(255,255,255,.1);display:grid;place-items:center}.rollout-step.done,.rollout-step.active{color:#cdeedf}.rollout-step.done .rollout-circle{background:#173124;border-color:#8ee3b447;color:#8ee3b4}.approval-copy{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.approval-copy strong{font-size:12px}.approval-copy p{font-size:11px;color:#7f8985;max-width:610px;margin:5px 0 0}.verified{color:#8ee3b4;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.muted{font-size:11px;color:#66706c}.inspector{min-height:360px}.inspector .panel-header{align-items:flex-start}.live-dot,.muted-dot{font-size:10px;color:#8ee3b4}.muted-dot{color:#7b847f}.tool-list{padding:13px 18px;display:flex;flex-wrap:wrap;gap:7px;border-bottom:1px solid rgba(255,255,255,.065)}.tool-chip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;padding:6px 8px;border:1px solid rgba(255,255,255,.07);border-radius:7px;color:#a9b2ae;background:#0c0f10}.tool-dot{width:6px;height:6px;border-radius:50%;background:#8ee3b4;display:inline-block;margin-right:5px}.subsection{padding:14px 18px}.call{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.call:last-child{border-bottom:0}.call>div:first-child strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:block;color:#c2ccc7}.call>div:first-child span{display:block;font-size:9px;color:#606965;margin-top:2px}.call-result{font-size:9px;letter-spacing:.08em}.call-result.success{color:#8ee3b4}.call-result.blocked{color:#f0bb70}.call-result.error{color:#ff9f9f}.timeline{padding:7px 18px 15px}.timeline-row{display:grid;grid-template-columns:10px 1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.05);align-items:start}.timeline-row:last-child{border-bottom:0}.actor-dot{width:7px;height:7px;border-radius:50%;margin-top:5px;background:#777}.actor-dot.human{background:#f0bb70}.actor-dot.agent{background:#8ee3b4}.actor-dot.system{background:#a8d6ff}.timeline-main>div{display:flex;justify-content:space-between;gap:20px}.timeline-main strong{font-size:11px}.timeline-main span{font-size:9px;color:#69736e;text-transform:uppercase;letter-spacing:.08em}.timeline-main p{font-size:10px;color:#77807c;margin:4px 0 0}.timeline-row time{font-size:9px;color:#5f6864}.sandbox-note{padding:16px 18px}.sandbox-note h3{margin:0;font-size:15px}.sandbox-note p{font-size:11px;color:#7c8681;line-height:1.6}.note-row{display:flex;justify-content:space-between;font-size:10px;padding:9px 0;border-top:1px solid rgba(255,255,255,.05)}.note-row span{color:#626c67}.note-row strong{color:#bfc8c3}footer{max-width:1440px;margin:0 auto;padding:18px 34px 30px;display:flex;justify-content:space-between;color:#5f6864;font-size:10px;border-top:1px solid rgba(255,255,255,.05)}@media(max-width:980px){.hero-row{align-items:flex-start;flex-direction:column}.main-grid{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric{border-bottom:1px solid rgba(255,255,255,.07)}.change-meta{grid-template-columns:repeat(2,1fr)}.topbar-right .user{display:none}}@media(max-width:640px){.topbar{padding:0 16px}.env-badge{display:none}.content{padding:30px 16px}.hero-row h1{font-size:34px}.hero-actions{width:100%}.hero-actions button{flex:1}.grid-4{grid-template-columns:1fr}.metric{border-right:0}.service-map{grid-template-columns:1fr 1fr}.rollout-row{grid-template-columns:repeat(2,1fr)}footer{padding:18px 16px;gap:12px;flex-direction:column}.change-meta{grid-template-columns:1fr}.approval-copy{align-items:flex-start;flex-direction:column}}.tool-chip.active{border-color:#788cb48c;box-shadow:0 0 0 3px #788cb41a}.tool-running{margin-left:auto;font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.call{border-bottom:1px solid var(--line, rgba(255,255,255,.08));padding:10px 0}.call summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer}.call summary::-webkit-details-marker{display:none}.call-detail{display:grid;gap:8px;margin-top:10px;padding:10px;border-radius:10px;background:#7f7f7f0f}.call-detail>div{display:grid;gap:4px}.call-detail span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.55}.call-detail code{white-space:pre-wrap;word-break:break-word;font-size:10px;line-height:1.45;opacity:.8}.judge-strip{display:grid;grid-template-columns:1.6fr .9fr;gap:14px;margin-bottom:18px;padding:14px 16px;border:1px solid rgba(142,227,180,.12);border-radius:14px;background:linear-gradient(90deg,#8ee3b40f,#ffffff05);align-items:center}.judge-thesis{display:flex;flex-direction:column}.judge-thesis strong{font-size:13px;letter-spacing:-.01em}.judge-thesis span{font-size:11px;color:#77817c;margin-top:4px}.judge-criteria{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.judge-criteria>div{padding:9px 8px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:#0c1010;text-align:center}.judge-criteria span{display:block;font-size:9px;color:#66716c;text-transform:uppercase;letter-spacing:.08em}.judge-criteria b{display:block;font-size:14px;margin-top:3px;color:#cfe9da}.workflow-rail{display:grid;grid-template-columns:repeat(9,1fr);gap:5px;margin:16px 18px 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.055)}.workflow-node{display:flex;flex-direction:column;gap:6px;min-width:0}.workflow-node>span:last-child{font-size:8px;color:#5e6863;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-node.active>span:last-child,.workflow-node.done>span:last-child{color:#c3dace}.workflow-dot{width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.09);display:grid;place-items:center;font-size:8px;color:#68726d;background:#0b0f0f}.workflow-node.done .workflow-dot{background:#173124;border-color:#8ee3b44d;color:#8ee3b4}.workflow-node.active .workflow-dot{border-color:#a8d6ff59;color:#a8d6ff;box-shadow:0 0 0 3px #a8d6ff14}.approval-state{display:flex;align-items:center;gap:7px;margin-top:9px;color:#69736e;font-size:10px}.state-dot{width:6px;height:6px;border-radius:50%;background:#555f5b}.state-dot.ready{background:#f0bb70;box-shadow:0 0 9px #f0bb7059}.state-dot.verified-dot{background:#8ee3b4;box-shadow:0 0 9px #8ee3b44d}@media(max-width:980px){.judge-strip{grid-template-columns:1fr}.workflow-rail{grid-template-columns:repeat(5,1fr);row-gap:10px}.workflow-node:nth-child(n+6){display:none}}@media(max-width:640px){.judge-criteria{grid-template-columns:repeat(2,1fr)}.workflow-rail{grid-template-columns:repeat(3,1fr)}.workflow-node:nth-child(n+4){display:none}}.tool-error{margin:12px 18px 0;padding:9px 10px;border:1px solid rgba(255,110,110,.18);border-radius:9px;background:#50141440;color:#ffb0b0;font-size:10px;line-height:1.45}.fault-toggle{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:10px;color:#7f8985;cursor:pointer}.fault-toggle input{accent-color:#8ee3b4}.tool-chip.active{border-color:#8ee3b452;box-shadow:0 0 0 1px #8ee3b40d inset}.approval-panel .primary{flex:none}@media(max-width:980px){.content{padding:34px 20px}.hero-row{flex-direction:column;align-items:flex-start}.main-grid{grid-template-columns:1fr}.topbar{padding:0 20px}.topbar-right .env-badge{display:none}}@media(max-width:680px){.grid-4,.change-meta{grid-template-columns:1fr 1fr}.workflow-rail{overflow-x:auto}.hero-row h1{font-size:34px}.hero-actions{width:100%}.hero-actions button{flex:1}.approval-copy{flex-direction:column;align-items:flex-start}.service-map{grid-template-columns:1fr}}.metric-state{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.metric-state-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 auto}.metric-detail{margin-top:4px;font-size:11px;line-height:1.35;opacity:.58}.approval-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin:16px 0;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff08}.approval-banner-dot{width:9px;height:9px;margin-top:5px;border-radius:50%;background:currentColor;flex:0 0 auto}.approval-banner strong{display:block;font-size:13px;letter-spacing:.04em}.approval-banner span{display:block;margin-top:4px;font-size:12px;line-height:1.45;opacity:.65}.approval-needed{border-color:#8fe0be47;background:#8fe0be12}.approval-needed .approval-banner-dot{box-shadow:0 0 0 4px #8fe0be14}.approval-verified{border-color:#8fe0be33}.fault-toggle{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:8px;cursor:pointer}.fault-toggle input{margin-top:3px;flex:0 0 auto}.fault-toggle span{display:block}.fault-toggle strong{display:block;font-size:12px;font-weight:600}.fault-toggle small{display:block;margin-top:3px;font-size:11px;line-height:1.4;opacity:.55}
