:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #dbeafe;--color-secondary: #7c3aed;--color-secondary-hover: #6d28d9;--color-accent: #06b6d4;--color-accent-hover: #0891b2;--color-background: #ffffff;--color-surface: #f8fafc;--color-surface-hover: #f1f5f9;--color-surface-secondary: #f1f5f9;--color-border: #e2e8f0;--color-border-hover: #cbd5e1;--color-text: #1e293b;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-success: #10b981;--color-success-light: #d1fae5;--color-success-dark: #065f46;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #92400e;--color-error: #ef4444;--color-error-light: #fee2e2;--color-error-dark: #991b1b;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-info-dark: #1e40af;--color-editor-bg: #ffffff;--color-editor-border: #e2e8f0;--color-editor-text: #1e293b;--shadow-sm: 0 .0625rem .125rem 0 rgba(0, 0, 0, .05);--shadow-md: 0 .25rem .375rem -.0625rem rgba(0, 0, 0, .1), 0 .125rem .25rem -.0625rem rgba(0, 0, 0, .06);--shadow-lg: 0 .625rem .9375rem -.1875rem rgba(0, 0, 0, .1), 0 .25rem .375rem -.125rem rgba(0, 0, 0, .05);--shadow-xl: 0 1.25rem 1.5625rem -.3125rem rgba(0, 0, 0, .1), 0 .625rem .625rem -.3125rem rgba(0, 0, 0, .04)}[data-theme=dark]{--color-background: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-surface-secondary: #334155;--color-border: #334155;--color-border-hover: #475569;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-primary-light: #1e3a8a;--color-primary-dark: #1e40af;--color-success-light: #10b981;--color-warning-light: #f59e0b;--color-error-light: #ef4444;--color-info-light: #3b82f6;--color-editor-bg: #0d1117;--color-editor-border: #30363d;--color-editor-text: #f1f5f9;--shadow-sm: 0 .0625rem .125rem 0 rgba(0, 0, 0, .3);--shadow-md: 0 .25rem .375rem -.0625rem rgba(0, 0, 0, .4), 0 .125rem .25rem -.0625rem rgba(0, 0, 0, .3);--shadow-lg: 0 .625rem .9375rem -.1875rem rgba(0, 0, 0, .4), 0 .25rem .375rem -.125rem rgba(0, 0, 0, .3);--shadow-xl: 0 1.25rem 1.5625rem -.3125rem rgba(0, 0, 0, .4), 0 .625rem .625rem -.3125rem rgba(0, 0, 0, .3)}:root{--header-height: 3.75rem;--status-bar-height: 2rem;--panel-gap: 1rem;--border-radius: .5rem;--border-radius-sm: .25rem;--border-radius-lg: .75rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-notification: 1080}*{margin:0;padding:0;box-sizing:border-box}html{font-size:1rem;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text);background-color:var(--color-background);transition:background-color var(--transition-slow),color var(--transition-slow)}#root{height:100vh;width:100vw;overflow:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:1.2;color:var(--color-text)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md)}h5{font-size:var(--font-size-sm)}h6{font-size:var(--font-size-xs)}p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}a:focus-visible{outline:.125rem solid var(--color-primary);outline-offset:.125rem;border-radius:var(--border-radius-sm)}*:focus-visible{outline:.125rem solid var(--color-primary);outline-offset:.125rem;border-radius:var(--border-radius-sm)}*:focus:not(:focus-visible){outline:none}button{font-family:inherit;font-size:inherit;line-height:inherit;border:none;background:none;cursor:pointer;padding:0}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;border:.0625rem solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-background);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 .1875rem #2563eb1a}input::placeholder,textarea::placeholder,select::placeholder{color:var(--color-text-muted)}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:.25rem}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}::-webkit-scrollbar-corner{background:var(--color-surface)}::selection{background-color:var(--color-primary-light);color:var(--color-text)}.sr-only{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-primary{color:var(--color-text)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.app{height:100vh;display:flex;flex-direction:column;background-color:var(--color-background);color:var(--color-text);transition:background-color var(--transition-slow),color var(--transition-slow)}.app__header{height:var(--header-height);background-color:var(--color-surface);border-bottom:.0625rem solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);box-shadow:var(--shadow-sm);flex-shrink:0}.app__main{flex:1;display:flex;gap:var(--spacing-sm);padding:var(--panel-gap);min-height:0;overflow:hidden}.app__status-bar{height:var(--status-bar-height);background-color:var(--color-surface);border-top:.0625rem solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);font-size:var(--font-size-xs);color:var(--color-text-secondary);flex-shrink:0}.header__brand{display:flex;align-items:end;gap:var(--spacing-md)}.header__brand-logo{height:2rem;width:6.42rem;flex-shrink:0;object-fit:contain}.header__brand-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.header__actions{display:flex;align-items:center;gap:var(--spacing-sm)}.status-bar__left{display:flex;align-items:center;gap:var(--spacing-lg)}.status-bar__right{display:flex;align-items:center;gap:var(--spacing-md)}.status-bar__item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs)}.status-bar__item-label{color:var(--color-text-muted)}.status-bar__item-value{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.query-bar{display:flex;align-items:center;gap:var(--spacing-sm);padding:.5rem .625rem;border:.0625rem dashed var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.query-bar--collapsed{opacity:.9}.query-bar__button{display:inline-flex;align-items:center;gap:.375rem;background:transparent;border:0;color:var(--color-text);cursor:pointer;padding:.25rem .375rem;border-radius:.375rem}.query-bar__label{font-weight:var(--font-weight-medium)}.query-bar__preview{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%;color:var(--color-text-muted)}.query-collapsed-container{flex:0 0 1.875rem;display:flex;align-items:stretch}.query-panel-loading,.results-panel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.loading-spinner{width:2rem;height:2rem;border:.1875rem solid var(--color-border);border-top:.1875rem solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.search-loading-indicator{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem}.search-loading-indicator .spinner{width:1rem;height:1rem;border:.125rem solid var(--color-border);border-top:.125rem solid var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.lazy-load-fallback{display:flex;align-items:center;justify-content:center;height:12.5rem;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.performance-indicator{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border-radius:var(--border-radius-sm);border:.0625rem solid var(--color-border)}.notification-container{position:fixed;top:1.25rem;right:1.25rem;z-index:var(--z-modal);display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:25rem}.notification{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);background:var(--color-surface);border:.0625rem solid var(--color-border);animation:slideInRight .3s ease-out;max-width:100%}.notification__icon{flex-shrink:0;margin-top:.125rem}.notification__message{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.4}.notification__close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);flex-shrink:0}.notification__close:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.notification--success{border-color:var(--color-success);background-color:var(--color-success-light)}.notification--success .notification__icon{color:var(--color-success)}.notification--error{border-color:var(--color-error);background-color:var(--color-error-light)}.notification--error .notification__icon{color:var(--color-error)}.notification--warning{border-color:var(--color-warning);background-color:var(--color-warning-light)}.notification--warning .notification__icon{color:var(--color-warning)}.notification--info{border-color:var(--color-info);background-color:var(--color-info-light)}.notification--info .notification__icon{color:var(--color-info)}@media (max-width: 48rem){.app__main{overflow:scroll;flex-direction:column;gap:var(--spacing-md)}.header__brand-logo{height:1.5rem;width:4.82rem}.header__brand-title{font-size:var(--font-size-md)}.notification-container{top:.625rem;right:.625rem;left:.625rem;max-width:none}.query-collapsed-tab{padding:var(--spacing-sm);min-height:80px}.query-collapsed-tab__content{max-width:100px;gap:var(--spacing-xs)}.query-collapsed-tab__icon{width:32px;height:32px}.query-collapsed-tab__title{font-size:var(--font-size-xs);letter-spacing:.3px}.query-collapsed-tab__subtitle{font-size:10px}.query-collapsed-tab__arrow{margin-top:0}}.query-collapsed-tab{position:relative;width:100%;height:100%;background:var(--color-surface);border-right:1px solid var(--color-border);cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:.0625rem solid transparent;border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.btn--lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md)}.btn--primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-.0625rem);box-shadow:var(--shadow-md)}.btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn--content{display:flex;gap:.125rem;align-items:center;opacity:1}.btn--secondary{background-color:transparent;color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.btn--secondary:active:not(:disabled){background-color:var(--color-surface-hover)}.btn--ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn--ghost:hover:not(:disabled){background-color:var(--color-surface);color:var(--color-text)}.btn--ghost:active:not(:disabled){background-color:var(--color-surface-hover)}.btn--danger{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.btn--danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626;transform:translateY(-.0625rem);box-shadow:var(--shadow-md)}.btn--danger:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn--success{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.btn--success:hover:not(:disabled){background-color:#059669;border-color:#059669;transform:translateY(-.0625rem);box-shadow:var(--shadow-md)}.btn--success:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn--warning{background-color:var(--color-warning);color:#fff;border-color:var(--color-warning)}.btn--warning:hover:not(:disabled){background-color:#d97706;border-color:#e74f96;transform:translateY(-.0625rem);box-shadow:var(--shadow-md)}.btn--warning:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn--active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn--active:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--icon{padding:var(--spacing-sm);min-width:2.25rem;height:2.25rem;border-radius:var(--border-radius);background-color:transparent;color:var(--color-text-secondary);border:.0625rem solid transparent}.btn--icon:hover:not(:disabled){background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn--icon:active:not(:disabled){background-color:var(--color-surface-hover)}.btn--loading{position:relative;pointer-events:none}.btn--loading:after{content:"";position:absolute;width:1rem;height:1rem;border:.125rem solid transparent;border-top:.125rem solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.btn-group{display:inline-flex;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm)}.btn-group .btn{border-radius:0;border-right-width:.0625rem}.btn-group .btn:first-child{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.btn-group .btn:last-child{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-right-width:.0625rem}.btn-group .btn:hover{z-index:1}.btn:focus-visible{outline:.125rem solid var(--color-primary);outline-offset:.125rem}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0}.btn__text{margin-left:var(--spacing-xs)}[data-theme=dark] .btn--secondary{background-color:#ffffff0d;color:var(--color-text);border-color:var(--color-border)}[data-theme=dark] .btn--secondary:hover:not(:disabled){background-color:#ffffff1a;border-color:var(--color-primary);color:var(--color-primary)}[data-theme=dark] .btn--secondary:active:not(:disabled){background-color:#ffffff26}[data-theme=dark] .btn--ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}[data-theme=dark] .btn--ghost:hover:not(:disabled){background-color:#ffffff0d;color:var(--color-text)}[data-theme=dark] .btn--ghost:active:not(:disabled){background-color:#ffffff1a}[data-theme=dark] .btn--icon{background-color:transparent;color:var(--color-text-secondary);border:.0625rem solid transparent}[data-theme=dark] .btn--icon:hover:not(:disabled){background-color:#ffffff0d;border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .btn--icon:active:not(:disabled){background-color:#ffffff1a}[data-theme=dark] .btn--primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}[data-theme=dark] .btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-.0625rem);box-shadow:var(--shadow-md)}[data-theme=dark] .btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}[data-theme=dark] .btn--danger{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}[data-theme=dark] .btn--danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626;transform:translateY(-.0625rem);box-shadow:var(--shadow-md)}[data-theme=dark] .btn--danger:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}[data-theme=dark] .btn--success{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}[data-theme=dark] .btn--success:hover:not(:disabled){background-color:#059669;border-color:#059669;transform:translateY(-.0625rem);box-shadow:var(--shadow-md)}[data-theme=dark] .btn--success:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.query-panel{flex:0 0 50%;display:flex;flex-direction:column;gap:var(--spacing-md);min-width:18.75rem;max-width:50rem}.query-panel__selector{background:var(--color-surface);border:.0625rem solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.query-panel__selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.query-panel__selector-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.query-panel__selector-controls{display:flex;gap:var(--spacing-sm);align-items:center}.query-panel__selector-category{background:transparent;border:.0625rem solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text);font-size:var(--font-size-xs);cursor:pointer;transition:border-color var(--transition-fast)}.query-panel__selector-category:focus{outline:none;border-color:var(--color-primary)}.query-panel__selector-category:hover{border-color:var(--color-border-hover)}.query-panel__selector-select{width:100%;background:transparent;border:.0625rem solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast)}.query-panel__selector-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 .1875rem #2563eb1a}.query-panel__selector-select:hover{border-color:var(--color-border-hover)}.query-panel__selector-details{margin-top:var(--spacing-sm)}.query-panel__selector-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4;margin-bottom:var(--spacing-sm)}.query-panel__selector-meta{display:flex;justify-content:space-between;align-items:center}.query-panel__selector-empty{padding:var(--spacing-md);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic}.query-panel__editor{flex:1;border:.0625rem solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;min-height:18.75rem;box-shadow:var(--shadow-sm);background-color:var(--color-editor-bg)}.query-panel__actions{display:flex;gap:var(--spacing-sm);align-items:center;justify-content:space-between}.query-panel__actions-left{display:flex;gap:var(--spacing-sm);align-items:center}.query-panel__actions-right{display:flex;gap:var(--spacing-sm)}.query-panel__actions-divider{width:.0625rem;height:1.5rem;background-color:var(--color-border);margin:0 var(--spacing-xs)}.query-panel__status{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.query-panel__status-indicator{width:.5rem;height:.5rem;border-radius:50%;background-color:var(--color-success)}.query-panel__status-indicator--executing{background-color:var(--color-warning);animation:pulse 1s infinite}.query-panel__status-indicator--success{background-color:var(--color-success)}.query-panel__status-indicator--error{background-color:var(--color-error)}.query-category{display:inline-block;background-color:var(--color-primary-light);color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg)}.modal{background:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:37.5rem;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:.0625rem solid var(--color-border)}.modal__header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.modal__close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.modal__close:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.modal__body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.modal__textarea{width:100%;min-height:12.5rem;background:var(--color-surface);border:.0625rem solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-md);color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--font-size-sm);resize:vertical;transition:border-color var(--transition-fast)}.modal__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 .1875rem #2563eb1a}.modal__textarea::placeholder{color:var(--color-text-muted)}.modal__footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:.0625rem solid var(--color-border)}.shortcuts-help-modal{max-width:50rem;max-height:70vh}.shortcuts-help__body{display:grid;grid-template-columns:repeat(auto-fit,minmax(18.75rem,1fr));gap:var(--spacing-lg)}.shortcuts-category__title{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);border-bottom:.0625rem solid var(--color-border);padding-bottom:var(--spacing-sm)}.shortcuts-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.shortcut-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--border-radius);transition:background-color var(--transition-fast)}.shortcut-item:hover{background-color:var(--color-surface-hover)}.shortcut-key{background-color:var(--color-surface-secondary);border:.0625rem solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text);min-width:5rem;text-align:center;white-space:nowrap}.shortcut-description{font-size:var(--font-size-sm);color:var(--color-text);flex:1}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.query-history{position:absolute;top:100%;left:0;right:0;background:var(--color-surface);border:.0625rem solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);max-height:18.75rem;overflow-y:auto}.query-history__item{padding:var(--spacing-sm) var(--spacing-md);border-bottom:.0625rem solid var(--color-border);cursor:pointer;transition:background-color var(--transition-fast)}.query-history__item:hover{background-color:var(--color-surface-hover)}.query-history__item:last-child{border-bottom:none}.query-history__item-query{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.query-history__item-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.query-history__item-time{color:var(--color-text-muted)}.query-history__empty{padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.query-collapsed-tab{width:100%;height:100%;background:var(--color-surface);border-right:1px solid var(--color-border);cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);position:relative;overflow:hidden}.query-collapsed-tab:hover{background:var(--color-surface-hover);transform:translate(2px)}.query-collapsed-tab:hover .query-collapsed-tab__arrow{transform:translate(4px)}.query-collapsed-tab:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.query-collapsed-tab:active{transform:translate(1px)}.query-collapsed-tab__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);width:100%;max-width:120px;text-align:center}.query-collapsed-tab__icon{color:var(--color-primary);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-primary-light);transition:all .2s ease-in-out}.query-collapsed-tab__icon:hover{background:var(--color-primary);color:#fff;transform:scale(1.05)}.query-collapsed-tab__text{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.query-collapsed-tab__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.query-collapsed-tab__subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-normal);line-height:1.2}.query-collapsed-tab__arrow{color:var(--color-text-secondary);transition:transform .2s ease-in-out;margin-top:var(--spacing-xs)}@media (max-width: 768px){.query-collapsed-tab{padding:var(--spacing-sm);min-height:80px}.query-collapsed-tab__content{max-width:100px;gap:var(--spacing-xs)}.query-collapsed-tab__icon{width:32px;height:32px}.query-collapsed-tab__title{font-size:var(--font-size-xs);letter-spacing:.3px}.query-collapsed-tab__subtitle{font-size:10px}.query-collapsed-tab__arrow{margin-top:0}}@media (min-width: 769px) and (max-width: 1024px){.query-collapsed-tab__content{max-width:110px}.query-collapsed-tab__icon{width:36px;height:36px}}[data-theme=dark] .query-collapsed-tab{background:var(--color-surface);border-right-color:var(--color-border)}[data-theme=dark] .query-collapsed-tab:hover{background:var(--color-surface-hover)}[data-theme=dark] .query-collapsed-tab__icon{background:var(--color-primary-dark);color:var(--color-primary)}[data-theme=dark] .query-collapsed-tab__icon:hover{background:var(--color-primary);color:#fff}.query-collapsed-tab{animation:slideInLeft .3s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (max-width: 48rem){.query-panel{flex:none;min-width:auto;max-width:none}.query-panel__actions{flex-direction:column;gap:var(--spacing-md)}.query-panel__actions-left,.query-panel__actions-right{width:100%;justify-content:center}.query-panel__selector-header{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.query-panel__selector-controls{justify-content:space-between}.shortcuts-help__body{grid-template-columns:1fr}.modal{margin:var(--spacing-md);max-height:calc(100vh - 2 * var(--spacing-md))}}.results-panel{flex:1;display:flex;flex-direction:column;min-width:25rem;height:100%}.results-panel__header{background:var(--color-surface);border:.0625rem solid var(--color-border);border-radius:var(--border-radius) var(--border-radius) 0 0;padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm)}.results-panel__header-info{display:flex;gap:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);align-items:center}.results-panel__header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.results-panel__table-container{flex:1;border:.0625rem solid var(--color-border);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);overflow:hidden;background:var(--color-background);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:0}.results-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-2xl);color:var(--color-text-secondary);text-align:center}.results-panel__empty-icon{width:4rem;height:4rem;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.results-panel__empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-sm)}.results-panel__empty-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:18.75rem;line-height:1.5}.results-panel__search{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:.0625rem solid var(--color-border);background:var(--color-surface)}.results-panel__search-input{flex:1;border:.0625rem solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);background:var(--color-background);color:var(--color-text)}.results-panel__search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 .1875rem #2563eb1a}.results-panel__search-input::placeholder{color:var(--color-text-muted)}.results-panel__search-clear{padding:var(--spacing-xs);color:var(--color-text-secondary);border-radius:var(--border-radius-sm);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast)}.results-panel__search-clear:hover{background:var(--color-surface-hover);color:var(--color-text)}.results-panel__search-clear:focus-visible{outline:.125rem solid var(--color-primary);outline-offset:.125rem}.results-panel__pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-top:.0625rem solid var(--color-border);background:var(--color-surface);font-size:var(--font-size-sm)}.results-panel__pagination-info{color:var(--color-text-secondary)}.results-panel__pagination-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.results-panel__pagination-select{border:.0625rem solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);background:var(--color-background);color:var(--color-text);cursor:pointer}.results-panel__pagination-select:focus{outline:none;border-color:var(--color-primary)}.info-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.info-item__label{color:var(--color-text-muted)}.info-item__value{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.info-item__selected{color:var(--color-primary);font-weight:var(--font-weight-medium);margin-left:var(--spacing-xs)}.info-item__icon{width:1rem;height:1rem;color:var(--color-text-muted)}@media (max-width: 48rem){.results-panel{min-width:auto}.results-panel__header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.results-panel__header-info{justify-content:space-between}.results-panel__search{flex-direction:column;gap:var(--spacing-sm)}.results-panel__search-input{width:100%}.results-panel__pagination{flex-direction:column;gap:var(--spacing-sm);text-align:center}}[data-theme=dark] .results-panel__search-clear{color:var(--color-text-secondary)}[data-theme=dark] .results-panel__search-clear:hover{background-color:#ffffff1a;color:var(--color-text)}[data-theme=dark] .results-panel__search-clear:active{background-color:#ffffff26}[data-theme=dark] .download-options-modal{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .download-options-close{color:var(--color-text-secondary)}[data-theme=dark] .download-options-close:hover{background-color:#ffffff1a;color:var(--color-text)}[data-theme=dark] .download-option input[type=text]{background:var(--color-background);color:var(--color-text);border-color:var(--color-border)}[data-theme=dark] .download-option input[type=text]:focus{border-color:var(--color-primary)}[data-theme=dark] .download-option input[type=text]::placeholder{color:var(--color-text-muted)}[data-theme=dark] .download-option select{background:var(--color-background);color:var(--color-text);border-color:var(--color-border)}[data-theme=dark] .download-option select:focus{border-color:var(--color-primary)}[data-theme=dark] .download-option select option{background:var(--color-background);color:var(--color-text)}.download-options-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg)}.download-options-modal{background:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:28rem;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;border:.0625rem solid var(--color-border)}.download-options-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:.0625rem solid var(--color-border)}.download-options-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.download-options-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.download-options-close:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.download-options-content{padding:var(--spacing-lg);overflow-y:auto;flex:1}.download-option:last-child{margin-bottom:0}.download-option input[type=text]{width:100%;margin-top:var(--spacing-xs);padding:var(--spacing-sm);border:.0625rem solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-background);color:var(--color-text);font-size:var(--font-size-sm)}.download-option input[type=text]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 .1875rem #2563eb1a}.download-option input[type=text]::placeholder{color:var(--color-text-muted)}.download-option select{width:100%;margin-top:var(--spacing-xs);padding:var(--spacing-sm);border:.0625rem solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-background);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer}.download-option select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 .1875rem #2563eb1a}.download-option select option{background:var(--color-background);color:var(--color-text)}.download-options-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:.0625rem solid var(--color-border)}.pagination-controls{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-surface);border-top:1px solid var(--color-border);gap:var(--spacing-md);flex-wrap:wrap}.pagination-controls .pagination-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.pagination-controls .pagination-navigation{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;justify-content:center;flex:1}.pagination-controls .pagination-navigation .pagination-pages{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.pagination-controls .pagination-navigation .pagination-ellipsis{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);padding:0 var(--spacing-xs)}.pagination-controls .pagination-size{display:flex;align-items:center;gap:var(--spacing-sm);white-space:nowrap}.pagination-controls .pagination-size .pagination-size-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pagination-controls .pagination-size .pagination-size-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;transition:border-color var(--transition-fast)}.pagination-controls .pagination-size .pagination-size-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1a}.pagination-controls .pagination-size .pagination-size-select:hover{border-color:var(--color-border-hover)}@media (max-width: 768px){.pagination-controls{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm)}.pagination-controls .pagination-info{order:1;text-align:center}.pagination-controls .pagination-navigation{order:2;width:100%;justify-content:center}.pagination-controls .pagination-size{order:3;justify-content:center}}[data-theme=dark] .pagination-controls{background:var(--color-surface);border-top-color:var(--color-border)}[data-theme=dark] .pagination-controls .pagination-size-select{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .pagination-controls .pagination-size-select:focus{border-color:var(--color-primary)}[data-theme=dark] .pagination-controls .pagination-size-select:hover{border-color:var(--color-border-hover)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);background:var(--color-background);min-width:50rem}.data-table__header{background-color:var(--color-surface);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-sm)}.data-table__header th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text);border-bottom:.125rem solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast);position:relative;white-space:nowrap}.data-table__header th:hover{background-color:var(--color-surface-hover)}.data-table__header th--sorted{background-color:var(--color-primary);color:#fff;border-bottom-color:var(--color-primary)}.data-table__header th--sorted:hover{background-color:var(--color-primary-hover)}.data-table__header th--sortable{padding-right:calc(var(--spacing-md) + 1.25rem)}.data-table__header th--sortable:after{content:"";position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);width:0;height:0;border-left:.25rem solid transparent;border-right:.25rem solid transparent;opacity:.5}.data-table__header th--sortable--asc:after{border-bottom:.375rem solid currentColor;border-top:none;opacity:1}.data-table__header th--sortable--desc:after{border-top:.375rem solid currentColor;border-bottom:none;opacity:1}.data-table__body tr{border-bottom:.0625rem solid var(--color-border);transition:background-color var(--transition-fast)}.data-table__body tr:hover{background-color:var(--color-surface)}.data-table__body tr:nth-child(2n){background-color:#00000005}.data-table__body tr:nth-child(2n):hover{background-color:var(--color-surface)}.data-table__body td{padding:var(--spacing-sm) var(--spacing-md);max-width:12.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text);vertical-align:top}.data-table__body td>div{overflow:hidden;text-overflow:ellipsis}.data-table__empty{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary)}.data-table__empty-icon{width:3rem;height:3rem;color:var(--color-text-muted);margin:0 auto var(--spacing-md)}.data-table__empty-text{font-size:var(--font-size-sm)}.data-table__loading{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary)}.data-table__loading-spinner{width:2rem;height:2rem;border:.1875rem solid var(--color-border);border-top:.1875rem solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-md)}.data-table__loading-text{font-size:var(--font-size-sm)}@keyframes spin{to{transform:rotate(360deg)}}.table-container{height:100%;overflow:auto;border:.0625rem solid var(--color-border);background:var(--color-background);scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-surface)}.table-container::-webkit-scrollbar{width:.5rem;height:.5rem}.table-container::-webkit-scrollbar-track{background:var(--color-surface);border-radius:.25rem}.table-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:.25rem}.table-container::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.table-container::-webkit-scrollbar-corner{background:var(--color-surface)}.virtual-table{height:100%;overflow:auto}.virtual-table__container{position:relative;width:100%}.virtual-table__row{position:absolute;top:0;left:0;right:0;height:2.5rem;display:flex;align-items:center;border-bottom:.0625rem solid var(--color-border);transition:background-color var(--transition-fast)}.virtual-table__row:nth-child(2n){background-color:#00000005}.virtual-table__row:nth-child(2n):hover{background-color:var(--color-surface)}.virtual-table__cell{flex:1;padding:var(--spacing-sm) var(--spacing-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-size:var(--font-size-sm)}.column-resizer{position:absolute;right:0;top:0;bottom:0;width:.25rem;cursor:col-resize;background:transparent;transition:background-color var(--transition-fast)}.column-resizer:hover,.column-resizer:active{background-color:var(--color-primary)}.cell--text{color:var(--color-text)}.cell--number{color:var(--color-text);text-align:right;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.cell--date{color:var(--color-text-secondary);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.cell--boolean{text-align:center}.cell--boolean--true{color:var(--color-success)}.cell--boolean--false{color:var(--color-error)}.cell--null{color:var(--color-text-muted);font-style:italic}@media (max-width: 48rem){.data-table{font-size:var(--font-size-xs)}.data-table__header th,.data-table__body td{padding:var(--spacing-xs) var(--spacing-sm)}.virtual-table__row{height:2.25rem}.virtual-table__cell{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}}.virtualized-table{height:100%;display:flex}.virtualized-table__performance{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary-light);border-bottom:.0625rem solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-medium)}.virtualized-table__header{display:flex;background:var(--color-surface);border-bottom:.125rem solid var(--color-border);position:sticky;top:0;box-shadow:var(--shadow-sm);z-index:1}.virtualized-table__header-cell{flex:1;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);font-weight:var(--font-weight-semibold);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast);border-right:.0625rem solid var(--color-border);min-width:7.5rem}.virtualized-table__header-cell:hover{background-color:var(--color-surface-hover)}.virtualized-table__header-cell:last-child{border-right:none}.virtualized-table__body{flex:1;overflow:hidden}.virtualized-table__empty{display:flex;align-items:center;justify-content:center;height:12.5rem;color:var(--color-text-secondary)}.virtual-table__row{display:flex;align-items:center;border-bottom:.0625rem solid var(--color-border);transition:background-color var(--transition-fast);height:2.5rem}.virtual-table__row:hover{background-color:var(--color-surface)}.virtual-table__row--even{background-color:#00000005}.virtual-table__row--even:hover{background-color:var(--color-surface)}.virtual-table__cell{flex:1;padding:var(--spacing-sm) var(--spacing-md);overflow:scroll;text-overflow:inherit;white-space:nowrap;color:var(--color-text);font-size:var(--font-size-sm);border-right:.0625rem solid var(--color-border);min-width:7.5rem}.virtual-table__cell:last-child{border-right:none}.sort-indicator{color:var(--color-text-muted);transition:color var(--transition-fast)}.sort-indicator--active{color:var(--color-primary)}.sort-indicator--inactive{opacity:.3}.performance-indicator{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);text-align:center}.empty-state__icon{font-size:2rem;opacity:.5}.empty-state__text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.header-cell__text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 48rem){.virtualized-table__header-cell,.virtual-table__cell{padding:var(--spacing-xs) var(--spacing-sm);min-width:5rem;font-size:var(--font-size-xs)}.performance-indicator{font-size:.625rem}}.notification-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:var(--z-notification);display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:25rem;pointer-events:none}.notification-container .notification{pointer-events:auto}.notification{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);border:.0625rem solid transparent;min-width:18.75rem;max-width:25rem;animation:notification-slide-in .3s ease-out;transition:all var(--transition-fast);position:relative;overflow:hidden}.notification:before{content:"";position:absolute;bottom:0;left:0;height:.1875rem;background:currentColor;opacity:.3;animation:notification-progress 5s linear}.notification:hover{transform:translateY(-.125rem);box-shadow:var(--shadow-xl)}.notification__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%}.notification__content{flex:1;min-width:0}.notification__message{font-size:var(--font-size-sm);line-height:1.4;word-wrap:break-word;font-weight:var(--font-weight-medium)}.notification__close{flex-shrink:0;background:none;border:none;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);cursor:pointer;opacity:.6;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:inherit}.notification__close:hover{opacity:1;background-color:#0000001a}.notification__close:focus{outline:none;box-shadow:0 0 0 .125rem currentColor;opacity:1}.notification--success{background:var(--color-success-light);color:var(--color-success-dark);border-color:var(--color-success)}.notification--success .notification__icon{background:var(--color-success);color:#fff}.notification--success .notification__close:hover{background-color:#22c55e1a}.notification--error{background:var(--color-error-light);color:var(--color-error-dark);border-color:var(--color-error)}.notification--error .notification__icon{background:var(--color-error);color:#fff}.notification--error .notification__close:hover{background-color:#ef44441a}.notification--warning{background:var(--color-warning-light);color:var(--color-warning-dark);border-color:var(--color-warning)}.notification--warning .notification__icon{background:var(--color-warning);color:#fff}.notification--warning .notification__close:hover{background-color:#f59e0b1a}.notification--info{background:var(--color-info-light);color:var(--color-info-dark);border-color:var(--color-info)}.notification--info .notification__icon{background:var(--color-info);color:#fff}.notification--info .notification__close:hover{background-color:#3b82f61a}[data-theme=dark] .notification--success{background:rgba(34,197,94,.15);color:var(--color-success-light);border-color:var(--color-success)}[data-theme=dark] .notification--error{background:rgba(239,68,68,.15);color:var(--color-error-light);border-color:var(--color-error)}[data-theme=dark] .notification--warning{background:rgba(245,158,11,.15);color:var(--color-warning-light);border-color:var(--color-warning)}[data-theme=dark] .notification--info{background:rgba(59,130,246,.15);color:var(--color-info-light);border-color:var(--color-info)}[data-theme=dark] .notification__close:hover{background-color:#ffffff1a}@keyframes notification-slide-in{0%{opacity:0;transform:translate(100%) translateY(-.625rem)}to{opacity:1;transform:translate(0) translateY(0)}}@keyframes notification-slide-out{0%{opacity:1;transform:translate(0) translateY(0)}to{opacity:0;transform:translate(100%) translateY(-.625rem)}}@keyframes notification-progress{0%{width:100%}to{width:0%}}.notification--exiting{animation:notification-slide-out .3s ease-in forwards}.confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}.confirmation-modal{background:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:28rem;width:100%;border:.0625rem solid var(--color-border);overflow:hidden;animation:modalSlideIn .2s ease-out}.confirmation-modal__header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border-bottom:.0625rem solid var(--color-border);position:relative}.confirmation-modal__icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--color-surface-hover);flex-shrink:0}.confirmation-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;flex:1}.confirmation-modal__close{background:transparent;border:0;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.confirmation-modal__close:hover{background:var(--color-surface-hover);color:var(--color-text)}.confirmation-modal__close:focus-visible{outline:.125rem solid var(--color-primary);outline-offset:.125rem}.confirmation-modal__content{padding:var(--spacing-lg)}.confirmation-modal__message{color:var(--color-text-secondary);line-height:1.5;margin:0;font-size:var(--font-size-md)}.confirmation-modal__footer{display:flex;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:.0625rem solid var(--color-border);justify-content:flex-end}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-1rem)}to{opacity:1;transform:scale(1) translateY(0)}}[data-theme=dark] .confirmation-modal{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .confirmation-modal__close{color:var(--color-text-secondary)}[data-theme=dark] .confirmation-modal__close:hover{background:rgba(255,255,255,.05);color:var(--color-text)}@media (max-width: 48rem){.notification-container{top:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md);max-width:none}.notification{min-width:auto;max-width:none}}@media (max-width: 30rem){.notification{padding:var(--spacing-sm);gap:var(--spacing-xs)}.notification__message{font-size:var(--font-size-xs)}.notification__close{padding:var(--spacing-xs)}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-xl);background:var(--color-surface)}.error-boundary__content{text-align:center;max-width:24rem}.error-boundary__content h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-md) 0}.error-boundary__content p{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0;line-height:1.5}.query-collapsed-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.query-collapsed-loading .loading-spinner{margin-bottom:var(--spacing-sm)}[data-theme=dark] .error-boundary{background:var(--color-surface)}.download-option{margin-bottom:var(--spacing-md)}.download-option label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.download-option label input[type=checkbox]{margin:0}.download-option label input[type=text]{margin-top:var(--spacing-xs);width:100%;padding:var(--spacing-sm);border:.0625rem solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm)}.download-option label input[type=text]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 .125rem rgba(var(--color-primary-rgb),.1)}.download-option label input[type=text]:disabled{opacity:.5;cursor:not-allowed}.download-option label select{margin-top:var(--spacing-xs);width:100%;padding:var(--spacing-sm);border:.0625rem solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer}.download-option label select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 .125rem rgba(var(--color-primary-rgb),.1)}.download-option label select:disabled{opacity:.5;cursor:not-allowed}.download-option-hint{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic}.download-option-warning{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-warning-light);color:var(--color-warning-dark);border:.0625rem solid var(--color-warning);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs)}.download-option-warning svg{flex-shrink:0}.download-option-progress{margin-top:var(--spacing-md)}.download-option-progress .progress-bar{width:100%;height:.5rem;background:var(--color-border);border-radius:var(--border-radius-sm);overflow:hidden;margin-bottom:var(--spacing-xs)}.download-option-progress .progress-bar .progress-bar-fill{height:100%;background:var(--color-primary);border-radius:var(--border-radius-sm);transition:width .3s ease}.download-option-progress .progress-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center}[data-theme=dark] .download-option-warning{background:rgba(245,158,11,.15);color:var(--color-warning-light);border-color:var(--color-warning)}[data-theme=dark] .download-option-hint{color:var(--color-text-secondary)}.query-history-sidebar{position:fixed;top:0;right:0;width:24rem;height:100vh;background:var(--color-surface);border-left:.0625rem solid var(--color-border);box-shadow:var(--shadow-xl);z-index:1000;display:flex;flex-direction:column;animation:slideInRight .3s ease-out;overflow:hidden}.query-history-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:.0625rem solid var(--color-border);background:var(--color-surface);flex-shrink:0}.query-history-sidebar__title{display:flex;align-items:center;gap:var(--spacing-sm)}.query-history-sidebar__title h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.query-history-sidebar__actions{display:flex;align-items:center;gap:var(--spacing-xs)}.query-history-sidebar__content{flex:1;overflow:hidden;display:flex;flex-direction:column}.query-history-sidebar__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary)}.query-history-sidebar__empty h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:var(--spacing-md) 0 var(--spacing-sm) 0;color:var(--color-text)}.query-history-sidebar__empty p{font-size:var(--font-size-sm);margin:0}.query-history-sidebar__list{flex:1;overflow-y:auto;padding:var(--spacing-md)}.query-history-item{background:var(--color-surface);border:.0625rem solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);transition:all var(--transition-fast)}.query-history-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.query-history-item:last-child{margin-bottom:0}.query-history-item__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.query-history-item__timestamp{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.query-history-item__execution-time{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-surface-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium)}.query-history-item__query{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text);line-height:1.4;margin-bottom:var(--spacing-sm);word-break:break-word;white-space:pre-wrap;max-height:4rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.query-history-item__actions{display:flex;gap:var(--spacing-xs)}.query-history-item__actions .btn{flex:1;justify-content:center;font-size:var(--font-size-xs)}.query-history-item__actions .btn span{margin-left:var(--spacing-xs)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}[data-theme=dark] .query-history-sidebar,[data-theme=dark] .query-history-item{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .query-history-item:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}[data-theme=dark] .query-history-item__execution-time{background:rgba(255,255,255,.05)}@media (max-width: 48rem){.query-history-sidebar{width:100vw;right:0}.query-history-sidebar__header{padding:var(--spacing-md)}.query-history-sidebar__list,.query-history-item{padding:var(--spacing-sm)}.query-history-item__actions{flex-direction:column}.query-history-item__actions .btn{width:100%}}