:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#e8edf5;background:#080b11;--panel:#111722;--muted:#8f9bad;--line:#263142;--accent:#70a5ff;--green:#55d6a1;--red:#ff6f7d}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#17264b 0,transparent 35%),#080b11}.hidden{display:none!important}button,select,input,textarea{font:inherit}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(420px,100%);padding:34px;background:rgba(17,23,34,.95);border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 80px #0008}.brand{width:48px;height:48px;display:grid;place-items:center;background:var(--accent);color:#07101e;font-weight:900;border-radius:14px}.card h1{margin-bottom:5px}.card p{color:var(--muted)}label{display:grid;gap:7px;color:#cbd5e1}input,textarea,select{width:100%;background:#090e16;border:1px solid var(--line);border-radius:12px;color:#fff;padding:12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}button{border:0;border-radius:11px;background:var(--accent);color:#07101e;padding:11px 15px;font-weight:750;cursor:pointer}.card button{width:100%;margin-top:18px}.error{color:var(--red)!important}.app{height:100vh;display:grid;grid-template:64px 1fr / 310px 1fr;grid-template-areas:"head head" "side work"}.app>header{grid-area:head;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#0b1018}.app>header>div{display:flex;gap:12px;align-items:center}.badge,.status{font-size:12px;padding:5px 9px;border-radius:999px;background:#1b2638;color:var(--muted)}aside{grid-area:side;border-right:1px solid var(--line);padding:14px;background:#0d121b;overflow:auto}.primary{width:100%;margin-bottom:10px}.secondary{background:#1a2433;color:#dbe6f6}.danger{background:#3a1720;color:#ff9ca6}.threads{margin-top:14px;display:grid;gap:7px}.thread{padding:12px;border:1px solid transparent;border-radius:12px;background:#121a26;color:#d9e3f0;text-align:left;font-weight:600}.thread small{display:block;color:var(--muted);margin-top:4px;font-weight:400;overflow:hidden;text-overflow:ellipsis}.thread.active{border-color:var(--accent);background:#17243a}.workspace{grid-area:work;min-width:0;overflow:hidden}.empty{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted);padding:30px}.empty h2{color:#dce5f2}.threadHead{height:78px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:13px 22px}.threadHead h2{font-size:18px;margin:0}.threadHead p{font-size:12px;color:var(--muted);margin:5px 0}.timeline{height:calc(100vh - 64px - 78px - 110px);overflow:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.event{max-width:860px;padding:12px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}.event.user{align-self:flex-end;background:#183158}.event.agent{border-left:3px solid var(--accent)}.event.tool{font-family:ui-monospace,monospace;font-size:12px;color:#b8c4d4}.event .label{font:700 11px Inter,sans-serif;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:7px}.approvals{position:absolute;right:18px;bottom:115px;width:min(520px,calc(100% - 36px));display:grid;gap:10px}.approval{background:#241b10;border:1px solid #75562c;border-radius:14px;padding:14px;box-shadow:0 15px 50px #000a}.approval pre{white-space:pre-wrap;max-height:180px;overflow:auto;font-size:12px}.approval .actions{display:flex;gap:8px;justify-content:flex-end}.approval .decline{background:#3c2930;color:#ffb4bd}.composer{height:110px;border-top:1px solid var(--line);padding:12px 18px;display:flex;gap:10px;background:#0b1018}.composer textarea{resize:none}.composer>div{display:flex;flex-direction:column;gap:7px;justify-content:flex-end}.workspace{position:relative}nav{display:none}
@media(max-width:760px){.app{height:100dvh;grid-template:56px 1fr 58px / 1fr;grid-template-areas:"head" "work" "nav"}.app>header{padding:0 12px}.app>header strong{font-size:14px}aside{position:fixed;inset:56px 0 58px;z-index:5;border:0;display:none}.app.show-sessions aside{display:block}.workspace{grid-area:work}.empty{padding:20px}.threadHead{height:66px;padding:10px 13px}.threadHead h2{font-size:15px}.timeline{height:calc(100dvh - 56px - 58px - 66px - 100px);padding:12px}.composer{height:100px;padding:9px}.composer>div button{padding:8px}.event{font-size:14px}.approvals{bottom:106px;right:8px;width:calc(100% - 16px)}nav{grid-area:nav;display:grid;grid-template-columns:repeat(3,1fr);background:#0b1018;border-top:1px solid var(--line)}nav button{border-radius:0;background:transparent;color:var(--muted);font-size:12px}nav button.active{color:var(--accent)}.app.show-history .timeline .event:not(.tool){display:none}}