:root{--bg: #0b1020;--bg2: #111729;--bg3: #1a2236;--border: #243049;--text: #e7edf7;--text2: #9ba9c6;--muted: #6b7894;--pri: #6366f1;--pri-light: #818cf8;--ok: #22c55e;--warn: #f59e0b;--err: #ef4444;--info: #38bdf8;--fnt: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--fnt);font-size:14px;-webkit-font-smoothing:antialiased}button{font-family:inherit}.tabs{display:flex;gap:.25rem;margin-left:1rem;border:1px solid var(--border);background:var(--bg2);border-radius:8px;padding:2px}.tab{background:transparent;border:none;color:var(--text2);padding:.35rem .8rem;font-size:.8rem;font-weight:500;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.tab:hover{color:var(--text)}.tab.active{background:var(--pri);color:#fff}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at top right,rgba(99,102,241,.15),transparent 50%),radial-gradient(circle at bottom left,rgba(239,68,68,.1),transparent 50%),var(--bg)}.login-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:2.5rem;width:100%;max-width:380px;box-shadow:0 24px 60px #0006}.logo-block{text-align:center;margin-bottom:2rem}.logo-block h1{margin:.5rem 0 .3rem;font-size:1.5rem}.logo-block p{margin:0;color:var(--text2);font-size:.85rem}.logo-pulse{width:48px;height:48px;border-radius:50%;margin:0 auto;background:var(--err);animation:pulse 2s ease-in-out infinite;box-shadow:0 0 30px var(--err)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.login-card form{display:flex;flex-direction:column;gap:.6rem}.login-card label{font-size:.8rem;color:var(--text2);font-weight:600}.login-card input{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:.7rem .9rem;border-radius:8px;font-size:.95rem;font-family:inherit}.login-card input:focus{outline:2px solid var(--pri)}.login-card button[type=submit]{background:var(--pri);color:#fff;border:0;padding:.75rem;border-radius:8px;font-weight:600;cursor:pointer;font-size:.95rem;margin-top:.5rem}.login-card button[type=submit]:hover:not(:disabled){background:var(--pri-light)}.login-card button:disabled{opacity:.5;cursor:not-allowed}.login-card button.link{background:transparent;color:var(--text2);border:0;font-size:.8rem;cursor:pointer;padding:.5rem}.login-card .err{margin-top:1rem;padding:.6rem .8rem;border-radius:8px;background:#ef44441a;color:var(--err);border:1px solid rgba(239,68,68,.2);font-size:.85rem}.app{display:flex;flex-direction:column;height:100vh}.hdr{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;background:var(--bg2);border-bottom:1px solid var(--border)}.hdr-left,.hdr-right{display:flex;align-items:center;gap:1rem}.logo{display:flex;align-items:center;gap:.6rem;font-weight:700}.pulse{width:10px;height:10px;border-radius:50%;background:var(--muted)}.pulse.on{background:var(--err);box-shadow:0 0 12px var(--err);animation:blink 1.5s ease-in-out infinite}@keyframes blink{50%{opacity:.4}}.muted{color:var(--muted);font-size:.85rem}.btn-toggle{padding:.5rem 1rem;border-radius:8px;border:0;cursor:pointer;font-weight:600;font-size:.85rem}.btn-toggle.on{background:var(--err);color:#fff}.btn-toggle.off{background:var(--bg3);color:var(--text2);border:1px solid var(--border)}.btn-toggle:hover{filter:brightness(1.15)}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border);padding:.5rem .9rem;border-radius:8px;cursor:pointer;font-size:.85rem}.btn-ghost:hover{color:var(--text);border-color:var(--text2)}.banner{padding:.7rem 1.2rem;font-size:.85rem;border-bottom:1px solid var(--border)}.banner.warn{background:#f59e0b14;color:var(--warn)}.banner.err{background:#ef444414;color:var(--err)}.split{display:grid;grid-template-columns:360px 1fr;flex:1;overflow:hidden}.calls{background:var(--bg2);border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column}.calls-hdr{padding:1rem 1.2rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--bg2);z-index:1}.calls-hdr h2{margin:0;font-size:.95rem}.calls-hdr .count{color:var(--muted);font-size:.8rem}.calls ul{list-style:none;padding:0;margin:0}.calls .empty{padding:2rem 1.2rem;color:var(--muted);font-size:.85rem;line-height:1.6}.call{padding:.7rem 1.2rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.call:hover{background:var(--bg3)}.call.sel{background:#6366f11f;border-left:3px solid var(--pri);padding-left:calc(1.2rem - 3px)}.call.live{box-shadow:inset 3px 0 0 var(--ok)}.call-top,.call-mid,.call-bot{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.call-top .sid{font-family:var(--mono);color:var(--text);flex:1}.call-top .dot.live{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok);animation:blink 1s ease-in-out infinite}.call-top .engine{background:var(--bg3);color:var(--pri-light);padding:1px 6px;border-radius:4px;font-size:.7rem;font-weight:600}.call-mid{margin-top:.3rem;color:var(--text2)}.call-mid .caller{flex:1}.call-mid .line{color:var(--muted)}.call-bot{margin-top:.3rem;color:var(--muted);justify-content:space-between}.detail{overflow:hidden;display:flex;flex-direction:column}.empty-detail{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:1rem;height:100%}.detail-hdr{padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg2)}.detail-top h2{margin:0 0 .3rem;font-size:.95rem;font-family:var(--mono);color:var(--text)}.detail-meta{display:flex;gap:1.2rem;color:var(--text2);font-size:.8rem}.detail-meta .badge{background:var(--bg3);color:var(--pri-light);padding:1px 8px;border-radius:4px;font-weight:600;font-size:.72rem}.detail-filter{display:flex;gap:.5rem;margin-top:.7rem;align-items:center}.detail-filter input{flex:1;background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:.45rem .7rem;border-radius:6px;font-size:.85rem;font-family:var(--mono)}.detail-filter select{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:.45rem .7rem;border-radius:6px;font-size:.85rem}.detail-filter .count{color:var(--muted);font-size:.8rem}.timeline{flex:1;overflow-y:auto;padding:.5rem 1rem;font-family:var(--mono);font-size:.82rem}.timeline .empty{color:var(--muted);padding:2rem;text-align:center}.evt{border-left:3px solid var(--border);padding:.4rem .8rem;margin:.2rem 0;border-radius:0 6px 6px 0;background:var(--bg2);cursor:pointer;transition:background .1s}.evt:hover{background:var(--bg3)}.evt-row{display:flex;gap:.8rem;align-items:center}.evt-ts{color:var(--muted);width:90px;flex-shrink:0}.evt-type{color:var(--text2);font-weight:600;width:180px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.evt-msg{color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evt-lat{color:var(--info);font-size:.75rem;flex-shrink:0}.evt-chev{color:var(--muted);flex-shrink:0}.evt-data{margin:.5rem 0 0;padding:.7rem;background:var(--bg);border-radius:6px;color:var(--text2);font-size:.78rem;overflow-x:auto;white-space:pre;max-height:400px;overflow-y:auto}.evt-warn{border-left-color:var(--warn)}.evt-warn .evt-msg{color:var(--warn)}.evt-error{border-left-color:var(--err);background:#ef44440a}.evt-error .evt-msg{color:var(--err)}.evt-type-stt{border-left-color:var(--info)}.evt-type-llm{border-left-color:var(--pri)}.evt-type-tts{border-left-color:var(--ok)}.evt-type-fn{border-left-color:var(--warn)}.evt-type-lang{border-left-color:#a78bfa}.evt-type-session{border-left-color:var(--text2);background:var(--bg3)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}