.hdr{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.25rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.hdr-l{display:flex;align-items:center;gap:.85rem}.logo-icon{width:38px;height:38px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;font-family:Geist Mono,monospace;font-weight:700;font-size:12px;color:#fff;letter-spacing:.5px;box-shadow:0 0 20px #3b82f640}.logo-label{font-weight:700;font-size:1.15rem;letter-spacing:.02em}.logo-label span{color:var(--t3);font-weight:500;margin-left:.4rem;font-size:.85rem}.hdr-r{display:flex;align-items:center;gap:1rem}.live{display:flex;align-items:center;gap:5px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:.3rem .7rem;border-radius:100px;transition:background .3s,border-color .3s,color .3s}.live-online{color:var(--g-text);background:var(--g-dim);border:1px solid rgba(16,185,129,.15)}.live-online .dot{width:6px;height:6px;border-radius:50%;background:var(--g);animation:pulse 2s ease-in-out infinite}.live-offline{color:var(--r-text);background:var(--r-dim);border:1px solid rgba(239,68,68,.15)}.live-offline .dot{width:6px;height:6px;border-radius:50%;background:var(--r);animation:pulse 1s ease-in-out infinite}.live-reconnecting{color:var(--y-text);background:var(--y-dim);border:1px solid rgba(245,158,11,.15)}.live-reconnecting .dot{width:6px;height:6px;border-radius:50%;background:var(--y);animation:pulse .8s ease-in-out infinite}.clock{font-size:.72rem;color:var(--t3)}.version-badge{font-size:.68rem;color:var(--t3);background:#3b82f614;border:1px solid rgba(59,130,246,.12);padding:.2rem .5rem;border-radius:4px;letter-spacing:.02em}@media(max-width:768px){.hdr{flex-direction:column;gap:.75rem;align-items:flex-start}}.tabs{display:flex;gap:2px;background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:3px;margin-bottom:1.5rem;width:fit-content}.tab-btn{padding:.5rem 1.1rem;border:none;background:none;color:var(--t3);font-family:Instrument Sans,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;border-radius:7px;transition:all .2s}.tab-btn:hover{color:var(--t2)}.tab-btn.on{background:var(--bg3);color:var(--accent);box-shadow:0 1px 4px #0000004d}.hero{display:grid;grid-template-columns:1.6fr 1fr 1fr .7fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:1.5rem}.hero-cell{background:var(--bg2);padding:1.25rem 1.5rem;position:relative}.hero-cell:first-child{padding-left:1.75rem}.hero-cell .h-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--t3);margin-bottom:.35rem}.hero-cell .h-value{font-size:1.85rem;font-weight:700;line-height:1.15}.hero-cell .h-sub{font-size:.72rem;color:var(--t3);margin-top:.3rem;display:flex;gap:.5rem;flex-wrap:wrap}.h-sub-archived{color:var(--t3)}.h-sub-error{color:var(--r-text);font-weight:600}.hero-cell.primary .h-value{font-size:2.2rem}.hero-cell.primary:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--accent)}.v-pos{color:var(--g-text)}.v-warn{color:var(--y-text)}.v-neg{color:var(--r-text)}@media(max-width:1024px){.hero{grid-template-columns:1fr 1fr}}@media(max-width:768px){.hero{grid-template-columns:1fr}.hero-cell.primary .h-value{font-size:1.75rem}.hero-cell .h-value{font-size:1.3rem}}.threads-list{display:flex;flex-direction:column;gap:.5rem}.bot{background:var(--bg2);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .2s}.bot:hover{border-color:var(--border-h)}.bot.archived{opacity:.55}.bot.archived:hover{opacity:.75}.bot-h{display:grid;grid-template-columns:minmax(140px,1.8fr) 4rem 9rem 7rem 10rem 5.5rem 1.5rem;align-items:center;padding:.75rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s;gap:.75rem}.bot-h:hover{background:#ffffff04}.bot-col{min-width:0}.bot-col .kl{font-size:.58rem;color:var(--t3);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.bot-col .kv{font-family:Geist Mono,monospace;font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-name{display:flex;align-items:center;gap:.6rem;overflow:hidden}.col-id .kv{font-size:.75rem;color:var(--t2)}.col-updated .kv{font-variant-numeric:tabular-nums}.col-model .kv,.col-thinking .kv{font-size:.8rem}.bot-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.bot-indicator.pos{background:var(--g);box-shadow:0 0 6px #10b9814d}.bot-indicator.warn{background:var(--y);box-shadow:0 0 6px #f59e0b4d}.bot-indicator.neg{background:var(--r);box-shadow:0 0 6px #ef44444d}.bot-indicator.archived{background:var(--t3);box-shadow:none}.bot-indicator.error{background:var(--r);box-shadow:0 0 8px #ef444480;animation:pulse 1s ease-in-out infinite}.bot-name{font-weight:600;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chev{color:var(--t3);font-size:.75rem;transition:transform .3s;display:inline-block;text-align:center;justify-self:center}.chev.open{transform:rotate(180deg)}.bot-body{max-height:0;overflow:hidden;opacity:0;padding:0 1.25rem;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,padding .3s}.bot-body.open{max-height:2000px;opacity:1;padding:0 1.25rem 1.25rem}.bot-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.bot-block{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.85rem 1rem}.bot-block .b-title{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:.5rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.bot-row{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.78rem}.bot-row .bk{color:var(--t2)}.bot-row .bv{font-weight:600;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.detail-empty{font-size:.75rem;color:var(--t3);font-style:italic;padding:.25rem 0}.kv.v-archived{color:var(--t3)}.kv.v-error{color:var(--r-text);font-weight:700}.error-detail-block{background:var(--r-dim);border:1px solid rgba(239,68,68,.15);border-radius:8px;padding:.75rem 1rem;margin-top:.75rem}.error-title{color:var(--r-text)!important;border-bottom-color:#ef444426!important}.error-event-row{display:flex;align-items:center;gap:.75rem;padding:.35rem 0;font-size:.78rem;border-bottom:1px solid rgba(239,68,68,.06)}.error-event-row:last-child{border-bottom:none}.error-event-type{font-size:.72rem;font-weight:600;color:var(--r-text)}.error-event-sub{font-size:.68rem;color:var(--t3)}.error-event-time{font-size:.68rem;color:var(--t3);margin-left:auto}.error-event-transition{font-size:.68rem;color:var(--t2)}.threads-section{display:flex;flex-direction:column;gap:1rem}.threads-filters{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.threads-filters .filter-group{display:flex;flex-direction:column;gap:.25rem}.threads-filters .filter-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--t3)}.threads-filters .filter-select{background:var(--bg2);border:1px solid var(--border);color:var(--t1);padding:.45rem .75rem;border-radius:7px;font-size:.78rem;cursor:pointer;transition:border-color .2s;min-width:160px}.threads-filters .filter-select:hover,.threads-filters .filter-select:focus{border-color:var(--border-h);outline:none}.threads-filters .filter-select option{background:var(--bg2);color:var(--t1)}.threads-filters .filter-status{display:flex;align-items:center;gap:1rem;margin-left:auto}.threads-filters .refresh-indicator{display:flex;align-items:center;gap:5px;font-size:.68rem;color:var(--t3)}.threads-filters .dot-pulse{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2s ease-in-out infinite}.threads-filters .thread-count{font-size:.7rem;color:var(--t3)}.state-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:3rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.state-card.error{border-color:#ef444433}.state-spinner{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:.5rem}.state-icon{width:36px;height:36px;border-radius:50%;background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:var(--t3);margin-bottom:.25rem}.state-card.error .state-icon{background:var(--r-dim);border-color:#ef444433;color:var(--r-text)}.state-title{font-weight:700;font-size:.9rem}.state-msg{font-size:.8rem;color:var(--t2);max-width:400px}.state-hint{font-size:.72rem;color:var(--t3);margin-top:.25rem;max-width:400px}@media(max-width:768px){.bot-h{grid-template-columns:1fr auto auto}.col-id,.col-model,.col-thinking{display:none}.bot-detail-grid{grid-template-columns:1fr}}.events-section{display:flex;flex-direction:column;gap:1rem}.events-filters{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--t3)}.filter-select{background:var(--bg2);border:1px solid var(--border);color:var(--t1);padding:.45rem .75rem;border-radius:7px;font-size:.78rem;cursor:pointer;transition:border-color .2s;min-width:160px}.filter-select:hover,.filter-select:focus{border-color:var(--border-h);outline:none}.filter-select option{background:var(--bg2);color:var(--t1)}.filter-status{display:flex;align-items:center;gap:1rem;margin-left:auto}.refresh-indicator{display:flex;align-items:center;gap:5px;font-size:.68rem;color:var(--t3)}.dot-pulse{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2s ease-in-out infinite}.event-count{font-size:.7rem;color:var(--t3)}.events-wrap{background:var(--bg2);border:1px solid var(--border);border-radius:10px;overflow:auto;max-height:600px}.events-tbl{width:100%;border-collapse:collapse;font-size:.78rem}.events-tbl th{text-align:left;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--t3);padding:.65rem 1rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg2);z-index:1}.events-tbl td{padding:.55rem 1rem;border-bottom:1px solid rgba(255,255,255,.025);font-size:.78rem;transition:background .15s}.events-tbl tr:hover td{background:var(--bg-hover)}.col-right{text-align:right}.event-badge{display:inline-block;font-size:.65rem;font-weight:600;padding:.15rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.04em}.ev-blue{background:var(--accent-dim);color:var(--accent)}.ev-green{background:var(--g-dim);color:var(--g-text)}.ev-red{background:var(--r-dim);color:var(--r-text)}.ev-yellow{background:var(--y-dim);color:var(--y-text)}.ev-emerald{background:var(--emerald-dim);color:var(--emerald-text)}.ev-cyan{background:var(--cyan-dim);color:var(--cyan-text)}.ev-purple{background:var(--purple-dim);color:var(--purple-text)}.ev-orange{background:var(--orange-dim);color:var(--orange-text)}.ev-pink{background:var(--pink-dim);color:var(--pink-text)}.event-subtype{font-size:.68rem;color:var(--t3);margin-left:.4rem}.thread-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-cell{max-width:200px}.status-transition{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem}.status-from,.arrow{color:var(--t3)}.status-to{color:var(--t1);font-weight:600}.corr-id{font-size:.7rem;color:var(--t3)}.no-detail{color:var(--t3)}@media(max-width:768px){.events-filters{flex-direction:column;align-items:stretch}.filter-status{margin-left:0}.filter-select{min-width:0;width:100%}.events-wrap{max-height:450px}}.settings-section{display:flex;flex-direction:column;gap:1rem}.settings-header{margin-bottom:.5rem}.settings-title{font-size:.95rem;font-weight:700;margin-bottom:.25rem}.settings-desc{font-size:.78rem;color:var(--t3);display:flex;align-items:center;gap:.5rem}.readonly-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--y-text);background:var(--y-dim);border:1px solid rgba(245,158,11,.15);padding:.15rem .45rem;border-radius:4px}.settings-flash{font-size:.78rem;padding:.5rem .85rem;border-radius:7px;font-weight:500}.settings-flash.ok{background:var(--g-dim);border:1px solid rgba(16,185,129,.15);color:var(--g-text)}.settings-flash.err{background:var(--r-dim);border:1px solid rgba(239,68,68,.15);color:var(--r-text)}.override-add{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem}.add-mode-toggle{display:flex;gap:.25rem;margin-bottom:.75rem;background:var(--bg);border-radius:7px;padding:3px}.mode-btn{font-family:Instrument Sans,sans-serif;font-size:.72rem;font-weight:600;padding:.3rem .75rem;border-radius:5px;border:none;cursor:pointer;background:transparent;color:var(--t3);transition:all .2s}.mode-btn.on{background:var(--bg3);color:var(--t1)}.mode-btn:hover:not(.on){color:var(--t2)}.guided-selects{display:flex;gap:.5rem;flex-wrap:wrap}.add-select{background:var(--bg);border:1px solid var(--border);color:var(--t1);border-radius:7px;padding:.5rem 1.8rem .5rem .75rem;font-size:.8rem;font-family:inherit;transition:border-color .2s;min-width:160px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%235a6a84'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center}.add-select:focus{border-color:var(--border-h);outline:none}.resolved-key{font-size:.72rem;color:var(--t3);padding:.2rem 0}.resolved-key strong{color:var(--accent)}.add-fields{display:flex;flex-direction:column;gap:.5rem}.add-input,.add-textarea,.edit-textarea{background:var(--bg);border:1px solid var(--border);color:var(--t1);border-radius:7px;padding:.5rem .75rem;font-size:.8rem;font-family:inherit;transition:border-color .2s;resize:vertical}.add-input:focus,.add-textarea:focus,.edit-textarea:focus{border-color:var(--border-h);outline:none}.key-input{max-width:360px}.add-textarea,.edit-textarea{min-height:60px}.overrides-list{display:flex;flex-direction:column;gap:.5rem}.override-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem}.override-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:.5rem}.override-header .override-key{display:flex;align-items:center;gap:.4rem}.override-key{font-size:.82rem;font-weight:600;color:var(--accent)}.override-raw-badge{font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--t3);background:var(--bg3);border:1px solid var(--border);padding:.1rem .35rem;border-radius:3px}.override-actions{display:flex;gap:.35rem}.override-value{font-family:Geist Mono,monospace;font-size:.72rem;color:var(--t2);white-space:pre-wrap;word-break:break-word;max-height:120px;overflow-y:auto;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.6rem .75rem;margin:0}.override-edit{display:flex;flex-direction:column;gap:.5rem}.edit-actions{display:flex;gap:.35rem}.btn{font-family:Instrument Sans,sans-serif;font-size:.78rem;font-weight:600;padding:.4rem .85rem;border-radius:7px;border:none;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-ghost{background:var(--bg3);color:var(--t2);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){border-color:var(--border-h);color:var(--t1)}.btn-danger{background:var(--r-dim);color:var(--r-text);border:1px solid rgba(239,68,68,.15)}.btn-danger:hover:not(:disabled){background:#ef444426}.btn-sm{padding:.25rem .6rem;font-size:.72rem}@media(max-width:768px){.override-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.system-section{display:flex;flex-direction:column;gap:1rem}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.sys-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem}.sys-title{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:.65rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.sys-row{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0;font-size:.8rem}.sys-label{color:var(--t2)}.sys-right{display:flex;align-items:center;gap:.5rem}.sys-value{font-weight:600}.sys-badge{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .45rem;border-radius:4px}.sys-badge.ok{color:var(--g-text);background:var(--g-dim)}.sys-badge.warn{color:var(--y-text);background:var(--y-dim)}.sys-badge.err{color:var(--r-text);background:var(--r-dim)}.sys-err{font-size:.68rem;color:var(--t3);font-style:italic}@media(max-width:768px){.system-grid{grid-template-columns:1fr}}.update-section{display:flex;flex-direction:column;gap:1rem}.update-header{margin-bottom:.25rem}.update-title{font-size:.95rem;font-weight:700;margin-bottom:.25rem}.update-desc{font-size:.78rem;color:var(--t3)}.update-version-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:.75rem 1.25rem}.uv-row{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0;font-size:.8rem}.uv-label{color:var(--t2)}.uv-value{font-weight:600}.uv-right{display:flex;align-items:center;gap:.5rem}.update-controls{display:flex;gap:.5rem}.update-flash{font-size:.78rem;padding:.5rem .85rem;border-radius:7px;font-weight:500}.update-flash.err{background:var(--r-dim);border:1px solid rgba(239,68,68,.15);color:var(--r-text)}.update-status-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem}.update-status-card.success{border-color:#10b98133}.update-status-card.failed{border-color:#ef444433}.status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.status-badge{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .55rem;border-radius:4px}.status-badge.running{color:var(--accent);background:var(--accent-dim)}.status-badge.success{color:var(--g-text);background:var(--g-dim)}.status-badge.failed{color:var(--r-text);background:var(--r-dim)}.version-info{font-size:.75rem;color:var(--t2)}.update-error{font-size:.78rem;color:var(--r-text);background:var(--r-dim);border-radius:6px;padding:.5rem .75rem;margin-bottom:.75rem}.update-steps{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.update-step{display:flex;align-items:center;gap:.5rem;font-size:.78rem;padding:.25rem 0}.step-icon{width:18px;text-align:center;font-weight:700;font-size:.7rem}.step-done .step-icon{color:var(--g-text)}.step-failed .step-icon{color:var(--r-text)}.step-skipped .step-icon{color:var(--t3)}.step-running .step-text{color:var(--accent)}.step-error{font-size:.72rem;color:var(--r-text);margin-left:.5rem}.step-text,.step-active{color:var(--t2)}.step-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-left:2px;margin-right:4px}.update-meta{font-size:.68rem;color:var(--t3)}.btn-disabled{opacity:.5;cursor:not-allowed}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #090c14;--bg2: #0f1420;--bg3: #151c2c;--bg-hover: #1a2236;--border: #1c2640;--border-h: #2a3a5c;--t1: #f0f2f5;--t2: #a0aec0;--t3: #5a6a84;--accent: #3b82f6;--accent-dim: rgba(59, 130, 246, .1);--g: #10b981;--g-dim: rgba(16, 185, 129, .08);--g-text: #34d399;--r: #ef4444;--r-dim: rgba(239, 68, 68, .08);--r-text: #f87171;--y: #f59e0b;--y-dim: rgba(245, 158, 11, .08);--y-text: #fbbf24;--emerald: #34d399;--emerald-dim: rgba(52, 211, 153, .12);--emerald-text: #a7f3d0;--cyan: #06b6d4;--cyan-dim: rgba(6, 182, 212, .1);--cyan-text: #67e8f9;--purple: #8b5cf6;--purple-dim: rgba(139, 92, 246, .1);--purple-text: #c4b5fd;--orange: #f97316;--orange-dim: rgba(249, 115, 22, .1);--orange-text: #fdba74;--pink: #ec4899;--pink-dim: rgba(236, 72, 153, .1);--pink-text: #f9a8d4}html{overflow-x:hidden;scroll-behavior:smooth}body{font-family:Instrument Sans,sans-serif;background:var(--bg);color:var(--t1);min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.02) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:0}.mono{font-family:Geist Mono,monospace}.shell{position:relative;z-index:1;max-width:1320px;margin:0 auto;padding:1.5rem 2rem 4rem}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-h);border-radius:3px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fi{animation:fadeIn .45s ease-out both}@media(max-width:768px){.shell{padding:1rem}}