:root{--violet: #7c3aed;--indigo: #4f46e5;--cyan: #06b6d4;--bg: #0f0d17;--panel: #171427;--panel-2: #1f1b31;--line: #2c2740;--fg: #ece9f6;--muted: #9b97b2;--ok: #22c55e;--warn: #f59e0b;--bad: #ef4444;--radius: 10px;font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg)}button{font:inherit;cursor:pointer}input,button{font-family:inherit}a{color:var(--cyan)}.mono{font-family:IBM Plex Mono,ui-monospace,Menlo,monospace}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:14px;padding:10px 18px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:-.01em}.brand b{background:linear-gradient(90deg,var(--violet),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.spacer{flex:1}.chip{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 10px}.tabbtn{background:transparent;border:1px solid transparent;color:var(--muted);padding:6px 12px;border-radius:var(--radius)}.tabbtn.active{color:var(--fg);background:var(--panel-2);border-color:var(--line)}.btn{background:var(--violet);color:#fff;border:none;border-radius:var(--radius);padding:9px 14px;font-weight:600}.btn:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--fg)}.btn.ok{background:var(--ok)}.btn:disabled{opacity:.5;cursor:default}.login{display:grid;place-items:center;height:100%}.login .card{width:min(380px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px}.login h1{margin:0 0 4px;font-size:24px}.login p{margin:0 0 20px;color:var(--muted);font-size:14px}.field{display:block;margin-bottom:12px}.field span{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.field input{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--fg);border-radius:var(--radius);padding:10px 12px}.field input:focus{outline:2px solid var(--indigo);border-color:transparent}.err{color:var(--bad);font-size:13px;min-height:18px}.content{flex:1;min-height:0;overflow:auto;padding:22px}.content.flush{padding:0}h2.section{margin:0 0 14px;font-size:18px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.pcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:8px}.pcard h3{margin:0;font-size:16px}.pcard .repo{font-size:12px;color:var(--muted);word-break:break-all}.pcard .row{display:flex;align-items:center;gap:8px;margin-top:6px}.status{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--line)}.status.running{color:var(--ok)}.status.installing{color:var(--warn)}.status.stopped{color:var(--muted)}.status.error{color:var(--bad)}.newcard{border-style:dashed;align-items:flex-start}.newcard input{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--fg);border-radius:var(--radius);padding:9px 11px;margin-bottom:8px}.ws{display:flex;height:100%;min-height:0}.ws .stage{flex:0 0 80%;display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--line)}.ws .ai{flex:0 0 20%;display:flex;flex-direction:column;min-width:280px;background:var(--panel)}.ws .stage .bar,.ws .ai .bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--panel)}.ws .stage .view{flex:1;min-height:0}.ws iframe{width:100%;height:100%;border:0;background:#fff}.code{height:100%;overflow:auto;margin:0;padding:16px;background:#0b0a12;color:#d7d3ea;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px}.chat{flex:1;min-height:0;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.bubble{border-radius:12px;padding:9px 12px;font-size:13.5px;line-height:1.5;max-width:100%}.bubble.user{background:var(--indigo);color:#fff;align-self:flex-end}.bubble.assistant{background:var(--panel-2);border:1px solid var(--line)}.bubble.system{background:transparent;border:1px dashed var(--line);color:var(--muted);font-size:12.5px}.composer{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}.composer textarea{flex:1;resize:none;height:54px;background:var(--bg);border:1px solid var(--line);color:var(--fg);border-radius:var(--radius);padding:9px 11px}.brow{display:grid;grid-template-columns:1.6fr 1fr auto auto;align-items:center;gap:12px;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:10px}.brow .b-name{font-family:IBM Plex Mono,monospace;font-size:13px}.brow .b-user{color:var(--muted);font-size:13px}.badge{font-size:12px;color:var(--cyan);border:1px solid var(--line);border-radius:999px;padding:2px 9px}.pool{display:flex;gap:8px;flex-wrap:wrap}.acct{display:flex;align-items:center;gap:6px;font-size:12px;border:1px solid var(--line);border-radius:999px;padding:3px 10px}.dot{width:8px;height:8px;border-radius:50%}.dot.healthy{background:var(--ok)}.dot.exhausted{background:var(--warn)}.dot.invalid{background:var(--bad)}.acct.active{border-color:var(--violet)}@media (max-width: 760px){.ws{flex-direction:column}.ws .stage,.ws .ai{flex:none;width:100%}.ws .stage{height:60%;border-right:none;border-bottom:1px solid var(--line)}.ws .ai{height:40%;min-width:0}}.rsum{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:18px}.rsum .rcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.rsum .rcard b{display:block;margin-bottom:4px}.rsum .rcard span{display:block;font-size:12px;color:var(--muted)}.rfilters{display:flex;gap:10px;margin-bottom:12px}.rfilters select{background:var(--bg);border:1px solid var(--line);color:var(--fg);border-radius:var(--radius);padding:8px 10px;font-family:inherit}.rfilters select:focus{outline:2px solid var(--indigo);border-color:transparent}table.audit{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;font-size:13px}table.audit th{text-align:left;color:var(--muted);font-weight:600;background:var(--panel-2);padding:9px 12px}table.audit td{padding:9px 12px;border-top:1px solid var(--line);vertical-align:top}table.audit td.mono{font-family:IBM Plex Mono,monospace;font-size:12px}.badge.k-promote{color:var(--ok)}.badge.k-reject,.badge.k-rollback{color:var(--bad)}.badge.k-prompt{color:var(--violet)}.code-gate{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:#0b0a12}.code-gate h3{margin:0;font-family:var(--f-display);font-size:18px}.code-gate p{margin:0;color:var(--muted);font-size:14px}.code-2fa{width:160px;text-align:center;letter-spacing:.4em;font-size:22px;padding:10px;background:var(--bg);border:1px solid var(--line);color:var(--fg);border-radius:var(--radius)}.code-2fa:focus{outline:2px solid var(--violet);border-color:transparent}