*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--glass:rgba(218,218,224,.58);--glass-deep:rgba(205,205,212,.68);--glass-card:rgba(228,228,234,.72);--glass-b:rgba(255,255,255,.6);--glass-b2:rgba(255,255,255,.85);--glass-inner:rgba(235,235,240,.75);--blur:blur(26px);--blur-sm:blur(16px);--text:#18181b;--text2:#52525b;--text3:#a1a1aa;--text-inv:#fff;--accent:#2563eb;--accent-bg:rgba(37,99,235,.1);--accent-glow:rgba(37,99,235,.22);--green:#16a34a;--green-bg:rgba(22,163,74,.1);--amber:#d97706;--amber-bg:rgba(217,119,6,.1);--red:#dc2626;--red-bg:rgba(220,38,38,.1);--r-xl:22px;--r-lg:16px;--r-md:11px;--r-sm:8px;--shadow:0 8px 32px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.1);--shadow-sm:0 2px 12px rgba(0,0,0,.12);--shadow-card:0 1px 4px rgba(0,0,0,.08);--overlay:rgba(0,0,0,.18);--overlay-opacity:.18;--panel-opacity:.58}html,body,#root,.agentflow-root{height:100%;width:100%}html,body{font-family:Sora,sans-serif;overflow:hidden;background:#6b7280}button,input,select{font:inherit}#bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;transition:background .3s}#bg-img{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:opacity .4s}#bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;transition:background .2s}#login-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;transition:opacity .35s}#login-screen.is-exiting{opacity:0}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.login-card{position:relative;z-index:1;width:380px;background:#f5f5f8e0;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--glass-b2);border-radius:26px;box-shadow:0 24px 64px #00000038,0 0 0 1px #fff9;padding:40px 36px 34px;animation:popIn .45s cubic-bezier(.22,1,.36,1) both}@keyframes popIn{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}.login-logo{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:26px}.login-logo-icon{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#2563eb,#4f46e5);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #2563eb59}.login-logo-icon svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-logo-name{font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.4px}.login-logo-name span{color:var(--accent)}.login-title{font-size:21px;font-weight:600;color:var(--text);text-align:center;margin-bottom:5px;letter-spacing:-.3px}.login-sub{font-size:12px;color:var(--text2);text-align:center;margin-bottom:26px}.lfield{margin-bottom:13px}.lfield label{display:block;font-size:11px;font-weight:500;color:var(--text2);margin-bottom:5px;letter-spacing:.2px}.lfield-wrap{position:relative}.lfield-wrap .fic{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text3);display:flex}.lfield-wrap .fic svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.lfield input{width:100%;height:42px;background:#ffffffb3;border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:0 12px 0 36px;color:var(--text);font-size:13px;outline:none;transition:border-color .18s,background .18s}.lfield input:focus{border-color:#2563eb80;background:#ffffffe6}.lfield input::-moz-placeholder{color:var(--text3)}.lfield input::placeholder{color:var(--text3)}.eye-btn{position:absolute;right:11px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text3);display:flex;padding:0;transition:color .15s}.eye-btn:hover{color:var(--text2)}.eye-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.lforgot{font-size:10px;color:var(--accent);text-align:right;margin-top:4px;cursor:pointer;opacity:.8}.lforgot:hover{opacity:1}.login-error{font-size:11px;color:var(--red);text-align:center;margin-bottom:10px;min-height:15px;opacity:0;transition:opacity .2s}.login-error.show{opacity:1}.login-btn{width:100%;height:43px;background:linear-gradient(135deg,#2563eb,#4f46e5);border:none;border-radius:11px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #2563eb52;transition:opacity .15s,transform .15s;letter-spacing:.1px}.login-btn:hover{opacity:.92;transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-demo{margin-top:14px;font-size:10px;color:var(--accent);text-align:center;font-family:JetBrains Mono,monospace;background:#2563eb0f;border:1px solid rgba(37,99,235,.14);border-radius:8px;padding:8px 12px;line-height:1.8}.login-footer{margin-top:16px;padding-top:14px;border-top:1px solid rgba(0,0,0,.08);font-size:10px;color:var(--text3);text-align:center}#app{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:none;align-items:center;justify-content:center;padding:clamp(12px,1.6vw,20px);gap:clamp(10px,1vw,14px)}#app.is-visible{display:flex}.sidebar{width:clamp(58px,5vw,68px);height:-moz-fit-content;height:fit-content;align-self:center;background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-b2);border-radius:26px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:2px;flex-shrink:0;animation:riseUp .5s cubic-bezier(.22,1,.36,1) both}@keyframes riseUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.sb-logo{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:14px;padding:0 12px}.sb-mark{width:clamp(34px,3.2vw,40px);height:clamp(34px,3.2vw,40px);border-radius:13px;background:linear-gradient(145deg,#2563eb,#4f46e5);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #2563eb4d,inset 0 1px #fff3;position:relative;overflow:hidden}.sb-mark:after{content:"";position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:#ffffff1f}.sb-mark svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1}.sb-wordmark{font-size:7px;font-weight:700;letter-spacing:1.8px;color:#18181b59;text-transform:uppercase}.sb-nav{display:flex;flex-direction:column;align-items:center;gap:3px}.ni{width:clamp(36px,3.2vw,42px);height:clamp(36px,3.2vw,42px);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#50505a80;transition:background .15s,color .15s;position:relative;text-decoration:none}.ni:hover{background:#ffffff8c;color:var(--text2)}.ni.on{background:#fffc;color:var(--accent);box-shadow:var(--shadow-card)}.ni svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nbadge{position:absolute;top:5px;right:5px;min-width:13px;height:13px;background:var(--red);border-radius:7px;font-size:7px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#fff;border:1.5px solid rgba(218,218,224,.6);padding:0 2px}.sb-div{width:26px;height:1px;background:#00000014;margin:6px 0}.sb-foot{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:4px;cursor:pointer;position:relative}.sb-logout{background:none;border:none;padding:0}.sb-av{width:clamp(30px,2.8vw,36px);height:clamp(30px,2.8vw,36px);border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:clamp(10px,1vw,13px);font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.75);box-shadow:0 2px 8px #2563eb40;transition:transform .15s}.sb-foot:hover .sb-av{transform:scale(1.07)}.sb-online{position:absolute;bottom:0;right:8px;width:7px;height:7px;border-radius:50%;background:var(--green);border:1.5px solid rgba(218,218,224,.8)}.right{flex:1;max-width:clamp(860px,calc(100vw - clamp(58px,5vw,68px) - clamp(10px,1vw,14px) - clamp(24px,3.2vw,40px)),1280px);height:100%;display:flex;flex-direction:column;gap:clamp(8px,.8vw,12px)}.topbar{height:clamp(46px,5.2vh,56px);background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-b2);border-radius:var(--r-lg);box-shadow:var(--shadow);display:flex;align-items:center;padding:0 clamp(12px,1.4vw,18px);gap:clamp(8px,.9vw,12px);flex-shrink:0;animation:riseUp .45s .05s cubic-bezier(.22,1,.36,1) both}.tb-title{font-size:clamp(12px,1.1vw,14px);font-weight:700;color:var(--text);display:flex;align-items:center;gap:7px;white-space:nowrap}.tb-tag{font-size:clamp(9px,.8vw,11px);font-weight:500;background:#fff9;border:1px solid rgba(0,0,0,.08);color:var(--text2);padding:2px 8px;border-radius:20px}.tb-tag-mode.connected{background:#16a34a1a;border-color:#16a34a29;color:var(--green)}.tb-tag-mode.live{background:#2563eb1a;border-color:#2563eb29;color:var(--accent)}.tb-tag-mode.demo{background:#d977061a;border-color:#d9770629;color:var(--amber)}.tb-tag-mode.syncing{background:#2563eb1a;border-color:#2563eb29;color:var(--accent)}.tb-search{flex:1;max-width:clamp(200px,22vw,320px);position:relative}.tb-search input{width:100%;height:clamp(28px,3vh,32px);background:#ffffff8c;border:1px solid rgba(0,0,0,.09);border-radius:8px;padding:0 10px 0 28px;color:var(--text);font-size:clamp(10px,.9vw,12px);outline:none;transition:border-color .15s,background .15s}.tb-search input:focus{border-color:#2563eb66;background:#ffffffd1}.tb-search input::-moz-placeholder{color:var(--text3)}.tb-search input::placeholder{color:var(--text3)}.tb-search .si{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--text3);display:flex}.tb-search .si svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.tb-r{margin-left:auto;display:flex;align-items:center;gap:clamp(5px,.5vw,8px)}.btn-new{height:clamp(28px,3vh,32px);padding:0 clamp(10px,1vw,14px);background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;border:none;border-radius:8px;font-size:clamp(10px,.9vw,12px);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;box-shadow:0 2px 10px #2563eb47;transition:opacity .15s;white-space:nowrap}.btn-new:hover{opacity:.88}.ib{width:clamp(28px,2.8vw,32px);height:clamp(28px,2.8vw,32px);background:#ffffff8c;border:1px solid rgba(0,0,0,.09);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text2);transition:background .15s;position:relative}.ib:hover{background:#fffc}.ib svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.ib .idot{position:absolute;top:5px;right:5px;width:5px;height:5px;background:var(--red);border-radius:50%;border:1.5px solid rgba(218,218,224,.7)}.tb-av{width:clamp(28px,2.8vw,32px);height:clamp(28px,2.8vw,32px);border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:clamp(9px,.9vw,12px);font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.75);cursor:pointer}.btn-bg{height:clamp(28px,3vh,32px);padding:0 clamp(8px,.8vw,12px);background:#ffffff8c;border:1px solid rgba(0,0,0,.09);border-radius:8px;font-size:clamp(9px,.85vw,11px);font-weight:500;color:var(--text2);cursor:pointer;display:flex;align-items:center;gap:5px;transition:background .15s;white-space:nowrap}.btn-bg:hover{background:#fffc}.btn-bg svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.content-wrap{flex:1;min-height:0;background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-b2);border-radius:var(--r-xl);box-shadow:var(--shadow);overflow:hidden;animation:riseUp .45s .1s cubic-bezier(.22,1,.36,1) both}.cs{height:100%;overflow-y:auto;overflow-x:hidden;padding:clamp(12px,1.2vw,16px);display:flex;flex-direction:column;gap:clamp(8px,.8vw,11px)}.cs::-webkit-scrollbar{width:4px}.cs::-webkit-scrollbar-track{background:transparent}.cs::-webkit-scrollbar-thumb{background:#0000001f;border-radius:2px}.row{display:grid;gap:clamp(7px,.7vw,10px)}.r4{grid-template-columns:repeat(3,1fr) clamp(160px,15vw,200px)}.rmid{grid-template-columns:1fr clamp(160px,15vw,200px)}.rbot{grid-template-columns:1fr 1fr clamp(160px,15vw,200px)}.card{background:var(--glass-card);border:1px solid var(--glass-b2);border-radius:var(--r-md);padding:clamp(11px,1.1vw,14px) clamp(12px,1.2vw,15px);position:relative;overflow:hidden;cursor:pointer;box-shadow:var(--shadow-card);transition:border-color .18s,transform .18s,box-shadow .18s,background .18s}.card:hover{background:#f0f0f6d1;transform:translateY(-2px);box-shadow:0 8px 24px #00000024}.acl{position:absolute;top:0;left:14px;right:14px;height:2px;border-radius:1px}.bl .acl{background:linear-gradient(90deg,#2563eb,#4f46e5)}.gl .acl{background:linear-gradient(90deg,#16a34a,#15803d)}.al .acl{background:linear-gradient(90deg,#d97706,#b45309)}.ch{display:flex;align-items:center;gap:clamp(7px,.7vw,9px);margin-bottom:clamp(9px,.9vw,11px)}.aico{width:clamp(26px,2.5vw,30px);height:clamp(26px,2.5vw,30px);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:clamp(11px,1.1vw,14px);flex-shrink:0}.aico.b{background:#2563eb1a}.aico.g{background:#16a34a17}.aico.a{background:#d9770617}.cn{font-size:clamp(10px,.95vw,12px);font-weight:600;color:var(--text)}.cr{font-size:clamp(8px,.78vw,10px);color:var(--text3);margin-top:1px}.pill{margin-left:auto;font-size:clamp(8px,.75vw,10px);font-weight:500;padding:2px 7px;border-radius:20px;display:flex;align-items:center;gap:3px;white-space:nowrap}.pill.up{background:var(--green-bg);color:var(--green)}.pill.warn{background:var(--amber-bg);color:var(--amber)}.pill.blue{background:var(--accent-bg);color:var(--accent)}.metric{font-size:clamp(19px,2vw,24px);font-weight:600;letter-spacing:-.5px;color:var(--text)}.mlabel{font-size:clamp(8px,.75vw,10px);color:var(--text3);margin-top:2px}.msub{font-size:clamp(8px,.78vw,10px);color:var(--text2);margin-top:clamp(6px,.6vw,8px)}.pcard{background:var(--glass-card);border:1px solid var(--glass-b2);border-radius:var(--r-md);padding:clamp(11px,1.1vw,14px) clamp(12px,1.2vw,15px);box-shadow:var(--shadow-card);display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.pav{width:clamp(40px,4vw,48px);height:clamp(40px,4vw,48px);border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:clamp(14px,1.5vw,18px);font-weight:700;color:#fff;border:2.5px solid rgba(255,255,255,.8);box-shadow:0 2px 10px #2563eb38}.pname{font-size:clamp(11px,1vw,13px);font-weight:600;color:var(--text);margin-top:2px}.prole{font-size:clamp(8px,.78vw,10px);color:var(--text3)}.pst{font-size:clamp(18px,1.8vw,22px);font-weight:700;color:var(--accent);margin-top:4px}.pstl{font-size:clamp(8px,.75vw,9px);color:var(--text3)}.pbtn{margin-top:7px;width:100%;height:clamp(24px,2.5vh,28px);background:var(--accent-bg);border:1px solid rgba(37,99,235,.2);border-radius:7px;color:var(--accent);font-size:clamp(9px,.88vw,11px);font-weight:500;cursor:pointer;transition:background .15s}.pbtn:hover{background:#2563eb29}.panel{background:var(--glass-card);border:1px solid var(--glass-b2);border-radius:var(--r-md);padding:clamp(11px,1.1vw,14px) clamp(12px,1.2vw,15px);box-shadow:var(--shadow-card)}.ph{display:flex;align-items:center;gap:7px;margin-bottom:clamp(9px,.9vw,11px)}.ptitle{font-size:clamp(11px,1vw,13px);font-weight:600;color:var(--text)}.psub{font-size:clamp(8px,.75vw,10px);color:var(--text3);margin-left:auto}.dnav{display:flex;align-items:center;gap:4px;margin-left:auto}.db{width:clamp(20px,2vw,24px);height:clamp(20px,2vw,24px);background:#fff9;border:1px solid rgba(0,0,0,.09);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:clamp(9px,.85vw,11px);color:var(--text2);transition:background .15s}.db:hover{background:#ffffffd9}.dl{font-size:clamp(8px,.78vw,10px);font-weight:500;background:#fff9;border:1px solid rgba(0,0,0,.09);border-radius:6px;padding:2px 8px;color:var(--text2)}.mc{display:flex;align-items:flex-end;gap:3px;height:clamp(32px,3.5vh,40px)}.mb{flex:1;border-radius:3px 3px 0 0;background:#00000012;transition:background .15s;cursor:pointer;min-height:3px}.mb:hover{background:#2563eb4d}.mb.hi{background:var(--accent);box-shadow:0 0 8px #2563eb4d}.mb.mid{background:#2563eb38}.clrow{display:flex;justify-content:space-between;margin-top:4px;margin-bottom:clamp(8px,.8vw,11px)}.cl{font-size:clamp(7px,.7vw,9px);color:var(--text3)}.tl{display:flex;flex-direction:column;gap:clamp(4px,.45vw,6px)}.ti{background:#ffffff73;border:1px solid rgba(255,255,255,.6);border-radius:7px;padding:clamp(7px,.7vw,9px) clamp(9px,.9vw,11px);display:flex;align-items:center;gap:clamp(7px,.7vw,9px);cursor:pointer;transition:background .15s,border-color .15s}.ti:hover{background:#ffffffb3;border-color:#ffffffd9}.sd{width:6px;height:6px;border-radius:50%;flex-shrink:0}.sd.done{background:var(--green);box-shadow:0 0 5px #16a34a66}.sd.run{background:var(--accent);box-shadow:0 0 5px #2563eb66;animation:blink 1.4s ease-in-out infinite}.sd.wait{background:#0000002e}.sd.blk{background:var(--amber);box-shadow:0 0 5px #d9770659}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.ti-info{flex:1;min-width:0}.ti-n{font-size:clamp(10px,.95vw,12px);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ti-m{font-size:clamp(8px,.76vw,10px);color:var(--text3);margin-top:1px}.tsm{font-size:clamp(8px,.72vw,9px);font-weight:600;padding:1px 6px;border-radius:20px;white-space:nowrap}.tsm.pm{background:#2563eb17;color:var(--accent)}.tsm.dev{background:#16a34a14;color:var(--green)}.tsm.qa{background:#d9770614;color:var(--amber)}.tt{font-size:clamp(8px,.75vw,9px);font-family:JetBrains Mono,monospace;color:var(--text3);white-space:nowrap}.ti-act{height:24px;padding:0 8px;border:none;border-radius:999px;background:#2563eb1a;color:var(--accent);font-size:9px;font-weight:700;cursor:pointer;transition:opacity .15s,background .15s;white-space:nowrap}.ti-act:hover{background:#2563eb29}.ti-act:disabled{opacity:.6;cursor:progress}.statcol{display:flex;flex-direction:column;gap:clamp(8px,.8vw,10px)}.sp{background:var(--glass-card);border:1px solid var(--glass-b2);border-radius:var(--r-md);padding:clamp(10px,1vw,13px) clamp(11px,1.1vw,14px);box-shadow:var(--shadow-card)}.sph{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(7px,.7vw,9px)}.spt{font-size:clamp(9px,.88vw,11px);font-weight:600;color:var(--text2)}.sel{font-size:clamp(8px,.76vw,10px);background:#fff9;border:1px solid rgba(0,0,0,.09);border-radius:5px;color:var(--text2);padding:2px 6px;cursor:pointer;outline:none}.bign{font-size:clamp(21px,2.2vw,26px);font-weight:700;letter-spacing:-.5px;color:var(--text)}.bign span{font-size:clamp(9px,.9vw,11px);color:var(--text3);font-weight:400}.bl2{display:flex;flex-direction:column;gap:clamp(5px,.5vw,7px);margin-top:clamp(7px,.7vw,9px)}.bi .bir{display:flex;justify-content:space-between;margin-bottom:3px}.bi .bil{font-size:clamp(8px,.78vw,10px);color:var(--text2)}.bi .bip{font-size:clamp(8px,.78vw,10px);color:var(--text3);font-family:JetBrains Mono,monospace}.bt{height:3px;background:#00000014;border-radius:2px;overflow:hidden}.bf{height:100%;border-radius:2px}.lp{display:flex;align-items:center;gap:3px;font-size:clamp(8px,.72vw,9px);font-weight:500;padding:2px 6px;border-radius:20px}.lp.on{background:var(--green-bg);color:var(--green)}.lp.off{background:#0000000f;color:var(--text3)}.ld{width:4px;height:4px;border-radius:50%;background:currentColor}.ld.pulse{animation:blink 1.4s infinite}.ol{display:flex;flex-direction:column;gap:clamp(4px,.45vw,6px)}.oi{display:flex;align-items:center;gap:clamp(7px,.7vw,9px);padding:clamp(7px,.7vw,9px) clamp(9px,.9vw,11px);background:#ffffff73;border:1px solid rgba(255,255,255,.6);border-radius:7px;cursor:pointer;transition:background .15s,border-color .15s}.oi:hover{background:#ffffffb3;border-color:#ffffffd9}.oico{width:clamp(24px,2.2vw,28px);height:clamp(24px,2.2vw,28px);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:clamp(11px,1vw,13px);flex-shrink:0}.oico.b{background:#2563eb17}.oico.g{background:#16a34a14}.oico.a{background:#d9770614}.oi-info{flex:1;min-width:0}.oi-n{font-size:clamp(10px,.92vw,11px);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oi-m{font-size:clamp(8px,.74vw,9px);color:var(--text3);margin-top:1px}.ois{font-size:clamp(8px,.72vw,9px);color:var(--text3);font-family:JetBrains Mono,monospace;white-space:nowrap}.colhr{display:flex;padding:0 clamp(9px,.9vw,11px) 4px}.colh{font-size:clamp(7px,.7vw,8px);color:var(--text3);font-weight:600;text-transform:uppercase;letter-spacing:.6px}.aclist{display:flex;flex-direction:column;gap:clamp(4px,.45vw,6px)}.aci{display:flex;align-items:center;gap:clamp(7px,.7vw,9px);padding:clamp(7px,.7vw,9px) clamp(9px,.9vw,11px);background:#ffffff73;border:1px solid rgba(255,255,255,.6);border-radius:7px;cursor:pointer;transition:background .15s,border-color .15s}.aci:hover{background:#ffffffb3;border-color:#ffffffd9}.aci.ds{border-style:dashed;border-color:#00000021;opacity:.5;background:transparent}.addico{width:26px;height:26px;background:#0000000d;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:16px;flex-shrink:0}.sep{height:1px;background:#00000012;margin:clamp(7px,.7vw,9px) 0}.empty-state{min-height:116px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:14px 15px;border-radius:10px;background:#ffffff6b;border:1px dashed rgba(37,99,235,.18)}.empty-state.compact{min-height:96px}.empty-state-kicker{font-size:8px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--accent)}.empty-state-title{font-size:11px;font-weight:600;color:var(--text)}.empty-state-copy{font-size:10px;line-height:1.5;color:var(--text2)}.bg-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:49;background:transparent}#bg-panel{position:fixed;top:clamp(12px,1.6vw,20px);right:clamp(12px,1.6vw,20px);width:clamp(280px,26vw,330px);background:#f5f5f8eb;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.85);border-radius:20px;box-shadow:0 12px 40px #0000002e;z-index:50;padding:18px 18px 16px;display:none;animation:slideDown .25s cubic-bezier(.22,1,.36,1) both}#bg-panel.open{display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.bpp-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}.bpp-close{width:24px;height:24px;border-radius:6px;background:#0000000f;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text2);font-size:14px;transition:background .15s}.bpp-close:hover{background:#0000001f}.bpp-section{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px}.preset-item{aspect-ratio:16/10;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:border-color .15s,transform .15s;background-size:cover;background-position:center;overflow:hidden;position:relative}.preset-item:hover{transform:scale(1.03)}.preset-item.active{border-color:var(--accent)}.preset-item span{position:absolute;bottom:0;left:0;right:0;padding:3px 5px;background:#0006;color:#fff;font-size:8px;font-weight:500;text-align:center}.upload-zone{border:1.5px dashed rgba(37,99,235,.3);border-radius:10px;padding:14px;text-align:center;cursor:pointer;background:#2563eb0a;transition:background .15s,border-color .15s;margin-bottom:14px}.upload-zone:hover,.upload-zone.drag-over{background:#2563eb14;border-color:#2563eb80}.upload-zone svg{width:20px;height:20px;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;margin:0 auto 5px;display:block}.upload-zone p{font-size:10px;color:var(--text2);font-weight:500}.upload-zone span{font-size:9px;color:var(--text3)}#bg-file-input{display:none}.slider-row{margin-bottom:10px}.slider-label{display:flex;justify-content:space-between;margin-bottom:5px}.slider-label span{font-size:10px;color:var(--text2);font-weight:500}.slider-value{font-size:10px;color:var(--accent);font-family:JetBrains Mono,monospace}input[type=range].sl{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000001a;border-radius:2px;outline:none;cursor:pointer}input[type=range].sl::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 1px 4px #2563eb4d;-webkit-transition:transform .15s;transition:transform .15s}input[type=range].sl::-webkit-slider-thumb:hover{transform:scale(1.2)}.token-meta{font-size:clamp(8px,.78vw,10px);color:var(--text3);margin-top:3px}.token-bar{margin-top:8px;height:5px}.deliverable-header{gap:8px}.colh-flex{flex:1}.colh-size,.ois-size{width:44px;text-align:center}.colh-time,.ois-time{width:56px;text-align:right}.ois-highlight{color:var(--accent)}.orchestrator-panel{display:flex;flex-direction:column}.throughput-label{font-size:clamp(7px,.7vw,8px);color:var(--text3);font-weight:600;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.throughput-chart{height:28px}.throughput-value{font-size:clamp(17px,1.8vw,21px);font-weight:700;font-family:JetBrains Mono,monospace;margin-top:6px;color:var(--text)}.throughput-value span{font-size:clamp(8px,.78vw,10px);color:var(--text3);font-weight:400}.page-stack{display:flex;flex-direction:column;gap:clamp(8px,.8vw,11px)}.page-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(7px,.7vw,10px)}.page-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(7px,.7vw,10px)}.page-grid-main{display:grid;grid-template-columns:minmax(0,1.15fr) clamp(200px,18vw,260px);gap:clamp(7px,.7vw,10px)}.stack-note-list{display:flex;flex-direction:column;gap:clamp(8px,.8vw,10px)}.stack-note{background:#ffffff73;border:1px solid rgba(255,255,255,.6);border-radius:10px;padding:12px 13px;display:flex;flex-direction:column;gap:4px}.stack-note strong{font-size:11px;color:var(--text)}.stack-note span{font-size:10px;line-height:1.5;color:var(--text2)}.team-note.pm{border-color:#2563eb24}.team-note.dev{border-color:#16a34a29}.team-note.qa{border-color:#d9770629}.team-note-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.team-note-focus{color:var(--text)!important;font-weight:600}.team-note-members{color:var(--text3)!important}.team-pcard-actions{display:flex;flex-direction:column;gap:7px;width:100%;margin-top:10px}.skill-library-list{display:flex;flex-direction:column;gap:clamp(6px,.6vw,8px)}.skill-library-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;background:#ffffff73;border:1px solid rgba(255,255,255,.6)}.skill-library-hint{margin-top:4px;font-size:10px;line-height:1.5;color:var(--text3)}.runtime-alert{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;background:#d977061a;border:1px solid rgba(217,119,6,.18);color:var(--text2);font-size:11px}.runtime-alert button{border:none;background:transparent;color:var(--amber);font-size:10px;font-weight:700;cursor:pointer}.messages-grid{display:grid;grid-template-columns:clamp(240px,22vw,290px) minmax(0,1fr);gap:clamp(7px,.7vw,10px)}.thread-list{display:flex;flex-direction:column;gap:clamp(5px,.5vw,7px)}.thread-item{display:flex;align-items:flex-start;gap:10px;background:#ffffff73;border:1px solid rgba(255,255,255,.6);border-radius:10px;padding:10px 11px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.thread-item:hover{background:#ffffffb3;border-color:#ffffffd9;transform:translateY(-1px)}.thread-item.active{background:#ffffffd1;border-color:#2563eb2e;box-shadow:var(--shadow-card)}.thread-avatar{width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.thread-avatar.tone-blue{background:linear-gradient(135deg,#2563eb,#4f46e5)}.thread-avatar.tone-green{background:linear-gradient(135deg,#16a34a,#15803d)}.thread-avatar.tone-amber{background:linear-gradient(135deg,#d97706,#b45309)}.thread-body{flex:1;min-width:0}.thread-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.thread-title{font-size:11px;font-weight:600;color:var(--text)}.thread-time{font-size:9px;color:var(--text3);font-family:JetBrains Mono,monospace}.thread-sub{margin-top:3px;font-size:10px;line-height:1.45;color:var(--text2);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.message-panel{display:flex;flex-direction:column}.message-stream{display:flex;flex-direction:column;gap:clamp(8px,.8vw,10px);min-height:340px}.msg-bubble{max-width:78%;border-radius:14px;padding:11px 12px;line-height:1.55;font-size:11px;border:1px solid rgba(255,255,255,.65)}.msg-bubble.self{align-self:flex-end;background:#2563eb1f;color:var(--text);border-color:#2563eb2e}.msg-bubble.other{align-self:flex-start;background:#ffffff8c;color:var(--text)}.msg-bubble.system{align-self:flex-start;background:#d977061a;color:var(--text);border-color:#d977062e}.msg-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px;font-size:9px;color:var(--text3);font-family:JetBrains Mono,monospace}.settings-list{display:flex;flex-direction:column;gap:clamp(6px,.6vw,8px)}.settings-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 13px;border-radius:10px;background:#ffffff73;border:1px solid rgba(255,255,255,.6)}.settings-label{font-size:11px;font-weight:600;color:var(--text)}.settings-help{margin-top:3px;font-size:10px;line-height:1.45;color:var(--text2);max-width:360px}.settings-value{font-size:10px;font-weight:600;color:var(--accent);background:#2563eb14;border:1px solid rgba(37,99,235,.14);padding:4px 8px;border-radius:999px;white-space:nowrap}.composer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:79;background:#00000024;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.composer-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(92vw,520px);z-index:80;background:#f5f5f8eb;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.85);border-radius:24px;box-shadow:0 24px 64px #00000038,0 0 0 1px #fff9;padding:22px 22px 18px;animation:popIn .28s cubic-bezier(.22,1,.36,1) both}.composer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.composer-title{font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.3px}.composer-sub{margin-top:4px;font-size:11px;line-height:1.55;color:var(--text2)}.composer-form{display:flex;flex-direction:column;gap:12px}.composer-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.composer-field{display:flex;flex-direction:column;gap:6px}.composer-field span{font-size:11px;font-weight:600;color:var(--text2)}.composer-field input,.composer-field select,.composer-field textarea{width:100%;background:#ffffffb8;border:1px solid rgba(0,0,0,.1);border-radius:12px;color:var(--text);font-size:13px;outline:none;transition:border-color .18s,background .18s}.composer-field input,.composer-field select{height:42px;padding:0 12px}.composer-field select.composer-multi{min-height:112px;height:auto;padding:10px 12px}.composer-field textarea{resize:vertical;min-height:112px;padding:11px 12px;line-height:1.6}.composer-check{display:flex;align-items:center;gap:10px;padding:8px 2px 0;font-size:11px;color:var(--text2)}.composer-check input{accent-color:var(--accent)}.composer-field input:focus,.composer-field select:focus,.composer-field textarea:focus{border-color:#2563eb66;background:#ffffffe6}.composer-error{min-height:16px;margin-top:10px;font-size:11px;color:var(--red);opacity:0;transition:opacity .18s}.composer-error.show{opacity:1}.composer-meta{margin-top:2px;font-size:10px;line-height:1.6;color:var(--text3)}.composer-actions{margin-top:16px;display:flex;justify-content:flex-end;gap:8px}.btn-ghost{height:32px;padding:0 14px;background:#ffffff8c;border:1px solid rgba(0,0,0,.09);border-radius:8px;color:var(--text2);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s}.btn-ghost:hover{background:#fffc}.composer-submit{min-width:104px;justify-content:center}@media (max-width: 1180px){.r4,.rmid,.rbot,.page-grid-2,.page-grid-3,.page-grid-main,.messages-grid{grid-template-columns:1fr}}