:root{--bg-app: #0f172a;--bg-panel: #1e293b;--bg-sidebar: #1e293b;--bg-header: rgba(30, 41, 59, .8);--bg-input: #020617;--bg-hover: rgba(255, 255, 255, .05);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-accent: #60a5fa;--accent: #3b82f6;--accent-hover: #2563eb;--border: #334155;--border-dark: #1e293b;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--info: #3b82f6;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow:hidden}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:280px;background-color:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .3s ease;flex-shrink:0}.sidebar.closed{width:0;overflow:hidden;border:none}.main-content{flex:1;display:flex;flex-direction:column;background-color:var(--bg-app);min-width:0}.header-bar{height:3.5rem;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid var(--border);background-color:var(--bg-header);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.sidebar-header{height:3.5rem;display:flex;align-items:center;padding:0 1rem;border-bottom:1px solid var(--border);background-color:var(--bg-input);color:#fff;font-weight:700;font-size:1.125rem;gap:.5rem}.tabs{display:flex;border-bottom:1px solid var(--border)}.tab-btn{flex:1;padding:.75rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s}.tab-btn:hover{color:var(--text-secondary);background-color:var(--bg-hover)}.tab-btn.active{color:var(--text-accent);border-bottom-color:var(--accent);background-color:#1e293b80}.icon-btn{background:transparent;border:none;color:var(--text-secondary);padding:.5rem;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.p-4{padding:1rem}.h-full{height:100%}.w-full{width:100%}.text-xs{font-size:.75rem}.font-mono{font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-box{padding:1rem;border-bottom:1px solid var(--border)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input{width:100%;background-color:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);padding:.5rem .75rem .5rem 2.25rem;border-radius:.375rem;outline:none}.search-input:focus{border-color:var(--accent)}.store-list{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.store-item{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:none;background:transparent;color:var(--text-secondary);border-radius:.375rem;cursor:pointer;text-align:left;transition:all .2s}.store-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.store-item.selected{background-color:var(--accent);color:#fff;box-shadow:0 4px 6px -1px #0000001a}.store-item.selected .sub-text{color:#ffffffb3}.sub-text{font-size:.75rem;color:var(--text-muted)}.history-item{width:100%;text-align:left;padding:.75rem;background:transparent;border:none;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s}.history-item:hover{background-color:var(--bg-hover)}.history-meta{display:flex;justify-content:space-between;margin-bottom:.25rem;font-size:.75rem}.history-sql{font-family:var(--font-mono);font-size:.75rem;color:var(--text-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-outlined{padding:.125rem .375rem;border:1px solid var(--border);border-radius:4px;color:var(--text-muted)}.editor-container{display:flex;flex-direction:column;height:100%;background-color:var(--bg-panel);border:1px solid var(--border);border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.editor-toolbar{background-color:var(--bg-app);padding:.5rem 1rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.editor-textarea{flex:1;width:100%;background-color:var(--bg-input);color:#e2e8f0;border:none;padding:1rem;font-family:var(--font-mono);font-size:.875rem;resize:none;outline:none}.editor-footer{padding:1rem;background-color:var(--bg-panel);border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.btn-primary{background-color:var(--accent);color:#fff;border:none;padding:.5rem 1.5rem;border-radius:.375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s}.btn-primary:hover{background-color:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.result-container{height:100%;display:flex;flex-direction:column;background-color:var(--bg-panel);border:1px solid var(--border);border-radius:.5rem;overflow:hidden}.result-header{padding:.5rem 1rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;background-color:var(--bg-panel);font-size:.75rem}.table-wrapper{flex:1;overflow:auto}table{width:100%;border-collapse:collapse}th{background-color:var(--bg-app);position:sticky;top:0;text-align:left;padding:.75rem;font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border)}td{padding:.75rem;border-bottom:1px solid var(--border);border-right:1px solid rgba(51,65,85,.3);font-family:var(--font-mono);font-size:.8125rem;color:var(--text-primary);white-space:nowrap}tr:hover{background-color:#ffffff05}