:root{--bg: #05070f;--surface: #0d1324;--surface-2: #111a31;--surface-3: #17213b;--border: #2a3a62;--text: #edf2ff;--muted: #9fb0da;--ok: #35d07f;--warn: #ffbf3c;--bad: #ff5f70;--info: #57a5ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#0b1430,var(--bg));color:var(--text);font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}small{color:var(--muted)}button,select,textarea{background:var(--surface-3);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:.52rem .7rem}button:hover{border-color:#4e6fb8}.layout{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--border);padding:1rem;background:#0a1020}.main{padding:1.25rem}.nav{display:grid;gap:.6rem;margin-top:1rem}.mc-card,.card{background:linear-gradient(180deg,var(--surface),#0a1225);border:1px solid var(--border);border-radius:14px;padding:1rem;box-shadow:0 8px 24px #00000040}.card.good{border-color:#2f8f61}.mc-badge,.badge{padding:.15rem .55rem;border-radius:999px;border:1px solid var(--border);font-size:.75rem}.mc-badge.ok{border-color:#2f8f61;color:#8cffc0}.mc-badge.muted{color:var(--muted)}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.kv{display:flex;justify-content:space-between;gap:.8rem;padding:.45rem 0;border-bottom:1px solid var(--border)}.warn{color:#ffc477}.good{color:#8cffc0}.factory-layout{display:grid;grid-template-columns:2.1fr 1fr;gap:1rem}.factory-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.factory-head h3{margin:0}.factory-head p{margin:.2rem 0 0;color:var(--muted)}.factory-pro-scene{position:relative;min-height:430px;border:1px solid var(--border);background:radial-gradient(circle at 15% 10%,rgba(87,165,255,.14),transparent 35%),radial-gradient(circle at 85% 10%,rgba(53,208,127,.12),transparent 35%),#091027;border-radius:12px;overflow:hidden}.factory-belt{position:absolute;left:6%;right:6%;top:41%;height:18px;border-radius:999px;background:repeating-linear-gradient(90deg,#1f2a47 0 28px,#111a30 28px 56px);opacity:.55}.factory-belt.on{box-shadow:inset 0 0 0 1px #2a3a62}.factory-station{position:absolute;transform:translate(-50%,-50%);width:120px;text-align:center;border:1px solid #3a4e82;border-radius:10px;background:#101a33;padding:.45rem .4rem}.factory-station.breakroom{border-style:dashed;width:138px}.agent-chip{position:absolute;transform:translate(-50%,-50%);min-width:78px;min-height:60px;display:grid;place-items:center;gap:.1rem;border-radius:12px;border:1px solid #445d99;background:#0f1b39;box-shadow:0 8px 18px #00000059}.agent-chip .emoji{font-size:1.2rem}.agent-chip .name{font-size:.76rem;font-weight:700}.agent-chip .status{font-size:.68rem;color:var(--muted);text-transform:capitalize}.agent-chip.executing{border-color:#2f8f61;box-shadow:0 0 0 2px #35d07f59,0 10px 20px #0006}.agent-chip.waiting{border-color:#b7831d}.agent-chip.blocked,.agent-chip.failed{border-color:#b33a4a}.agent-chip.done{border-color:#3b8bc9}.event-list{display:grid;gap:.55rem;max-height:430px;overflow:auto}.event-item{border:1px solid var(--border);border-radius:10px;padding:.55rem;background:#0f1933;display:grid;gap:.2rem}.timeline-strip{display:flex;flex-wrap:wrap;gap:.5rem}.timeline-pill{border:1px solid var(--border);background:#0f1933;border-radius:999px;padding:.28rem .62rem;font-size:.83rem}.timeline-pill.executing{border-color:#2f8f61}.timeline-pill.waiting_approval{border-color:#b7831d}.timeline-pill.blocked,.timeline-pill.failed{border-color:#b33a4a}@media(max-width:1100px){.layout,.factory-layout,.grid-2{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}.agent-chip{cursor:pointer}.agent-chip.selected{outline:2px solid #7db1ff;outline-offset:1px}input[type=range]{accent-color:#57a5ff}.factory-station.helpdesk{border-color:#b7831d}input{width:100%;background:var(--surface-3);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:.5rem .65rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}