*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg0: #0b0d11;--bg1: #111318;--bg2: #1a1d24;--bg3: #22262e;--bgH: #282c35;--brd: #2d323b;--brdL: #3a3f4b;--t0: #e8ecf1;--t1: #b0b8c4;--t2: #6b7280;--t3: #4b5563;--blue: #4493f8;--green: #3fb950;--red: #f85149;--yellow: #d29922;--mono: "JetBrains Mono", monospace;--sans: "Inter", -apple-system, sans-serif;--r: 6px;--rl: 10px;--sw: 380px}html,body,#root{height:100%;background:var(--bg0);color:var(--t0);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.login-screen{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#151820 0%,var(--bg0) 70%)}.login-box{width:380px;padding:48px 40px;background:var(--bg1);border:1px solid var(--brd);border-radius:var(--rl);box-shadow:0 20px 60px #00000080}.login-title{text-align:center;font-family:var(--mono);font-size:22px;font-weight:600;letter-spacing:4px;color:var(--t0);margin-bottom:36px}.login-title .accent{color:var(--blue);font-size:26px}.login-input{width:100%;padding:14px 16px;background:var(--bg0);border:1px solid var(--brd);border-radius:var(--r);color:var(--t0);font-family:var(--mono);font-size:14px;outline:none;transition:border-color .2s}.login-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #4493f81f}.login-error{margin-top:12px;color:var(--red);font-size:13px;text-align:center}.login-btn{width:100%;margin-top:24px;padding:13px;background:var(--blue);border:none;border-radius:var(--r);color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:opacity .2s,transform .1s}.login-btn:hover{opacity:.92}.login-btn:active{transform:scale(.98)}.login-btn:disabled{opacity:.5;cursor:default;transform:none}.app{height:100%;display:grid;grid-template-columns:var(--sw) 1fr}.sidebar{background:var(--bg1);border-right:1px solid var(--brd);display:flex;flex-direction:column;overflow:hidden}.sb-head{padding:20px 16px 14px;border-bottom:1px solid var(--brd)}.sb-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sb-title{font-weight:600;font-size:16px}.sb-badges{display:flex;gap:8px;align-items:center}.sb-total{background:var(--bg3);padding:2px 10px;border-radius:10px;font-size:12px;font-family:var(--mono);color:var(--t1)}.sb-ws{padding:2px 8px;border-radius:10px;font-size:10px;font-family:var(--mono);font-weight:600}.sb-ws.on{background:#3fb95026;color:var(--green)}.sb-ws.off{background:#d2992226;color:var(--yellow)}.sb-active{background:#3fb9501f;color:var(--green);padding:2px 10px;border-radius:10px;font-size:12px;font-family:var(--mono);font-weight:500;animation:pulse 2s ease-in-out infinite}.sb-search{width:100%;padding:10px 12px;background:var(--bg0);border:1px solid var(--brd);border-radius:var(--r);color:var(--t0);font-size:13px;outline:none;transition:border-color .2s}.sb-search:focus{border-color:var(--blue)}.sb-search::placeholder{color:var(--t3)}.sb-list{flex:1;overflow-y:auto;padding:8px}.sb-empty{text-align:center;color:var(--t3);padding:48px 16px;font-size:13px}.sb-logout{margin:8px 16px 16px;padding:8px;background:none;border:1px solid var(--brd);border-radius:var(--r);color:var(--t2);font-size:12px;cursor:pointer;transition:all .2s}.sb-logout:hover{border-color:var(--red);color:var(--red)}.ci{padding:12px 14px;border-radius:var(--r);cursor:pointer;transition:background .15s,border-color .15s;border-left:3px solid transparent;margin-bottom:2px}.ci:hover{background:var(--bg2)}.ci.sel{background:var(--bg3);border-left-color:var(--blue)}.ci.active,.ci.active.sel{border-left-color:var(--green)}.ci-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.ci-num{font-family:var(--mono);font-weight:600;font-size:14px}.active-badge{color:var(--green);font-size:11px;font-weight:600;font-family:var(--mono);animation:pulse 2s ease-in-out infinite}.active-badge.lg{font-size:13px;margin-left:12px}.ci-bot{display:flex;gap:12px;font-size:12px;font-family:var(--mono);color:var(--t2)}.panel{display:flex;flex-direction:column;overflow:hidden;background:var(--bg0)}.panel.empty-panel,.panel.center{align-items:center;justify-content:center;color:var(--t3)}.empty-msg{text-align:center}.empty-ico{font-size:56px;margin-bottom:16px;color:var(--brd)}.t-hdr{padding:20px 28px;border-bottom:1px solid var(--brd);background:var(--bg1)}.t-hdr-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.t-number{font-family:var(--mono);font-size:22px;font-weight:600;display:flex;align-items:center}.t-id{font-family:var(--mono);font-size:12px;color:var(--t3)}.t-meta{display:flex;gap:28px;flex-wrap:wrap}.t-mi{display:flex;flex-direction:column;gap:3px}.t-ml{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--t2)}.t-mv{font-family:var(--mono);font-size:13px;color:var(--t1)}.t-mi.sm .t-mv{font-size:11px;color:var(--t3);word-break:break-all;max-width:260px}.t-msgs{flex:1;overflow-y:auto;padding:20px 28px}.msg{margin-bottom:10px;padding:14px 18px;border-radius:var(--r);border-left:3px solid;transition:background .15s;animation:fadeIn .25s ease-out}.msg:hover{background:var(--bg2)}.msg.agent{background:#4493f80a;border-left-color:var(--blue)}.msg.user{background:#3fb9500a;border-left-color:var(--green)}.msg-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.msg-role{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.msg.agent .msg-role{color:var(--blue)}.msg.user .msg-role{color:var(--green)}.msg-info{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.tag{font-family:var(--mono);font-size:11px;padding:2px 7px;border-radius:4px;background:var(--bg3);color:var(--t2);white-space:nowrap}.tag.dim{color:var(--t3);font-size:10px}.tag.repeat{margin-left:6px;background:#d299221f;color:var(--yellow)}.tag.lat.good{background:#3fb9501f;color:var(--green)}.tag.lat.warn{background:#d299221f;color:var(--yellow)}.tag.lat.bad{background:#f851491f;color:var(--red)}.msg-txt{font-size:14px;line-height:1.7;color:var(--t0)}.typing-indicator{display:flex;gap:6px;padding:14px 18px;align-items:center}.typing-dot{width:8px;height:8px;border-radius:50%;background:var(--t3);animation:typing 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--brd);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--brdL)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.back-btn{display:none;background:none;border:1px solid var(--brd);border-radius:var(--r);color:var(--t1);font-size:13px;font-family:var(--sans);padding:6px 14px;cursor:pointer;transition:all .2s;white-space:nowrap}.back-btn:hover{border-color:var(--blue);color:var(--blue)}.t-hdr-left{display:contents}@media(max-width:768px){:root{--sw: 100%}.app{grid-template-columns:1fr}.sidebar{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;border-right:none}.sidebar.mobile-hidden,.panel.mobile-hidden{display:none}.app.has-selection .panel{display:flex}.back-btn{display:inline-flex}.t-hdr-left{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.t-hdr-top{flex-direction:column;gap:8px}.t-hdr{padding:16px}.t-meta{gap:16px}.t-msgs{padding:12px}.msg{padding:10px 12px}.msg-top{flex-direction:column;align-items:flex-start;gap:4px}.msg-info{justify-content:flex-start}.login-box{width:calc(100% - 32px);max-width:380px;padding:36px 24px}.t-number{font-size:18px}.t-mi.sm .t-mv{max-width:180px}.sb-head{padding:16px 12px 12px}.sb-list{padding:4px}.ci{padding:10px 12px}.sb-logout{margin:8px 12px 12px}}@media(max-width:380px){.ci-bot{gap:8px;font-size:11px}.tag{font-size:10px;padding:1px 5px}.msg-txt{font-size:13px}}@keyframes typing{0%,60%,to{opacity:.2;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}