:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#eef2ff;background:#101729}*{box-sizing:border-box}body{margin:0}main{max-width:960px;margin:auto;padding:48px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{margin:0;font-size:2rem}h2{margin-top:40px}.eyebrow{color:#a5b4fc;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.75rem}button{background:#818cf8;border:0;border-radius:8px;padding:10px 14px;color:#101729;font-weight:700;cursor:pointer}.mode,.error{border-radius:8px;padding:12px;background:#172554}.error{background:#7f1d1d}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:24px}article{border:1px solid #334155;border-radius:12px;background:#172033;padding:20px}article span{display:block;color:#a5b4fc}article strong{display:block;margin-top:12px;font-size:2rem}pre{overflow:auto;border-radius:8px;background:#0b1120;padding:16px}label{display:block;color:#cbd5e1;margin:20px 0}input{display:block;width:min(100%,420px);margin-top:8px;border:1px solid #475569;border-radius:8px;background:#0b1120;color:#fff;padding:10px}.table{border:1px solid #334155;border-radius:12px;overflow:hidden}.row{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:12px;align-items:center;padding:14px;border-top:1px solid #334155}.row:first-child{border-top:0}.row.head{background:#172033;color:#a5b4fc;font-weight:700}.row small{display:block;color:#94a3b8;margin-top:4px}.row button{margin:3px}.row button.danger{background:#fca5a5}@media(max-width:700px){.row{grid-template-columns:1fr}.row.head{display:none}}.agent-control{margin-top:40px;border:1px solid #334155;border-radius:16px;background:#111b2f;padding:24px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.section-heading h2{margin:0}.safety-badge{border:1px solid #f59e0b;border-radius:999px;color:#fcd34d;padding:7px 11px;font-size:.75rem;font-weight:800;white-space:nowrap}.safety-note{border-left:4px solid #f59e0b;background:#261d0b;color:#fde68a;padding:12px 14px;line-height:1.5}.operator-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;padding:16px;border:1px solid #334155;border-radius:12px;background:#111827}.operator-panel span,.operator-panel strong{display:block}.operator-panel span{color:#94a3b8;font-size:.8rem}.operator-panel strong{margin-top:5px}.operator-panel small{grid-column:1 / -1;color:#fca5a5;overflow-wrap:anywhere}.budget-panel{display:grid;grid-template-columns:minmax(210px,1fr) minmax(180px,2fr) auto;align-items:center;gap:18px;margin:20px 0 28px;padding:16px;border:1px solid #334155;border-radius:12px;background:#0b1120}.budget-panel span,.budget-panel strong{display:block}.budget-panel strong{margin-top:4px;font-size:1.15rem}.budget-track{height:10px;overflow:hidden;border-radius:999px;background:#273449}.budget-track span{height:100%;border-radius:inherit;background:linear-gradient(90deg,#34d399,#818cf8)}.budget-warning{color:#fca5a5;font-weight:800}.ops-grid{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(360px,1.2fr);gap:20px}.ops-grid h3,.agent-control>h3{margin:24px 0 12px}.workflow-list,.blocked-list{display:grid;gap:9px}.workflow-card,.blocked-card{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px;text-align:left;color:#eef2ff;background:#172033;border:1px solid #334155}.workflow-card:hover,.workflow-card.selected{border-color:#818cf8;background:#1e2a43}.workflow-card span:first-child,.blocked-card span:first-child{min-width:0}.workflow-card strong,.workflow-card small,.blocked-card strong,.blocked-card small{display:block}.workflow-card small,.blocked-card small{margin-top:4px;color:#94a3b8;overflow-wrap:anywhere}.blocked-card{border-color:#7f1d1d;background:#25151c}.detail-panel{min-height:250px;border:1px solid #334155;border-radius:12px;background:#0b1120;padding:18px}.detail-title{display:flex;justify-content:space-between;gap:12px;align-items:start}.detail-title strong,.detail-title small{display:block}.detail-title small{color:#94a3b8;margin-top:5px}.facts{display:grid;gap:8px;margin:18px 0}.facts div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px}.facts dt{color:#94a3b8}.facts dd{margin:0;overflow-wrap:anywhere}.hash{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;overflow-wrap:anywhere}.timeline{border-left:2px solid #334155;margin-left:8px;padding-left:20px}.timeline li{padding:0 0 15px 3px}.timeline li strong,.timeline li span,.timeline li small{display:block}.timeline li span{margin-top:3px}.timeline li small{margin-top:3px;color:#94a3b8}.artifact-list{display:grid;gap:10px}.artifact-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #334155;border-radius:10px;padding:12px;background:#111827}.artifact-card strong,.artifact-card small{display:block}.artifact-card small{color:#94a3b8;margin-top:4px}.artifact-preview{grid-column:1 / -1;display:block;max-width:100%;max-height:360px;margin:auto;border-radius:8px}.artifact-text-preview{width:100%;min-height:280px;border:1px solid var(--border);background:#fff}.decision-actions,.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px}button:disabled{cursor:not-allowed;opacity:.5}button.secondary{background:#334155;color:#eef2ff}button.danger{background:#fca5a5;color:#3f1010}.status{display:inline-block;width:max-content;max-width:100%;border-radius:999px;padding:5px 8px;font-size:.7rem;font-weight:800;letter-spacing:.02em}.status.good{background:#064e3b;color:#a7f3d0}.status.bad{background:#7f1d1d;color:#fecaca}.status.attention{background:#78350f;color:#fde68a}.status.neutral{background:#273449;color:#cbd5e1}.empty-state{color:#94a3b8;border:1px dashed #475569;border-radius:10px;padding:16px}.row-empty{border:0;border-top:1px solid #334155;border-radius:0;margin:0}.agent-table .row{grid-template-columns:1.5fr 1fr 1fr 1.2fr}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#030712c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.approval-modal{width:min(100%,610px);max-height:90vh;overflow:auto;border:1px solid #475569;border-radius:16px;background:#111b2f;box-shadow:0 24px 80px #00000080;padding:24px}.approval-modal h2{margin:0}.hash-box{border:1px solid #475569;border-radius:10px;background:#0b1120;padding:12px}.hash-box span,.hash-box code{display:block}.hash-box span{color:#94a3b8;font-size:.8rem;margin-bottom:6px}.hash-box code{overflow-wrap:anywhere;color:#c7d2fe}.approval-facts{display:grid;gap:8px;margin:18px 0;padding:14px;border:1px solid #334155;border-radius:10px}.approval-facts div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px}.approval-facts dt{color:#94a3b8}.approval-facts dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.warning-copy{border-left:4px solid #f59e0b;padding-left:12px;line-height:1.5}textarea{display:block;width:100%;min-height:90px;margin-top:8px;resize:vertical;border:1px solid #475569;border-radius:8px;background:#0b1120;color:#fff;padding:10px;font:inherit}@media(max-width:760px){main{padding:28px 16px}.agent-control{padding:16px}.section-heading,.budget-panel{display:grid;grid-template-columns:1fr}.safety-badge{width:max-content;white-space:normal}.ops-grid{grid-template-columns:1fr}.operator-panel{grid-template-columns:1fr 1fr}.agent-table .row{grid-template-columns:1fr}.facts div{grid-template-columns:1fr;gap:3px}}