:root{--bg: #030712;--surface: #0b0f1a;--surface-2: #111824;--border: #1f2937;--border-active: #374151;--text: #f3f4f6;--text-dim: #9ca3af;--text-muted: #6b7280;--accent: #9333ea;--accent-light: #a855f7;--accent-dim: rgba(147, 51, 234, .18);--accent-glow: rgba(147, 51, 234, .35);--radius: 12px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);color:var(--text);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--accent-light);text-decoration:none}a:hover{color:var(--accent)}.container{max-width:720px;margin:0 auto;padding:32px 20px 80px}.h1{font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px;background:linear-gradient(135deg,var(--text) 0%,var(--accent-light) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.h2{font-size:18px;font-weight:600;margin-top:28px;margin-bottom:12px;color:var(--text)}.muted{color:var(--text-dim);font-size:13px;line-height:1.5}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;color:var(--text-dim)}.field input,.field textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);font-family:inherit;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 18px;border-radius:10px;border:none;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;background:var(--accent);color:#fff;transition:transform .1s ease,box-shadow .15s ease,background .15s ease;box-shadow:0 4px 14px var(--accent-glow)}.btn:hover{background:var(--accent-light)}.btn:active{transform:scale(.98)}.btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border);box-shadow:none}.btn-secondary:hover{background:var(--surface);border-color:var(--accent)}.tag{display:inline-flex;font-family:JetBrains Mono,monospace;font-size:11px;padding:4px 8px;border-radius:6px;background:var(--accent-dim);border:1px solid var(--accent);color:var(--accent-light);text-transform:uppercase;letter-spacing:.06em}.agent-card{display:flex;flex-direction:column;gap:6px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:10px;transition:border-color .15s ease}.agent-card .row{display:flex;justify-content:space-between;align-items:center;gap:12px}.agent-card .name{font-weight:600;font-size:15px}.agent-card .status{font-family:JetBrains Mono,monospace;font-size:11px;padding:3px 8px;border-radius:4px}.agent-card .status.queued{color:var(--text-dim);background:var(--surface-2)}.agent-card .status.running{color:var(--accent-light);background:var(--accent-dim);border:1px solid var(--accent)}.agent-card .status.succeeded{color:#34d399;background:#10b98126}.agent-card .status.failed{color:#f87171;background:#ef444426}.agent-card .narrative{color:var(--text-dim);font-size:13px}.agent-card:has(.status.running){border-color:var(--accent);box-shadow:0 0 24px var(--accent-dim)}
