@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600&family=Syne:wght@400;600;700;800&display=swap";:root{--bg-0:#060610;--bg-1:#0d0d1a;--bg-2:#12122a;--bg-3:#1a1a35;--bg-4:#22224a;--border:#2a2a50;--border-bright:#3a3a70;--text-1:#e8e8ff;--text-2:#99c;--text-3:#55a;--accent:#6366f1;--accent-glow:#6366f14d;--cyan:#0ea5e9;--green:#10b981;--amber:#f59e0b;--red:#ef4444;--purple:#a855f7}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-0);color:var(--text-1);height:100vh;font-family:IBM Plex Mono,monospace;font-size:13px;overflow:hidden}.loading-screen{background:var(--bg-0);flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.loading-spinner{border:3px solid var(--bg-3);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-2);letter-spacing:.1em}.loading-screen.error{color:var(--red)}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{background:var(--bg-1);border-bottom:1px solid var(--border);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.logo{color:var(--accent);filter:drop-shadow(0 0 8px var(--accent-glow));font-size:28px;line-height:1}.header-titles{flex-direction:column;display:flex}.app-name{color:var(--text-1);letter-spacing:-.02em;font-family:Syne,sans-serif;font-size:18px;font-weight:800;line-height:1.1}.app-tagline{color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.header-stats{gap:8px;display:flex}.stat-badge{background:var(--bg-3);border:1px solid var(--border);border-radius:6px;flex-direction:column;align-items:center;min-width:64px;padding:4px 12px;display:flex}.stat-value{color:var(--accent);font-family:Syne,sans-serif;font-size:16px;font-weight:700}.stat-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.header-right{align-items:center;display:flex}.sidebar-toggle{background:var(--bg-3);border:1px solid var(--border);color:var(--text-2);cursor:pointer;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:12px;transition:all .15s}.sidebar-toggle:hover{border-color:var(--accent);color:var(--accent)}.app-main{flex:1;display:flex;overflow:hidden}.graph-panel{background:var(--bg-0);background-image:radial-gradient(circle at 20% 80%,#6366f10f 0%,#0000 50%),radial-gradient(circle at 80% 20%,#0ea5e90a 0%,#0000 50%);flex:1;position:relative;overflow:hidden}.sidebar{background:var(--bg-1);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:400px;display:flex;overflow:hidden}.sidebar-tabs{border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.tab-btn{color:var(--text-3);cursor:pointer;letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 8px;font-family:inherit;font-size:11px;transition:all .15s;overflow:hidden}.tab-btn:hover{color:var(--text-2)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);background:#6366f10d}.sidebar-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.graph-container{flex-direction:column;display:flex;position:absolute;inset:0}.graph-toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:10;background:#0d0d1acc;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:8px;display:flex}.tb-btn{background:var(--bg-3);border:1px solid var(--border);color:var(--text-2);cursor:pointer;border-radius:5px;padding:5px 10px;font-family:inherit;font-size:11px;transition:all .15s}.tb-btn:hover,.tb-btn.active{border-color:var(--accent);color:var(--accent)}.focus-badge{border:1px solid var(--accent);color:var(--accent);background:#6366f126;border-radius:4px;padding:3px 8px;font-size:10px}.hint{color:var(--text-3);font-size:10px}.cy-canvas{flex:1}.graph-legend{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);background:#0d0d1ad9;border-radius:8px;flex-wrap:wrap;gap:6px 12px;max-width:340px;padding:10px 12px;display:flex;position:absolute;bottom:16px;left:16px}.legend-item{color:var(--text-2);align-items:center;gap:5px;font-size:10px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.inspector{flex:1;padding:16px;overflow-y:auto}.empty-inspector{height:100%;color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.empty-icon{opacity:.3;font-size:40px}.hint-text{text-align:center;max-width:200px;font-size:11px;line-height:1.6}.inspector-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;display:flex}.node-icon-large{font-size:28px}.node-type-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.node-id{color:var(--text-1);font-family:Syne,sans-serif;font-size:16px;font-weight:700}.inspector-body{flex-direction:column;gap:6px;display:flex}.field-row{border-bottom:1px solid #2a2a5080;justify-content:space-between;align-items:center;gap:8px;padding:5px 0;display:flex}.field-label{color:var(--text-3);flex-shrink:0;font-size:11px}.field-value{color:var(--text-1);text-align:right;font-size:12px}.field-value.highlight-value{color:var(--accent);font-weight:600}.status-badge{color:#fff;letter-spacing:.05em;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600}.warning-tag{color:var(--amber);padding:4px 0;font-size:11px}.sub-section{margin-top:12px}.sub-title{color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:10px}.sub-item{background:var(--bg-2);border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:3px;padding:4px 8px;font-size:11px;display:flex}.chat-container{flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;padding:12px 16px;display:flex}.chat-title{color:var(--text-1);font-family:Syne,sans-serif;font-size:14px;font-weight:700}.chat-subtitle{color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.chat-messages{scrollbar-width:thin;scrollbar-color:var(--bg-4) transparent;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.msg{gap:8px;display:flex}.msg-user{justify-content:flex-end}.msg-assistant{justify-content:flex-start;align-items:flex-start}.msg-avatar{background:linear-gradient(135deg, var(--accent), var(--cyan));border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.msg-bubble{border-radius:12px;max-width:280px;padding:10px 14px;font-size:12px;line-height:1.6}.msg-bubble-user{background:linear-gradient(135deg, var(--accent), #4338ca);color:#fff;border-radius:12px 12px 3px}.msg-bubble-bot{background:var(--bg-3);border:1px solid var(--border);color:var(--text-1);border-radius:3px 12px 12px}.msg-bubble-warn{border-color:var(--amber);color:var(--amber);background:#f59e0b1a}.msg-bubble-error{border-color:var(--red);color:var(--red);background:#ef44441a}.msg-content-wrap{flex-direction:column;gap:8px;max-width:340px;display:flex}.msg-extras{flex-direction:column;gap:6px;display:flex}.sql-toggle{border:1px solid var(--border);color:var(--text-3);cursor:pointer;background:0 0;border-radius:4px;align-self:flex-start;padding:3px 8px;font-family:inherit;font-size:10px;transition:all .15s}.sql-toggle:hover{border-color:var(--accent);color:var(--accent)}.sql-block{background:var(--bg-0);border:1px solid var(--border);border-radius:6px;padding:10px;overflow-x:auto}.sql-block pre{color:var(--cyan);white-space:pre-wrap;word-break:break-word;font-size:10px}.result-table-wrap{border:1px solid var(--border);border-radius:6px;overflow-x:auto}.result-table{border-collapse:collapse;width:100%;font-size:10px}.result-table th{background:var(--bg-4);color:var(--text-3);text-align:left;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;padding:5px 8px;font-weight:600}.result-table td{color:var(--text-1);border-bottom:1px solid #2a2a5066;padding:4px 8px}.result-table tr:last-child td{border-bottom:none}.result-table tr:hover td{background:var(--bg-3)}.no-results{color:var(--text-3);padding:8px;font-size:11px}.table-overflow{color:var(--text-3);border-top:1px solid var(--border);padding:4px 8px;font-size:10px}.typing-dots{gap:4px;padding:2px 0;display:flex}.typing-dots span{background:var(--text-3);border-radius:50%;width:6px;height:6px;animation:1.2s infinite bounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.4;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.sample-queries{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;padding:8px 12px;display:flex}.sample-btn{background:var(--bg-2);border:1px solid var(--border);color:var(--text-2);cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:10px;line-height:1.3;transition:all .15s;overflow:hidden}.sample-btn:hover{border-color:var(--accent);color:var(--text-1);background:#6366f114}.chat-input-row{border-top:1px solid var(--border);background:var(--bg-1);flex-shrink:0;gap:8px;padding:12px;display:flex}.chat-input{background:var(--bg-3);border:1px solid var(--border);color:var(--text-1);border-radius:8px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:12px;transition:border-color .15s}.chat-input:focus{border-color:var(--accent)}.chat-input::placeholder{color:var(--text-3)}.chat-input:disabled{opacity:.5}.send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .15s;display:flex}.send-btn:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.warn-icon{margin-right:4px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}*,:before,:after{box-sizing:border-box}body{margin:0}