:root{--bg-primary:#0a0b10;--bg-secondary:#10121a;--bg-card:#141621b3;--bg-card-hover:#1a1d2bd9;--border-color:#ffffff14;--border-color-glow:#8b5cf64d;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-blue:#3b82f6;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 40px #0009;--shadow-glow:0 0 20px #8b5cf640;--transition-fast:.15s ease;--transition-normal:.25s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-container{background-color:var(--bg-primary);grid-template-columns:260px 1fr;width:100vw;height:100vh;display:grid;overflow:hidden}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;justify-content:space-between;padding:1.75rem;display:flex}.sidebar-logo{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;align-items:center;gap:.75rem;margin-bottom:2.5rem;font-size:1.35rem;font-weight:800;display:flex}.sidebar-logo span{background:linear-gradient(135deg, var(--accent-purple), var(--accent-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.sidebar-menu{flex-direction:column;flex-grow:1;gap:.5rem;display:flex}.menu-item{color:var(--text-secondary);cursor:pointer;transition:var(--transition-normal);border:1px solid #0000;border-radius:10px;align-items:center;gap:.85rem;padding:.85rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.menu-item:hover{color:#fff;background-color:#ffffff08}.menu-item.active{color:#fff;background:#8b5cf61a;border-color:#8b5cf633;box-shadow:0 4px 12px #8b5cf60d}.sidebar-footer{color:var(--text-muted);border-top:1px solid var(--border-color);flex-direction:column;gap:.5rem;padding-top:1.25rem;font-size:.75rem;display:flex}.badge-status{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-self:flex-start;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.7rem;font-weight:600;display:flex}.badge-status.mock{color:var(--warning);background-color:#f59e0b1a;border:1px solid #f59e0b33}.badge-status.live{color:var(--success);background-color:#10b9811a;border:1px solid #10b98133}.main-content{background:radial-gradient(circle at 70% 10%,#8b5cf60d,#0000 60%);flex-direction:column;height:100vh;display:flex;overflow-y:auto}.header-bar{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background-color:#0a0b1080;justify-content:space-between;align-items:center;padding:1.5rem 2.5rem;display:flex;position:sticky;top:0}.header-title h1{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;font-size:1.6rem;font-weight:700}.header-title p{color:var(--text-secondary);margin-top:.2rem;font-size:.85rem}.view-container{flex-grow:1;padding:2.5rem}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:16px;padding:1.75rem}.glass-card:hover{border-color:#ffffff1f}.glass-card.interactive:hover{background:var(--bg-card-hover);border-color:var(--border-color-glow);box-shadow:var(--shadow-glow)}.input-text{border:1px solid var(--border-color);color:#fff;width:100%;font-family:var(--font-sans);transition:var(--transition-normal);background:#0000004d;border-radius:10px;outline:none;padding:.85rem 1.25rem;font-size:.95rem}.input-text:focus{border-color:var(--accent-purple);background:#0006;box-shadow:0 0 12px #8b5cf626}.btn-primary{background:linear-gradient(135deg, var(--accent-purple), var(--accent-pink));color:#fff;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-normal);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:.95rem;font-weight:600;display:flex;box-shadow:0 4px 14px #8b5cf64d}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf673}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--text-muted);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{color:#fff;border:1px solid var(--border-color);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-normal);background:#ffffff0d;border-radius:10px;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:.95rem;font-weight:500;display:flex}.btn-secondary:hover{background:#ffffff14;border-color:#fff3}.grid-2col{grid-template-columns:1.3fr .7fr;gap:2rem;display:grid}.grid-3col{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.assistant-workspace{flex-direction:column;gap:1.5rem;display:flex}.query-box{gap:1rem;display:flex}.response-area{flex-direction:column;gap:1.5rem;display:flex}.response-card{border-left:4px solid var(--accent-purple)}.response-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.response-body{color:#e5e7eb;font-size:1.05rem;line-height:1.6}.graph-container{background-color:#0003;border:1px solid #ffffff08;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;padding:1.5rem;display:flex}.graph-node{transition:var(--transition-normal)}.graph-node rect{fill:var(--bg-secondary);stroke:var(--border-color);stroke-width:2px;transition:var(--transition-normal)}.graph-node text{fill:var(--text-secondary);font-size:11px;font-family:var(--font-sans);text-anchor:middle;font-weight:500}.graph-node.active rect{fill:#8b5cf626;stroke:var(--accent-purple);filter:drop-shadow(0 0 6px var(--accent-purple))}.graph-node.active text{fill:#fff;font-weight:600}.graph-node.completed rect{fill:#10b98114;stroke:var(--success)}.graph-node.completed text{fill:var(--success)}.graph-edge path{fill:none;stroke:var(--text-muted);stroke-width:1.5px;stroke-dasharray:4;animation:10s linear infinite dash}.graph-edge.active path{stroke:var(--accent-purple);stroke-width:2px}@keyframes dash{to{stroke-dashoffset:-100px}}.trace-panel h3{font-family:var(--font-display);color:#fff;margin-bottom:1.25rem;font-size:1.15rem}.trace-timeline{flex-direction:column;gap:1.25rem;padding-left:1rem;display:flex;position:relative}.trace-timeline:before{content:"";background-color:var(--border-color);width:2px;position:absolute;top:8px;bottom:8px;left:3px}.trace-item{flex-direction:column;gap:.35rem;display:flex;position:relative}.trace-bullet{background-color:var(--text-muted);border:2px solid var(--bg-primary);z-index:2;border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:-19px}.trace-item.active .trace-bullet{background-color:var(--accent-purple);box-shadow:0 0 8px var(--accent-purple);animation:1.5s infinite pulse-ring}.trace-item.error .trace-bullet{background-color:var(--error)}.trace-item.success .trace-bullet{background-color:var(--success)}.trace-meta{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.trace-agent{font-family:var(--font-display);color:#fff;font-weight:600}.trace-action{font-family:var(--font-mono);color:var(--text-secondary);background-color:#ffffff0d;border-radius:4px;padding:.15rem .4rem;font-size:.7rem}.trace-msg{color:var(--text-secondary);background:#ffffff03;border:1px solid #ffffff05;border-radius:6px;padding:.5rem;font-size:.85rem;line-height:1.4}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #8b5cf6b3}70%{transform:scale(1);box-shadow:0 0 0 6px #8b5cf600}to{transform:scale(.95);box-shadow:0 0 #8b5cf600}}.citations-list{flex-direction:column;gap:1rem;display:flex}.citation-card{border:1px solid var(--border-color);background-color:#00000026;border-radius:10px;padding:1rem}.citation-meta{color:var(--text-muted);justify-content:space-between;margin-bottom:.5rem;font-size:.75rem;display:flex}.citation-source{color:var(--text-secondary);font-weight:600}.citation-score{color:var(--accent-blue);font-family:var(--font-mono)}.citation-text{color:var(--text-secondary);font-size:.85rem;line-height:1.45}.score-badge{font-family:var(--font-mono);background-color:#ffffff0d;border-radius:4px;padding:.2rem .5rem;font-size:.95rem;font-weight:600}.score-badge.excellent{color:var(--success);background-color:#10b9811a}.score-badge.good{color:var(--warning);background-color:#f59e0b1a}.score-badge.poor{color:var(--error);background-color:#ef44441a}.doc-table-container{margin-top:1.5rem;overflow-x:auto}.doc-table{border-collapse:collapse;text-align:left;width:100%}.doc-table th,.doc-table td{border-bottom:1px solid var(--border-color);padding:1rem 1.25rem;font-size:.9rem}.doc-table th{font-family:var(--font-display);color:#fff;background-color:#ffffff03;font-weight:600}.doc-table td{color:var(--text-secondary)}.doc-table tr:hover td{color:#fff;background-color:#ffffff03}.dropzone{text-align:center;cursor:pointer;transition:var(--transition-normal);background-color:#ffffff03;border:2px dashed #ffffff26;border-radius:12px;padding:3rem 2rem}.dropzone:hover{border-color:var(--accent-purple);background-color:#8b5cf605}.dropzone-icon{color:var(--text-muted);margin-bottom:1rem}.dropzone:hover .dropzone-icon{color:var(--accent-purple)}.settings-form{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group.full-width{grid-column:span 2}.form-group label{font-family:var(--font-display);color:#fff;font-size:.9rem;font-weight:600}.select-input{border:1px solid var(--border-color);color:#fff;cursor:pointer;background:#0000004d;border-radius:10px;outline:none;width:100%;padding:.85rem}.select-input:focus{border-color:var(--accent-purple)}.switch-group{border:1px solid var(--border-color);background-color:#00000026;border-radius:10px;align-items:center;gap:1rem;padding:1rem;display:flex}.stat-card{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.stat-value{font-family:var(--font-display);font-size:2rem;font-weight:800}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.progress-bar-container{background-color:#ffffff0d;border-radius:3px;width:100%;height:6px;margin-top:.5rem;overflow:hidden}.progress-bar-fill{border-radius:3px;height:100%;transition:width 1s ease-out}