:root{--bg-dark: #0b0f19;--bg-card: rgba(17, 24, 39, .75);--bg-card-hover: rgba(31, 41, 55, .85);--border-color: rgba(255, 255, 255, .1);--accent-cyan: #00f2fe;--accent-purple: #9d4edd;--accent-green: #10b981;--accent-amber: #f59e0b;--accent-red: #ef4444;--text-main: #f3f4f6;--text-muted: #9ca3af;--font-sans: "Inter", system-ui, sans-serif;--font-mono: "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;background-image:radial-gradient(at 0% 0%,rgba(157,78,221,.12) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(0,242,254,.12) 0px,transparent 50%);background-attachment:fixed}.app-container{max-width:1400px;margin:0 auto;padding:2rem}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.app-header h1{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 1024px){.grid-layout{grid-template-columns:1fr}}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 8px 32px #0000005e;margin-bottom:1.5rem}.card-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;color:var(--text-main)}.input-group{display:flex;flex-direction:column;gap:.75rem}textarea.task-input{width:100%;height:100px;background:#0f172acc;border:1px solid var(--border-color);border-radius:8px;padding:.75rem;color:var(--text-main);font-family:var(--font-sans);font-size:.95rem;resize:vertical;outline:none;transition:border-color .2s}textarea.task-input:focus{border-color:var(--accent-cyan)}.btn-primary{background:linear-gradient(135deg,#00c6ff,#0072ff);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .1s,opacity .2s}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.sample-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.chip{background:#ffffff0f;border:1px solid var(--border-color);border-radius:20px;padding:.3rem .8rem;font-size:.8rem;color:var(--text-muted);cursor:pointer;transition:background .2s}.chip:hover{background:#ffffff1f;color:var(--text-main)}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-SUCCESS{background:#10b98133;color:#34d399;border:1px solid #10b981}.status-FAILED{background:#ef444433;color:#f87171;border:1px solid #ef4444}.status-BLOCKED{background:#9d4edd33;color:#c084fc;border:1px solid #9d4edd}.status-EXHAUSTED{background:#f59e0b33;color:#fbbf24;border:1px solid #f59e0b}.status-RUNNING,.status-PENDING,.status-PLANNING,.status-CODING,.status-TESTING,.status-REVIEWING,.status-RETRYING{background:#00f2fe33;color:#38bdf8;border:1px solid #00f2fe;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.graph-container{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;gap:.5rem;position:relative}.graph-node{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;position:relative;z-index:2}.node-icon{width:48px;height:48px;border-radius:50%;background:#0f172ae6;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s ease}.graph-node.active .node-icon{border-color:var(--accent-cyan);box-shadow:0 0 15px var(--accent-cyan);background:#00f2fe26}.graph-node.completed .node-icon{border-color:var(--accent-green);color:var(--accent-green)}.graph-node.blocked .node-icon{border-color:var(--accent-red);color:var(--accent-red)}.node-label{font-size:.8rem;font-weight:600;color:var(--text-muted)}.graph-node.active .node-label{color:var(--accent-cyan)}.code-block{background:#090d16;border-radius:8px;padding:1rem;font-family:var(--font-mono);font-size:.85rem;color:#e5e7eb;max-height:350px;overflow-y:auto;border:1px solid rgba(255,255,255,.05);white-space:pre-wrap}.terminal-block{background:#050811;border-radius:8px;padding:1rem;font-family:var(--font-mono);font-size:.8rem;color:#a7f3d0;max-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;border:1px solid rgba(255,255,255,.05)}.terminal-line{display:flex;gap:.5rem}.terminal-time{color:#6b7280}.terminal-agent{color:var(--accent-cyan);font-weight:600}