*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0c0c0c;--bg1:#111;--bg2:#161616;--bg3:#1c1c1c;--b:#262626;--b2:#383838;--t:#e8e8e8;--t2:#888;--t3:#555;--acc:#4ade80;--blue:#60a5fa;--amber:#fbbf24;--red:#f87171;--purple:#a78bfa;--cyan:#22d3ee;--font:"JetBrains Mono","Fira Code","SF Mono",Menlo,Consolas,monospace;--sans:"Inter",system-ui,sans-serif;--r:4px}[data-theme=light]{--bg:#f5f5f3;--bg1:#fff;--bg2:#efefed;--bg3:#e8e8e6;--b:#e0e0de;--b2:#c8c8c6;--t:#111;--t2:#555;--t3:#999;--acc:#16a34a}html,body,#root{height:100%;background:var(--bg);color:var(--t);font-family:var(--font);font-size:13px;overflow:hidden}.app{display:flex;height:100vh}.sb{width:196px;min-width:196px;background:var(--bg1);border-right:1px solid var(--b);display:flex;flex-direction:column}.sb-logo{padding:16px 14px;border-bottom:1px solid var(--b)}.sb-logo .mark{font-size:9px;color:var(--t3);letter-spacing:.12em;margin-bottom:3px}.sb-logo .name{font-size:13px;color:var(--t)}.sb-logo .name b{color:var(--acc);font-weight:400}.sb nav{flex:1;overflow-y:auto;padding:6px 0}.sb nav::-webkit-scrollbar{width:0}.ns{padding:10px 12px 3px;font-size:9px;color:var(--t3);letter-spacing:.12em;text-transform:uppercase}.ni{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;color:var(--t2);border-left:2px solid transparent;font-size:11px;transition:all .1s;white-space:nowrap;text-decoration:none}.ni:hover{color:var(--t);background:var(--bg2)}.ni.active{color:var(--acc);border-left-color:var(--acc);background:#4ade800d}.ni .ic{width:13px;text-align:center;flex-shrink:0;font-style:normal}.nb{margin-left:auto;font-size:9px;padding:1px 5px;background:#4ade801f;color:var(--acc);border-radius:8px}.sb-bot{padding:10px 12px;border-top:1px solid var(--b);display:flex;align-items:center;gap:8px}.dot{width:5px;height:5px;border-radius:50%;background:var(--acc);flex-shrink:0;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:40px;border-bottom:1px solid var(--b);display:flex;align-items:center;padding:0 16px;gap:12px;background:var(--bg1);flex-shrink:0}.tb-path{font-size:11px;color:var(--t3)}.tb-path b{color:var(--t2);font-weight:400}.tb-r{margin-left:auto;display:flex;align-items:center;gap:8px}.tbtn{font-size:10px;color:var(--t3);cursor:pointer;padding:3px 8px;border:1px solid var(--b);border-radius:var(--r);background:transparent;font-family:var(--font);transition:all .1s;white-space:nowrap}.tbtn:hover{color:var(--t);border-color:var(--b2)}.tbtn:disabled{opacity:.4;cursor:not-allowed}.tb-time{font-size:10px;color:var(--t3)}.content{flex:1;overflow-y:auto;padding:16px 18px}.content::-webkit-scrollbar{width:3px}.content::-webkit-scrollbar-thumb{background:var(--b2);border-radius:2px}.ptitle{font-size:9px;color:var(--t3);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--b)}.g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mb10{margin-bottom:10px}.mb14{margin-bottom:14px}.card{background:var(--bg2);border:1px solid var(--b);border-radius:var(--r);padding:12px 14px}.ct{font-size:9px;color:var(--t3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.met{background:var(--bg2);border:1px solid var(--b);border-radius:var(--r);padding:10px 12px}.ml{font-size:9px;color:var(--t3);margin-bottom:5px}.mv{font-size:18px;color:var(--t)}.ms{font-size:10px;margin-top:3px}.up{color:var(--acc)}.dn{color:var(--red)}.neu{color:var(--t3)}.tag{display:inline-block;font-size:9px;padding:1px 6px;border-radius:3px}.tg{background:#4ade801a;color:var(--acc);border:1px solid rgba(74,222,128,.2)}.tb-tag{background:#60a5fa1a;color:var(--blue);border:1px solid rgba(96,165,250,.2)}.ta{background:#fbbf241a;color:var(--amber);border:1px solid rgba(251,191,36,.2)}.tr{background:#f871711a;color:var(--red);border:1px solid rgba(248,113,113,.2)}.tp{background:#a78bfa1a;color:var(--purple);border:1px solid rgba(167,139,250,.2)}.tc{background:#22d3ee1a;color:var(--cyan);border:1px solid rgba(34,211,238,.2)}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:9px;color:var(--t3);padding:5px 8px;border-bottom:1px solid var(--b);letter-spacing:.06em;font-weight:400}.tbl td{padding:7px 8px;border-bottom:1px solid var(--b);font-size:11px;color:var(--t2)}.tbl tr:hover td{background:var(--bg3);color:var(--t)}.tbl tr:last-child td{border-bottom:none}.chat-box{background:var(--bg2);border:1px solid var(--b);border-radius:var(--r);display:flex;flex-direction:column}.chat-roles{display:flex;gap:5px;padding:8px 10px;border-bottom:1px solid var(--b);overflow-x:auto;flex-wrap:wrap}.rbtn{font-size:10px;padding:2px 9px;border:1px solid var(--b);border-radius:3px;cursor:pointer;background:transparent;color:var(--t3);font-family:var(--font);transition:all .1s;white-space:nowrap}.rbtn:hover{color:var(--t);border-color:var(--b2)}.rbtn.active,.rbtn.ar{color:var(--acc);border-color:#4ade8066;background:#4ade800d}.chat-msgs{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:7px}.chat-msgs::-webkit-scrollbar{width:2px}.chat-msgs::-webkit-scrollbar-thumb{background:var(--b2)}.msg{max-width:88%;padding:7px 11px;border-radius:var(--r);font-size:11px;line-height:1.65;white-space:pre-wrap;word-break:break-word}.mu{align-self:flex-end;background:#4ade8014;border:1px solid rgba(74,222,128,.18);color:var(--t)}.ma{align-self:flex-start;background:var(--bg3);border:1px solid var(--b);color:var(--t2)}.ma .al{font-size:9px;color:var(--acc);margin-bottom:2px}.ci-row{display:flex;border-top:1px solid var(--b)}.ci{flex:1;background:transparent;border:none;outline:none;padding:9px 12px;font-size:11px;color:var(--t);font-family:var(--font)}.ci::placeholder{color:var(--t3)}.cs{padding:0 12px;background:transparent;border:none;border-left:1px solid var(--b);color:var(--acc);cursor:pointer;font-size:10px;font-family:var(--font)}.cs:hover{background:#4ade800f}.term{background:#000;border:1px solid var(--b);border-radius:var(--r);font-family:var(--font);font-size:12px;display:flex;flex-direction:column}.term-bar{padding:7px 12px;border-bottom:1px solid #1a1a1a;display:flex;align-items:center;gap:4px}.term-dot{width:8px;height:8px;border-radius:50%}.term-out{flex:1;overflow-y:auto;padding:10px 12px;color:#0f8;line-height:1.7;min-height:200px}.term-out::-webkit-scrollbar{width:2px}.term-out::-webkit-scrollbar-thumb{background:#333}.term-out .tl-dim{color:#555}.term-out .tl-err{color:#f87171}.term-out .tl-ok{color:#4ade80}.term-out .tl-info{color:#60a5fa}.term-out .tl-warn{color:#fbbf24}.term-in-row{display:flex;align-items:center;gap:6px;padding:8px 12px;border-top:1px solid #1a1a1a}.term-prompt{color:#4ade80;flex-shrink:0;font-size:11px}.term-in{flex:1;background:transparent;border:none;outline:none;color:#0f8;font-family:var(--font);font-size:12px}.gauge-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.gauge-label{font-size:10px;color:var(--t3);width:60px;flex-shrink:0}.gauge-bar{flex:1;height:4px;background:var(--b);border-radius:2px;overflow:hidden}.gauge-fill{height:100%;border-radius:2px;transition:width 1s ease}.gauge-val{font-size:10px;width:50px;text-align:right;flex-shrink:0}.agent-card{background:var(--bg2);border:1px solid var(--b);border-radius:var(--r);padding:12px;transition:border-color .1s}.agent-card:hover{border-color:var(--b2)}.agent-hd{display:flex;align-items:center;gap:8px;margin-bottom:8px}.agent-ico{width:28px;height:28px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:14px;font-style:normal;flex-shrink:0}.agent-name{font-size:11px;color:var(--t)}.agent-role{font-size:10px;color:var(--t3)}.agent-status{margin-left:auto;flex-shrink:0}.status-run{color:var(--acc);font-size:10px}.status-idle{color:var(--t3);font-size:10px}.status-err{color:var(--red);font-size:10px}.agent-log{font-size:10px;color:var(--t3);line-height:1.6;border-top:1px solid var(--b);padding-top:8px;margin-top:4px}.skill-card{background:var(--bg2);border:1px solid var(--b);border-radius:var(--r);padding:10px 12px;cursor:pointer;transition:all .1s}.skill-card:hover{border-color:var(--b2);background:var(--bg3)}.ni-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--b);cursor:pointer}.ni-item:last-child{border-bottom:none}.ni-item:hover .ni-title{color:var(--t)}.ni-dot{width:4px;height:4px;border-radius:50%;background:var(--b2);margin-top:5px;flex-shrink:0}.ni-dot.fresh{background:var(--acc)}.ni-title{font-size:11px;color:var(--t2);line-height:1.5;margin-bottom:2px;transition:color .1s}.ni-meta{font-size:9px;color:var(--t3);display:flex;gap:8px;align-items:center}.bchart{display:flex;align-items:flex-end;gap:3px;height:56px}.bar{flex:1;background:#4ade8038;border-radius:2px 2px 0 0;transition:background .1s;min-width:0}.bar:hover{background:#4ade8073}.inp{background:var(--bg2);border:1px solid var(--b);border-radius:var(--r);padding:6px 10px;color:var(--t);font-family:var(--font);font-size:11px;outline:none;width:100%;transition:border-color .1s}.inp:focus{border-color:var(--b2)}.inp::placeholder{color:var(--t3)}.sl{font-size:9px;color:var(--t3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;margin-top:14px}.sl:first-child{margin-top:0}.divider{height:1px;background:var(--b);margin:12px 0}.spin{display:inline-block;width:9px;height:9px;border:1.5px solid var(--b2);border-top-color:var(--acc);border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.log-line{font-size:10px;color:var(--t3);padding:2px 0;border-bottom:1px solid var(--b);line-height:1.6}.log-line:last-child{border-bottom:none}.log-line .ts{color:var(--t3);margin-right:8px}.log-line .ok{color:var(--acc);margin-right:6px}.log-line .warn{color:var(--amber);margin-right:6px}.log-line .err{color:var(--red);margin-right:6px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--b);margin-bottom:14px}.tab{font-size:10px;padding:6px 14px;cursor:pointer;color:var(--t3);border-bottom:2px solid transparent;transition:all .1s;background:transparent;border-left:none;border-right:none;border-top:none;font-family:var(--font)}.tab:hover{color:var(--t2)}.tab.active{color:var(--acc);border-bottom-color:var(--acc)}.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--bg);font-family:var(--font)}.login-box{background:var(--bg1);border:1px solid var(--b);border-radius:var(--r);padding:24px;width:340px}.login-box .mark{font-size:9px;color:var(--t3);letter-spacing:.14em;margin-bottom:6px}.login-box h1{font-size:15px;color:var(--t);font-weight:400;margin-bottom:18px}.login-box h1 b{color:var(--acc);font-weight:400}.login-box label{display:block;font-size:9px;color:var(--t3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;margin-top:12px}.login-box label:first-of-type{margin-top:0}.login-box .err{margin-top:12px;font-size:10px;color:var(--red);border:1px solid rgba(248,113,113,.3);background:#f871710f;padding:6px 9px;border-radius:var(--r)}.login-box button{width:100%;margin-top:18px;padding:8px;background:transparent;border:1px solid var(--acc);color:var(--acc);font-family:var(--font);font-size:11px;cursor:pointer;border-radius:var(--r);letter-spacing:.08em;transition:background .1s}.login-box button:hover{background:#4ade801a}.login-box button:disabled{opacity:.5;cursor:not-allowed}