:root{--bg:#07090c;--bg-raised:#0c1015;--bg-panel:#10151c;--bg-hover:#161d26;--bg-input:#0a0e13;--border:#1c242f;--border-bright:#2a3542;--text:#e4e9ef;--text-dim:#8b97a6;--text-faint:#5a6675;--accent:#22d3ee;--accent-dim:#0e7490;--accent-glow:#22d3ee24;--green:#34d399;--amber:#fbbf24;--red:#f87171;--violet:#a78bfa;--mono:"JetBrains Mono", "SF Mono", "Cascadia Code", ui-monospace, "Menlo", monospace;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--r-sm:4px;--r:7px;--r-lg:11px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.55;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#22d3ee06 1px,#0000 1px),linear-gradient(90deg,#22d3ee06 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#35414f}button,input,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.45}.mono{font-family:var(--mono)}.app{z-index:1;grid-template-rows:auto 1fr;height:100vh;display:grid;position:relative}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0d12d9;align-items:center;gap:20px;height:52px;padding:0 18px;display:flex}.brand{letter-spacing:-.2px;align-items:center;gap:10px;font-weight:600;display:flex}.brand-mark{border-radius:var(--r-sm);background:linear-gradient(135deg, var(--accent), var(--violet));color:#04070a;width:26px;height:26px;font-size:13px;font-weight:800;font-family:var(--mono);place-items:center;display:grid}.brand-sub{color:var(--text-faint);font-size:11px;font-family:var(--mono)}.topbar-spacer{flex:1}.pill{border:1px solid var(--border-bright);font-size:11px;font-family:var(--mono);color:var(--text-dim);white-space:nowrap;border-radius:100px;align-items:center;gap:6px;padding:3px 9px;display:inline-flex}.pill .dot{background:var(--green);border-radius:50%;width:6px;height:6px}.pill .dot.live{animation:1.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.tabs{gap:2px;display:flex}.tab{border-radius:var(--r-sm);color:var(--text-dim);white-space:nowrap;padding:6px 12px;font-size:12.5px;transition:background .12s,color .12s}.tab:hover{background:var(--bg-hover);color:var(--text)}.tab.active{background:var(--accent-glow);color:var(--accent)}.body{min-height:0;overflow:hidden}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:100%;min-height:0;display:grid}.split>*{min-width:0;min-height:0;overflow:hidden}.split>*+*{border-left:1px solid var(--border)}.pane{flex-direction:column;height:100%;min-height:0;display:flex}.pane-head{border-bottom:1px solid var(--border);background:var(--bg-raised);flex-shrink:0;align-items:center;gap:10px;padding:9px 14px;display:flex}.pane-title{font-family:var(--mono);text-transform:uppercase;letter-spacing:.9px;color:var(--text-faint);font-size:11px}.pane-body{flex:1;min-height:0;overflow-y:auto}.pane-body.pad{padding:16px}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r)}.card-pad{padding:14px}.section-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.9px;color:var(--text-faint);margin-bottom:9px;font-size:10.5px}.btn{border:1px solid var(--border-bright);border-radius:var(--r-sm);background:var(--bg-raised);color:var(--text);justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:13px;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-hover);border-color:#37424f}.btn-primary{background:var(--accent);border-color:var(--accent);color:#04080b;font-weight:600}.btn-primary:hover:not(:disabled){background:#4ae0f5;border-color:#4ae0f5}.btn-sm{padding:5px 10px;font-size:12px}.btn-ghost{color:var(--text-dim);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.input{background:var(--bg-input);border:1px solid var(--border-bright);border-radius:var(--r-sm);outline:none;width:100%;padding:10px 12px;transition:border-color .12s,box-shadow .12s}.input:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder{color:var(--text-faint)}.chat-scroll{flex-direction:column;flex:1;gap:14px;min-height:0;padding:16px;display:flex;overflow-y:auto}.msg{gap:10px;max-width:92%;display:flex}.msg.user{flex-direction:row-reverse;align-self:flex-end}.avatar{border-radius:var(--r-sm);width:25px;height:25px;font-family:var(--mono);flex-shrink:0;place-items:center;font-size:10px;font-weight:700;display:grid}.avatar.ai{background:linear-gradient(135deg, var(--accent), var(--violet));color:#04070a}.avatar.user{background:var(--bg-hover);color:var(--text-dim);border:1px solid var(--border-bright)}.bubble{border-radius:var(--r);background:var(--bg-panel);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;padding:10px 13px}.msg.user .bubble{background:var(--bg-hover);border-color:var(--border-bright)}.bubble.refused{background:#fbbf240d;border-color:#fbbf2459}.msg-img{border-radius:var(--r-sm);border:1px solid var(--border);max-width:100%;margin-top:9px;display:block}.composer{border-top:1px solid var(--border);background:var(--bg-raised);flex-shrink:0;padding:12px}.composer-row{gap:8px;display:flex}.suggestions{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.chip{border:1px solid var(--border-bright);color:var(--text-dim);background:var(--bg-panel);text-align:left;border-radius:100px;padding:5px 10px;font-size:12px;transition:all .12s}.chip:hover:not(:disabled){border-color:var(--accent-dim);color:var(--accent);background:var(--accent-glow)}.metrics{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.metric{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-sm);font-family:var(--mono);align-items:baseline;gap:5px;padding:2.5px 7px;font-size:10.5px;display:inline-flex}.metric .k{color:var(--text-faint)}.metric .v{color:var(--accent)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:9px;display:grid}.stat{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r);padding:11px 12px}.stat .label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.7px;color:var(--text-faint);font-size:10px}.stat .value{font-family:var(--mono);margin-top:3px;font-size:21px;font-weight:600}.stat .sub{color:var(--text-faint);margin-top:1px;font-size:11px}.bar-track{background:var(--bg-input);border:1px solid var(--border);border-radius:3px;height:4px;overflow:hidden}.bar-fill{border-radius:3px;height:100%;transition:width .45s cubic-bezier(.22,1,.36,1)}.bar-fill.vec{background:linear-gradient(90deg, var(--accent-dim), var(--accent))}.bar-fill.kw{background:linear-gradient(90deg, #7c3aed, var(--violet))}.bar-fill.total{background:linear-gradient(90deg, #059669, var(--green))}.cand{border:1px solid var(--border);border-radius:var(--r);background:var(--bg-panel);padding:10px 12px;transition:border-color .15s,background .15s}.cand.selected{border-color:var(--accent-dim);background:#22d3ee0b}.cand-head{align-items:center;gap:8px;margin-bottom:7px;display:flex}.rank{border-radius:var(--r-sm);width:19px;height:19px;font-family:var(--mono);background:var(--bg-hover);color:var(--text-faint);border:1px solid var(--border-bright);flex-shrink:0;place-items:center;font-size:10px;font-weight:700;display:grid}.cand.selected .rank{background:var(--accent);color:#04080b;border-color:var(--accent)}.cand-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;font-weight:500;overflow:hidden}.cand-preview{color:var(--text-faint);margin-bottom:8px;font-size:11.5px;line-height:1.45}.score-row{grid-template-columns:42px 1fr 40px;align-items:center;gap:8px;margin-top:4px;display:grid}.score-row .lbl{font-family:var(--mono);color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px;font-size:9.5px}.score-row .num{font-family:var(--mono);text-align:right;color:var(--text-dim);font-size:10.5px}.tenant-list{flex-direction:column;gap:7px;display:flex}.tenant{border:1px solid var(--border);border-radius:var(--r);background:var(--bg-panel);text-align:left;align-items:center;gap:11px;width:100%;padding:11px 12px;transition:all .13s;display:flex}.tenant:hover{border-color:var(--border-bright);background:var(--bg-hover)}.tenant.active{border-color:var(--accent-dim);background:#22d3ee0f}.tenant-icon{border-radius:var(--r-sm);background:var(--bg-hover);border:1px solid var(--border-bright);flex-shrink:0;place-items:center;width:32px;height:32px;font-size:15px;display:grid}.tenant.active .tenant-icon{background:var(--accent-glow);border-color:var(--accent-dim)}.tenant-name{font-size:13px;font-weight:500}.tenant-meta{color:var(--text-faint);font-size:11px;font-family:var(--mono);margin-top:1px}.dropzone{border:1.5px dashed var(--border-bright);border-radius:var(--r-lg);text-align:center;background:var(--bg-panel);cursor:pointer;padding:34px 22px;transition:all .16s}.dropzone:hover,.dropzone.over{border-color:var(--accent-dim);background:var(--accent-glow)}.dropzone.over{transform:scale(1.005)}.stage-list{flex-direction:column;gap:1px;display:flex}.stage{background:var(--bg-panel);border:1px solid var(--border);font-family:var(--mono);align-items:center;gap:11px;padding:10px 12px;font-size:12px;display:flex}.stage:first-child{border-radius:var(--r) var(--r) 0 0}.stage:last-child{border-radius:0 0 var(--r) var(--r)}.stage+.stage{border-top:none}.stage-dot{background:var(--border-bright);border-radius:50%;flex-shrink:0;width:8px;height:8px}.stage.done .stage-dot{background:var(--green);box-shadow:0 0 8px #34d3998c}.stage.active .stage-dot{background:var(--accent);box-shadow:0 0 9px var(--accent);animation:1s ease-in-out infinite pulse}.stage.done{color:var(--text)}.stage.pending{color:var(--text-faint)}.stage-name{flex:1}.stage-detail{color:var(--text-faint);font-size:11px}.stage-ms{color:var(--accent);font-size:11px}.arch-node{fill:var(--bg-panel);stroke:var(--border-bright);stroke-width:1.2px;transition:fill .25s,stroke .25s}.arch-node.lit{fill:#22d3ee21;stroke:var(--accent)}.arch-label{fill:var(--text-dim);font-family:var(--mono);font-size:10px;transition:fill .25s}.arch-label.lit{fill:var(--accent)}.arch-edge{stroke:var(--border-bright);stroke-width:1.2px;fill:none;transition:stroke .25s}.arch-edge.lit{stroke:var(--accent);stroke-width:1.8px}.empty{text-align:center;height:100%;color:var(--text-faint);place-items:center;padding:34px;display:grid}.spinner{border:2px solid var(--border-bright);border-top-color:var(--accent);border-radius:50%;width:13px;height:13px;animation:.65s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.28s both fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.banner{border-radius:var(--r-sm);border:1px solid;padding:9px 12px;font-size:12.5px}.banner.err{color:#fca5a5;background:#f8717112;border-color:#f871714d}.banner.warn{color:#fcd34d;background:#fbbf2412;border-color:#fbbf244d}.banner.info{background:var(--accent-glow);border-color:var(--accent-dim);color:var(--accent)}.tbl{border-collapse:collapse;width:100%;font-size:12.5px}.tbl th{text-align:left;font-family:var(--mono);text-transform:uppercase;letter-spacing:.7px;color:var(--text-faint);border-bottom:1px solid var(--border);padding:7px 9px;font-size:10px;font-weight:500}.tbl td{border-bottom:1px solid var(--border);padding:8px 9px}.tbl tr:last-child td{border-bottom:none}.scroll-x{overflow-x:auto}@media (width<=940px){.split{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.split>*+*{border-left:none;border-top:1px solid var(--border)}body{overflow:auto}}