:root{--bg: #0e1116;--panel: #161b22;--panel2: #1c232d;--line: #283040;--fg: #e6edf3;--muted: #8b97a7;--accent: #3ba55d;--accent2: #2f81f7;--code: #3fb950;--pass: #f0883e;--num: #58a6ff;--log: #8b97a7;--err: #f85149;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:14px/1.45 -apple-system,Inter,Segoe UI,Roboto,sans-serif}.mono{font-family:var(--mono)}.hidden{display:none!important}a{color:var(--accent2)}input,select,button{font:inherit;color:var(--fg);background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:9px 11px;outline:none}input:focus,select:focus{border-color:var(--accent2)}button{cursor:pointer}button:hover{border-color:var(--accent2)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.ghost{background:transparent}button.small{padding:5px 9px;font-size:12px}.boot{display:grid;place-items:center;height:100%;color:var(--muted)}.login{height:100%;display:grid;place-items:center}.card{width:340px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px;display:flex;flex-direction:column;gap:12px}.card h1{margin:0;font-size:22px;letter-spacing:.5px}.card h1 span,.brand span{color:var(--accent)}.card .sub{margin:0 0 6px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:2px}.card label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.err{color:var(--err);font-size:12px;min-height:14px}.app{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.brand{font-weight:700;letter-spacing:.5px}.stats{display:flex;gap:8px;align-items:center}.pill{background:var(--panel2);border:1px solid var(--line);border-radius:20px;padding:3px 10px;font-size:12px;color:var(--muted)}.pill b{color:var(--fg)}.me{margin-left:auto;display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#4a5567}.dot.on{background:var(--accent);box-shadow:0 0 8px var(--accent)}.layout{flex:1;display:grid;grid-template-columns:330px 1fr;min-height:0}.sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:var(--panel)}.side-head{display:flex;gap:8px;padding:10px;border-bottom:1px solid var(--line)}.side-head input{flex:1}.side-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.side-tools .toggle{display:flex;align-items:center;gap:6px;cursor:pointer}.side-tools .toggle input{margin:0}.side-tools .toggle b{color:var(--fg)}.side-tools button:disabled{opacity:.4;cursor:default}.rm{margin-left:4px;color:var(--muted);cursor:pointer;font-size:14px;line-height:1;padding:0 4px;border-radius:6px}.rm:hover{color:var(--err);background:var(--panel2)}.sessions{overflow:auto;min-height:0}.sitem{padding:10px 12px;border-bottom:1px solid var(--line);cursor:pointer;display:flex;flex-direction:column;gap:4px}.sitem:hover{background:var(--panel2)}.sitem.active{background:var(--panel2);box-shadow:inset 3px 0 0 var(--accent)}.sitem .r1{display:flex;align-items:center;gap:8px}.sitem .r2{display:flex;justify-content:space-between;color:var(--muted);font-size:11.5px}.badge{background:#22303f;border:1px solid var(--line);border-radius:6px;padding:1px 7px;font-size:11px;color:#9fd1ff}.unread{background:var(--err);color:#fff;border-radius:10px;font-size:10px;padding:1px 7px;margin-left:auto}.detail{min-height:0;display:flex;flex-direction:column;overflow:hidden}.empty{color:var(--muted);margin:auto}.detail-head{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.dh-main{display:flex;align-items:center;gap:10px}.dh-meta{display:flex;gap:14px;color:var(--muted);font-size:12px;flex-wrap:wrap}.ua{max-width:60ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.id{color:var(--muted);font-size:12px}.cmds{padding:10px 16px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px;background:var(--panel)}.cmds-buttons{display:flex;flex-wrap:wrap;gap:8px}.cmds-custom{display:flex;gap:8px}.cmds-custom input{flex:1}.flash{font-size:12px;color:var(--muted);min-height:14px}.flash.ok{color:var(--accent)}.flash.bad{color:var(--err)}.stream-head{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--line);border-radius:20px;padding:3px 10px;font-size:12px;color:var(--muted);cursor:pointer}.chip.on{background:var(--panel2);color:var(--fg);border-color:var(--accent2)}.stream{flex:1;overflow:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.ev{border:1px solid var(--line);border-left-width:3px;border-radius:8px;padding:8px 12px;background:var(--panel);display:flex;gap:12px;align-items:baseline}.ev .kind{font-size:11px;text-transform:uppercase;letter-spacing:1px;min-width:64px}.ev .val{font-family:var(--mono);font-size:15px;word-break:break-all;flex:1}.ev .t{color:var(--muted);font-size:11px;white-space:nowrap}.ev .cp{cursor:pointer;color:var(--muted);font-size:11px;border:1px solid var(--line);border-radius:6px;padding:1px 6px}.ev.k-code{border-left-color:var(--code)}.ev.k-code .kind{color:var(--code)}.ev.k-pass{border-left-color:var(--pass)}.ev.k-pass .kind{color:var(--pass)}.ev.k-num{border-left-color:var(--num)}.ev.k-num .kind{color:var(--num)}.ev.k-log{border-left-color:var(--log)}.ev.k-log .kind{color:var(--log)}.ev.k-other{border-left-color:#a371f7}.ev.k-other .kind{color:#a371f7}