:root{color:#e7eceb;font-synthesis:none;--bg:#0b0e0f;--panel:#111617;--panel-2:#151b1c;--line:#273032;--muted:#879493;--soft:#b8c1bf;--mint:#a7f3d0;--teal:#4adeb1;--amber:#f2c879;--red:#f18a8a;--blue:#8db9ff;background:#0b0e0f;font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.app{background:radial-gradient(circle at 78% 0%, #152121 0, transparent 30%), var(--bg);min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#0d1112;flex-direction:column;flex:0 0 280px;width:280px;padding:24px 16px 18px;display:flex}.brand{letter-spacing:.16em;align-items:center;gap:10px;padding:0 12px 31px;font-size:12px;font-weight:700;display:flex}.brand-mark{border:1px solid var(--teal);place-items:center;width:24px;height:24px;display:grid;transform:rotate(45deg)}.brand-mark span{background:var(--mint);width:9px;height:9px;display:block}.brand .accent{color:var(--teal)}.close-mobile{margin-left:auto;display:none}.side-section{margin-bottom:28px}.side-label,.eyebrow{color:#788785;letter-spacing:.14em;font-size:10px;font-weight:700}.side-label{align-items:center;gap:8px;padding:0 12px 11px;display:flex}.side-label svg{margin-left:auto}.count{color:var(--soft);background:#1e2929;padding:2px 7px;font-size:10px}.project,.filters button{width:100%;color:var(--soft);text-align:left;background:0 0;border:0}.project{align-items:center;gap:9px;padding:10px 12px;font-size:13px;display:flex}.project.active{color:#e8efec;background:#182222}.project-dot,.pulse{background:var(--teal);border-radius:50%;width:7px;height:7px;display:inline-block}.chev{color:var(--muted);margin-left:auto}.search{border:1px solid var(--line);height:35px;color:var(--muted);background:#111718;align-items:center;gap:8px;margin:0 8px 12px;padding:0 9px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}kbd{color:#889492;border:1px solid #354142;padding:1px 5px;font-size:10px}.filters button{align-items:center;gap:9px;padding:9px 12px;font-size:13px;display:flex}.filters button:hover,.filters .selected{color:#f0f5f3;background:#182222}.filters b{color:#72817e;margin-left:auto;font-size:11px;font-weight:500}.status-dot{background:var(--muted);border-radius:50%;width:7px;height:7px;display:inline-block}.status-dot.running{background:var(--teal);box-shadow:0 0 0 3px #1d4039}.status-dot.queued{background:#8b9896}.status-dot.completed{background:#78d7a5}.status-dot.failed{background:var(--red)}.status-dot.waiting{background:var(--amber)}.status-dot.stopped{background:#b6a3cf}.sidebar-foot{margin-top:auto}.agent-online{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;padding:15px 12px;font-size:11px;display:flex}.agent-online strong{color:var(--teal);letter-spacing:.08em;margin-left:auto;font-size:10px}.pulse{animation:2s infinite pulse}.user{align-items:center;gap:9px;padding:16px 10px 0;display:flex}.user>span,.avatar{width:29px;height:29px;color:var(--mint);background:#33433d;place-items:center;font-size:10px;font-weight:700;display:grid}.user div{flex:1;gap:3px;display:grid}.user b{font-size:12px}.user small{color:var(--muted);font-size:10px}.main{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:18px;height:66px;padding:0 38px;display:flex}.crumb{color:#71807e;align-items:center;gap:10px;font-size:12px;display:flex}.crumb b{color:var(--soft);font-weight:500}.top-actions{align-items:center;gap:17px;margin-left:auto;display:flex}.shortcut{color:var(--muted);font-size:11px}.icon-btn{color:var(--muted);background:0 0;border:0;place-items:center;padding:7px;display:inline-grid}.icon-btn:hover{color:#fff;background:#1a2424}.avatar{color:#a9d9ff;background:#26383b;border-radius:50%}.menu{display:none}.content{max-width:1050px;margin:0 auto;padding:53px 52px 28px}.task-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.task-head h1{letter-spacing:-.035em;color:#f0f5f3;margin:12px 0 13px;font-size:clamp(22px,3vw,32px);font-weight:600;line-height:1.15}.task-meta{color:var(--muted);gap:19px;font-size:11px;display:flex}.task-meta span{align-items:center;gap:6px;display:flex}.task-actions{align-items:center;gap:8px;display:flex}.stop,.secondary,.composer button,.approval button{border:1px solid var(--line);align-items:center;gap:7px;padding:9px 13px;font-size:12px;display:flex}.stop{color:var(--red);background:#291b1d;border-color:#583034}.secondary{color:var(--mint);background:#1c2928}.danger:hover{color:var(--red)}.progress-block{margin-top:39px}.progress-label{color:#aab6b3;justify-content:space-between;font-size:11px;display:flex}.progress-label>span:first-child{align-items:center;gap:8px;display:flex}.progress-label strong{color:#e2e9e6;letter-spacing:.1em;font-size:10px}.live{color:var(--mint);letter-spacing:.1em;background:#20443b;padding:3px 6px;font-size:9px}.progress{background:#273131;height:3px;margin-top:10px}.progress span{background:var(--teal);height:100%;transition:width .5s;display:block}.tabs{border-bottom:1px solid var(--line);gap:25px;margin-top:40px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;gap:7px;padding:0 0 13px;font-size:12px;display:flex}.tabs button:hover,.tabs .current{color:var(--mint)}.tabs .current{border-color:var(--teal)}.tabs span{background:#1d2828;padding:1px 5px;font-size:10px}.workspace{min-height:300px}.activity-panel,.file-panel,.terminal{padding:26px 0}.timeline{border-left:1px solid #34403e;margin-left:9px}.log{gap:15px;padding:0 0 25px 25px;display:flex;position:relative}.log-icon{background:var(--panel);width:19px;height:19px;color:var(--soft);border:1px solid #354541;place-items:center;display:grid;position:absolute;left:-10px}.log.thought .log-icon{color:var(--amber)}.log.command .log-icon{color:var(--blue)}.log.test .log-icon{color:var(--teal)}.log.error .log-icon{color:var(--red)}.log-body{min-width:0}.log-top{align-items:center;gap:12px;display:flex}.log-top b{color:#b9c5c2;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.log-top time{color:#647370;font-size:10px}.log p{color:#d0d9d6;margin:8px 0 0;font-size:13px;line-height:1.5}.log.command p{color:#9ec7ce;font-family:SFMono-Regular,Consolas,monospace}.log.error p{color:var(--red)}.approval,.summary{background:#13201d;border:1px solid #384a43;justify-content:space-between;align-items:center;gap:15px;margin:3px 0 19px;padding:16px 18px;display:flex}.approval b{font-size:13px}.approval p,.summary p{color:var(--muted);margin:5px 0 0;font-size:12px}.approval button{background:var(--mint);color:#10231d;border-color:var(--mint);font-weight:700}.summary{background:#101b19;justify-content:flex-start}.summary-icon{color:#0b2019;background:var(--teal);place-items:center;width:26px;height:26px;display:grid}.summary .eyebrow{color:var(--teal)}.file-row{border-bottom:1px solid var(--line);color:var(--blue);align-items:center;gap:12px;padding:14px 8px;display:flex}.file-row span{flex:1;gap:4px;display:grid}.file-row b{color:#d1dedb;font:12px SFMono-Regular,Consolas,monospace}.file-row small{color:var(--muted);font-size:11px}.file-row em{text-transform:uppercase;font-size:10px;font-style:normal}.file-row em.created{color:var(--teal)}.file-row em.modified{color:var(--amber)}.terminal{background:#090c0d;min-height:250px;padding:23px;font:12px SFMono-Regular,Consolas,monospace}.term-line{color:#b5c9c5;gap:10px;padding:8px 0;display:flex}.term-line span{color:var(--teal)}.term-line svg{color:var(--teal);margin-left:auto}.empty{text-align:center;color:var(--muted);padding:48px 20px}.empty svg{color:#57706a}.empty h3,.empty h2{color:#d5dfdc;margin:13px 0 7px;font-size:15px}.empty p{margin:0;font-size:12px}.page-empty{min-height:50vh}.composer{background:#111918;border:1px solid #354441;align-items:center;gap:10px;margin-top:30px;padding:8px 9px;display:flex}.composer-icon{color:var(--mint);padding:5px}.composer input{color:#eef6f2;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.composer input::placeholder{color:#6f7d7a}.composer button{background:var(--mint);border-color:var(--mint);color:#10231d;font-weight:700}.composer button:disabled{opacity:.4;cursor:not-allowed}@keyframes pulse{50%{opacity:.35}}@media (width<=800px){.sidebar{z-index:5;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:20px 0 50px #0008}.sidebar.open{transform:translate(0)}.close-mobile,.menu{display:inline-grid}.topbar{padding:0 18px}.shortcut{display:none}.content{padding:35px 22px 24px}}@media (width<=540px){.task-head{flex-direction:column}.task-actions{align-self:stretch}.task-actions .stop,.task-actions .secondary{flex:1;justify-content:center}.task-meta{flex-direction:column;gap:7px}.tabs{gap:16px}.tabs button{font-size:11px}.approval{flex-direction:column;align-items:flex-start}.approval button{justify-content:center;width:100%}.composer button{padding:9px}.composer button svg{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}