:root{--bg:#f5f6f8;--surface:#fff;--ink:#172033;--muted:#687086;--line:#e4e7ee;--nav:#0d1424;--purple:#7357f6;--green:#1e9e6a;--amber:#e69635;--shadow:0 18px 50px rgba(28,35,58,.1);--radius:18px}*{box-sizing:border-box}body{margin:0;font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}button,select,textarea{font:inherit}button,a{transition:.18s ease}.app{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.rail{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#10182a,#080e1b);color:#edf0ff;padding:24px 18px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;gap:10px;align-items:center;font-size:17px;font-weight:800}.brandmark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#9b83ff,var(--purple));box-shadow:0 8px 22px rgba(115,87,246,.35)}.agent-card{padding:14px;border:1px solid #28324a;border-radius:16px;background:rgba(255,255,255,.055)}.avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#f0ecff,#b5a8ff);color:#372a81;font-weight:850}.agent-head{display:flex;align-items:center;gap:11px}.agent-name{font-weight:750}.small{font-size:12px;color:var(--muted)}.rail .small{color:#9da6bb}.presence{display:inline-flex;align-items:center;gap:6px}.dot{width:8px;height:8px;background:#48d597;border-radius:50%;box-shadow:0 0 0 4px rgba(72,213,151,.12)}.nav{display:grid;gap:5px}.nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;text-decoration:none;color:#aeb6ca}.nav a.active,.nav a:hover{background:rgba(145,124,255,.15);color:#fff}.railfoot{margin-top:auto}.main{padding:28px 32px 96px;max-width:1500px;width:100%;margin:auto}.top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800;color:var(--purple)}h1{font-size:30px;letter-spacing:-.035em;line-height:1.1;margin:5px 0}h2{font-size:17px;margin:0 0 12px;letter-spacing:-.02em}h3{font-size:14px;margin:0}.top-actions,.row{display:flex;align-items:center;gap:9px}.between{justify-content:space-between}.model-picker{height:40px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:0 34px 0 12px;color:var(--ink)}.status{padding:9px 12px;border-radius:999px;background:#eaf8f2;color:#126f4a;font-weight:700;font-size:12px}.grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr);gap:18px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:19px;box-shadow:0 4px 16px rgba(28,35,58,.035)}.thread{min-height:570px;display:flex;flex-direction:column}.context-strip{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.chip,.pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;background:#f1efff;color:#5942c7;font-size:11px;font-weight:700}.pill.green{background:#e5f7ef;color:#167751}.pill.amber{background:#fff2de;color:#925717}.pill.gray{background:#eef0f4;color:#687086}.msg{max-width:80%;padding:13px 15px;margin:7px 0;border-radius:16px 16px 16px 4px;background:#f0f2f6}.msg.me{align-self:flex-end;border-radius:16px 16px 4px 16px;background:linear-gradient(135deg,#6b51ed,#8067fa);color:#fff}.job{border:1px solid #dceee5;border-radius:13px;padding:12px 14px;background:#f4fbf8;margin:10px 0}.composer{margin-top:auto;border:1px solid #d9dce5;border-radius:17px;padding:10px;background:#fff;box-shadow:var(--shadow)}.composer.dragging{border-color:var(--purple);background:#faf9ff}.composer textarea{border:0;resize:none;width:100%;font:inherit;outline:0;min-height:62px;padding:5px;background:transparent}.composer-tools{display:flex;justify-content:space-between;align-items:center;gap:8px}.tool-group{display:flex;gap:5px}.icon-btn{width:38px;height:38px;border:0;border-radius:11px;background:#f1f3f7;color:#4e5870;cursor:pointer;display:grid;place-items:center}.icon-btn:hover{background:#e9e5ff;color:#5a42d3}.icon-btn.listening{background:#fce8ed;color:#c92e55;animation:pulse 1.3s infinite}.send{height:38px;padding:0 17px;border:0;border-radius:11px;background:var(--ink);color:#fff;font-weight:750;cursor:pointer}.file-list{display:flex;flex-wrap:wrap;gap:7px;margin:5px 0}.file-chip{border:1px solid var(--line);border-radius:10px;background:#f8f9fb;padding:7px 9px;cursor:pointer}.card{border:1px solid var(--line);border-radius:14px;padding:13px;margin-top:10px;background:#fff}.card.soft{background:#f8f9fb}.progress{height:6px;border-radius:9px;background:#e9ebf0;overflow:hidden;margin:9px 0}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--purple),#a997ff);border-radius:9px}.agents{display:grid;gap:8px}.mini-agent{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:12px}.mini-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800;background:#ecf4ff;color:#315da7}.add-agent{width:100%;padding:10px;border:1px dashed #c7cbe0;border-radius:12px;background:transparent;color:#5e50b8;cursor:pointer;margin-top:8px}.memory-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.memory-item{padding:9px;border-radius:10px;background:#f6f7fa}.computer-shell{border-radius:18px;background:#111827;padding:10px;box-shadow:var(--shadow)}.computer-bar{display:flex;justify-content:space-between;align-items:center;color:#cbd1df;padding:2px 5px 11px}.browser{background:#f7f8fb;border-radius:12px;min-height:475px;padding:18px;color:var(--ink)}.browser-nav{display:flex;gap:6px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:17px}.window-dot{width:8px;height:8px;border-radius:50%;background:#ff7d7d}.window-dot:nth-child(2){background:#ffc95c}.window-dot:nth-child(3){background:#58d491}.url{margin-left:8px;background:#eceff4;border-radius:8px;padding:6px 10px;flex:1;color:#71788a;font-size:11px}.permission{border:1px solid #edc98c;border-radius:14px;padding:15px;background:#fffbf3;margin-top:18px}.btn{border:0;background:var(--ink);color:#fff;padding:10px 15px;border-radius:10px;font-weight:720;cursor:pointer}.btn.secondary{background:#eff1f5;color:#283047}.btn.purple{background:var(--purple)}.tabs{display:flex;gap:8px;margin-bottom:16px}.tabs a{padding:8px 12px;border-radius:10px;text-decoration:none;color:var(--muted)}.tabs a.active{background:#fff;box-shadow:0 3px 12px rgba(28,35,58,.07);color:var(--ink);font-weight:700}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.kpi{border:1px solid var(--line);border-radius:14px;padding:15px;background:#fff}.kpi b{font-size:25px;display:block}.timeline{border-left:2px solid #e2e4eb;margin-left:8px;padding-left:20px}.step{position:relative;margin:0 0 22px}.step:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--green);left:-26px;top:5px;box-shadow:0 0 0 4px #e5f7ef}.mobile-nav{display:none}.modal{position:fixed;inset:0;background:rgba(9,14,27,.64);display:none;align-items:center;justify-content:center;padding:20px;z-index:20}.modal.open{display:flex}.modal-card{width:min(620px,100%);max-height:80vh;overflow:auto;background:#fff;border-radius:20px;padding:20px;box-shadow:var(--shadow)}.doc-preview{border:1px solid var(--line);border-radius:12px;padding:30px;margin:14px 0;background:#fafafa}.toast{position:fixed;right:20px;bottom:20px;background:#131b2b;color:white;padding:12px 16px;border-radius:12px;opacity:0;transform:translateY(10px);pointer-events:none;z-index:30}.toast.show{opacity:1;transform:translateY(0)}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(201,46,85,.1)}}@media(max-width:900px){.app{display:block}.rail{display:none}.main{padding:18px 15px 92px}.top{align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.status{display:none}.grid{grid-template-columns:1fr}.thread{min-height:65vh}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(3,1fr);left:12px;right:12px;bottom:10px;background:rgba(13,20,36,.96);border-radius:16px;padding:7px;z-index:15;box-shadow:0 15px 45px rgba(0,0,0,.25)}.mobile-nav a{text-align:center;color:#aeb6ca;text-decoration:none;font-size:11px;padding:6px;border-radius:10px}.mobile-nav a.active{color:#fff;background:rgba(145,124,255,.22)}.mobile-nav b{display:block;font-size:17px}.kpis{grid-template-columns:1fr 1fr}.browser{min-height:390px}.msg{max-width:90%}}@media(max-width:520px){h1{font-size:25px}.top{display:block}.top-actions{margin-top:12px;justify-content:space-between}.model-picker{max-width:185px}.kpis{grid-template-columns:1fr}.memory-grid{grid-template-columns:1fr}.panel{padding:15px;border-radius:15px}.computer-shell{margin:0 -6px}.browser{padding:13px}}