:root{--bg: #0a0e17;--bg-card: #111827;--bg-card-hover: #1a2332;--border: #1e293b;--border-active: #3b82f6;--text: #e2e8f0;--text-dim: #94a3b8;--text-bright: #f8fafc;--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .3);--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--tarantool: #ff6b35;--vector: #8b5cf6;--llm: #06b6d4;--font: "Segoe UI", -apple-system, sans-serif;--mono: "JetBrains Mono", "Fira Code", monospace;--radius: 12px;--radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}#app{max-width:1440px;margin:0 auto;padding:24px}.header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--border);margin-bottom:32px}.header h1{font-size:24px;font-weight:700;color:var(--text-bright);display:flex;align-items:center;gap:12px}.header h1 .logo{width:36px;height:36px;background:linear-gradient(135deg,var(--tarantool),var(--accent));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.header .badge{font-size:11px;padding:4px 10px;border-radius:20px;background:var(--accent);color:#fff;font-weight:600;letter-spacing:.5px}.tabs{display:flex;gap:4px;background:var(--bg-card);border-radius:var(--radius);padding:4px;margin-bottom:28px;border:1px solid var(--border)}.tab{flex:1;padding:12px 16px;text-align:center;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500;color:var(--text-dim);transition:all .2s;border:none;background:none}.tab:hover{color:var(--text);background:var(--bg-card-hover)}.tab.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:20px;transition:border-color .2s}.card:hover{border-color:var(--border-active)}.card-title{font-size:14px;font-weight:600;color:var(--text-bright);margin-bottom:16px;display:flex;align-items:center;gap:8px}.card-title .icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.metric-card.tarantula:before{background:var(--tarantool)}.metric-card.vector:before{background:var(--vector)}.metric-card.llm:before{background:var(--llm)}.metric-card.success:before{background:var(--success)}.metric-label{font-size:12px;color:var(--text-dim);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:28px;font-weight:700;color:var(--text-bright);font-family:var(--mono)}.metric-unit{font-size:14px;color:var(--text-dim);margin-left:4px}.metric-change{font-size:12px;margin-top:6px}.metric-change.up{color:var(--success)}.metric-change.down{color:var(--danger)}.pipeline{display:flex;align-items:center;gap:8px;padding:20px;overflow-x:auto}.pipeline-node{flex-shrink:0;width:140px;padding:16px;border-radius:var(--radius);text-align:center;border:2px solid var(--border);position:relative;transition:all .3s;cursor:pointer}.pipeline-node:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.pipeline-node.active{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.pipeline-node .node-icon{font-size:24px;margin-bottom:8px}.pipeline-node .node-label{font-size:12px;font-weight:600}.pipeline-node .node-detail{font-size:10px;color:var(--text-dim);margin-top:4px}.pipeline-arrow{flex-shrink:0;color:var(--text-dim);font-size:20px;animation:pulse-arrow 2s infinite}@keyframes pulse-arrow{0%,to{opacity:.4}50%{opacity:1;color:var(--accent)}}.arch-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:16px}.arch-box{padding:20px;border-radius:var(--radius);border:2px solid;text-align:center}.arch-box.tarantula{border-color:var(--tarantool);background:#ff6b3514}.arch-box.vector{border-color:var(--vector);background:#8b5cf614}.arch-box.llm{border-color:var(--llm);background:#06b6d414}.arch-box h3{font-size:14px;margin-bottom:8px}.arch-box ul{list-style:none;font-size:12px;color:var(--text-dim)}.arch-box ul li{padding:3px 0}.search-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}.search-input-area{display:flex;flex-direction:column;gap:12px}.search-bar{display:flex;gap:8px}.search-bar input{flex:1;padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;outline:none;transition:border-color .2s}.search-bar input:focus{border-color:var(--accent)}.search-bar button{padding:12px 24px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:opacity .2s}.search-bar button:hover{opacity:.85}.result-item{padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s}.result-item:hover{border-color:var(--vector)}.result-score{font-family:var(--mono);font-size:13px;font-weight:600;padding:4px 8px;border-radius:6px}.score-high{background:#22c55e26;color:var(--success)}.score-mid{background:#f59e0b26;color:var(--warning)}.score-low{background:#ef444426;color:var(--danger)}.result-text{font-size:13px;flex:1;margin-right:12px}.result-source{font-size:11px;color:var(--text-dim)}.chat-window{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);height:400px;overflow-y:auto;padding:16px;margin-bottom:12px}.chat-msg{margin-bottom:16px;display:flex;gap:10px}.chat-msg.user{flex-direction:row-reverse}.chat-bubble{max-width:70%;padding:12px 16px;border-radius:16px;font-size:13px;line-height:1.5}.chat-msg.user .chat-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.chat-msg.assistant .chat-bubble{background:var(--bg-card);border:1px solid var(--border);border-bottom-left-radius:4px}.chat-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.chat-msg.user .chat-avatar{background:var(--accent)}.chat-msg.assistant .chat-avatar{background:var(--tarantool)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.status-dot.online{background:var(--success);box-shadow:0 0 6px var(--success)}.status-dot.offline{background:var(--danger)}.status-dot.warning{background:var(--warning)}.progress-bar{height:6px;background:var(--bg);border-radius:3px;overflow:hidden;margin-top:8px}.progress-fill{height:100%;border-radius:3px;transition:width .5s ease}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@media(max-width:768px){.grid-2,.grid-3,.arch-grid,.search-container{grid-template-columns:1fr}.pipeline{flex-wrap:wrap;justify-content:center}.metrics-grid{grid-template-columns:1fr 1fr}}