:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--grey-0:#fff;--grey-50:#fafbfc;--grey-100:#f4f5f7;--grey-200:#eceef2;--grey-300:#e2e4e9;--grey-400:#c8ccd4;--grey-500:#9aa0ab;--grey-600:#5f6672;--grey-700:#474d58;--grey-800:#2c313a;--grey-900:#1a1d23;--blue-50:#eef3fd;--blue-100:#dde8fb;--blue-200:#c3d7f8;--blue-500:#2f6feb;--blue-600:#2159c7;--blue-700:#1a479e;--red-50:#fdeeec;--red-500:#c0392b;--red-600:#a92e22;--red-700:#8f2418;--green-50:#e9f6ee;--green-700:#17703f;--amber-50:#fdf3e3;--amber-700:#8a5300;--surface-page:var(--grey-100);--surface-panel:var(--grey-0);--surface-card:var(--grey-0);--surface-sunken:var(--grey-100);--surface-overlay:var(--grey-0);--surface-hover:var(--grey-100);--surface-active:var(--grey-200);--text-primary:var(--grey-900);--text-secondary:var(--grey-700);--text-muted:var(--grey-600);--text-accent:var(--blue-600);--text-on-accent:var(--grey-0);--text-accent-strong:var(--blue-700);--text-danger:var(--red-600);--text-on-danger:var(--grey-0);--text-success:var(--green-700);--text-warning:var(--amber-700);--text-disabled:var(--grey-600);--accent:var(--blue-500);--accent-hover:var(--blue-600);--accent-active:var(--blue-700);--accent-subtle:var(--blue-50);--accent-subtle-hover:var(--blue-100);--danger:var(--red-500);--danger-hover:var(--red-600);--danger-active:var(--red-700);--danger-subtle:var(--red-50);--success-subtle:var(--green-50);--warning-subtle:var(--amber-50);--disabled-bg:var(--grey-200);--border:var(--grey-300);--border-strong:var(--grey-400);--border-hover:var(--grey-500);--focus-ring:var(--accent);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-md:.875rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.5rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--line-height-tight:1.3;--line-height-base:1.5;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-pill:999px;--shadow-card:0 1px 2px #1018280f, 0 1px 3px #1018280a;--shadow-raised:0 2px 6px #10182814, 0 6px 16px #1018280f;--shadow-dialog:0 12px 32px #1018282e;--overlay-backdrop:#10182859;--duration-fast:.12s;--duration-base:.2s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Noto Sans TC", sans-serif;--font-mono:"SF Mono", "Menlo", "Consolas", monospace;font-family:var(--font-sans)}*{box-sizing:border-box}body{background:var(--surface-page);color:var(--text-primary);line-height:var(--line-height-base);margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}a{color:var(--text-accent);text-decoration:none}a:hover{text-decoration:underline}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon{vertical-align:-.125em;color:currentColor;flex:none;width:1.15em;height:1.15em;display:inline-block}.icon-sm{width:1em;height:1em}.icon-md{width:1.3em;height:1.3em}.with-icon{align-items:center;gap:var(--space-1);display:inline-flex}.page{min-height:100vh;padding:var(--space-8) var(--space-4);justify-content:center;align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.page-narrow{width:100%;max-width:360px;margin:0 auto}h1{font-size:var(--font-size-2xl);text-align:center}.card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6);gap:var(--space-3);flex-direction:column;width:100%;display:flex}form.card label{font-size:var(--font-size-md);color:var(--text-secondary);margin-top:var(--space-1)}input,select,textarea{font-family:inherit;font-size:var(--font-size-lg);line-height:var(--line-height-tight);padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--border-hover)}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input[type=checkbox],input[type=radio]{accent-color:var(--accent);background:0 0;border:none;padding:0}input:disabled,select:disabled,textarea:disabled{background:var(--disabled-bg);border-color:var(--border);color:var(--text-disabled);cursor:not-allowed}button{font-family:inherit;font-size:var(--font-size-lg);line-height:var(--line-height-tight);padding:var(--space-2) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-primary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard)}button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-hover)}button:active:not(:disabled){background:var(--surface-active)}.button-sm{font-size:var(--font-size-sm);padding:var(--space-1) var(--space-3);line-height:var(--line-height-base)}.button-primary{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.button-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.button-primary:active:not(:disabled){background:var(--accent-active);border-color:var(--accent-active)}.button-secondary{background:var(--surface-card);border-color:var(--border-strong);color:var(--text-primary)}.button-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-hover)}.button-secondary:active:not(:disabled){background:var(--surface-active)}.button-ghost{color:var(--text-accent);background:0 0;border-color:#0000}.button-ghost:hover:not(:disabled){background:var(--accent-subtle);color:var(--text-accent);border-color:#0000}.button-ghost:active:not(:disabled){background:var(--accent-subtle-hover)}.button-danger{background:var(--danger);border-color:var(--danger);color:var(--text-on-danger)}.button-danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}.button-danger:active:not(:disabled){background:var(--danger-active);border-color:var(--danger-active)}.button-danger-outline{background:var(--surface-card);border-color:var(--danger);color:var(--text-danger)}.button-danger-outline:hover:not(:disabled){background:var(--danger-subtle);border-color:var(--danger-hover);color:var(--text-danger)}.button-danger-outline:active:not(:disabled){background:var(--danger-subtle);border-color:var(--danger-active)}button:disabled{background:var(--disabled-bg);border-color:var(--border);color:var(--text-disabled);box-shadow:none;cursor:not-allowed}dl.card{gap:var(--space-2) var(--space-4);grid-template-columns:auto 1fr;display:grid}dl.card dt{color:var(--text-secondary);font-size:var(--font-size-md)}dl.card dd{font-weight:var(--font-weight-medium);margin:0}.error{color:var(--text-danger);font-size:var(--font-size-md);margin:0}.panel-page{flex-direction:column;height:100vh;display:flex;overflow-x:hidden}.topbar{align-items:center;gap:var(--space-6);padding:var(--space-3) var(--space-6);background:var(--surface-panel);border-bottom:1px solid var(--border);flex-wrap:wrap;flex:none;display:flex}.topbar h1{font-size:var(--font-size-xl);margin:0}.topbar-identity{min-width:0;color:var(--text-secondary);font-size:var(--font-size-md);flex:1;margin:0}.credits-pill{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap}.panel{flex:auto;grid-template-columns:280px minmax(0,1fr);min-height:0;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--surface-panel);padding:var(--space-4);min-height:0;position:relative;overflow-y:auto}.sidebar select{width:100%;margin-bottom:var(--space-4);padding:var(--space-1) var(--space-2);font-size:var(--font-size-md)}.table-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.table-item{align-items:baseline;column-gap:var(--space-1);row-gap:var(--space-1);text-align:left;width:100%;color:var(--text-primary);border-radius:var(--radius-sm);padding:var(--space-2);cursor:pointer;font-size:var(--font-size-md);background:0 0;border:1px solid #0000;grid-template-columns:auto 1fr;display:grid}.table-item:hover:not(:disabled){background:var(--surface-hover);border-color:#0000}.table-item:active:not(:disabled){background:var(--surface-active)}.table-item[aria-expanded=true],.table-item[aria-expanded=true]:hover{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.table-item[aria-expanded=true]:active{background:var(--accent-active);border-color:var(--accent-active);color:var(--text-on-accent)}.table-item[aria-expanded=true] .table-item-desc{display:none}.table-item-marker{grid-area:1/1}.table-item-name{font-weight:var(--font-weight-medium);grid-area:1/2}.table-item-desc{font-size:var(--font-size-xs);color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-area:2/2;display:-webkit-box;overflow:hidden}.table-detail{padding:var(--space-2) var(--space-2) var(--space-3) var(--space-6);font-size:var(--font-size-sm);border-left:2px solid var(--border);margin:0 0 var(--space-1) var(--space-2)}.table-detail-desc{margin:0 0 var(--space-2);color:var(--text-secondary)}.table-detail-heading{margin:var(--space-2) 0 var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.columns-table-compact{font-size:var(--font-size-sm);margin:0}.columns-table-compact th,.columns-table-compact td{padding:var(--space-1) var(--space-2)}.relation-list{padding-left:var(--space-5);margin:0}.panel-main{padding:var(--space-6);min-width:0;min-height:0;position:relative;overflow-y:auto}.columns-table{border-collapse:collapse;width:100%;margin:var(--space-4) 0;font-size:var(--font-size-md)}.columns-table th,.columns-table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);white-space:nowrap}.columns-table th{background:var(--surface-sunken);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.badge{background:var(--accent);color:var(--text-on-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:0 var(--space-1);border-radius:var(--radius-pill);margin-left:var(--space-1);display:inline-block}.muted{color:var(--text-secondary)}.chat,.sql-panel{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4);margin-bottom:var(--space-6)}.chat h2,.sql-panel h2{margin:0 0 var(--space-3)}.chat-turns{margin:0 0 var(--space-3);gap:var(--space-2);flex-direction:column;max-height:40vh;padding:0;list-style:none;display:flex;position:relative;overflow-y:auto}.chat-user,.chat-assistant{max-width:80%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-size-md);line-height:var(--line-height-base);overflow-wrap:anywhere}.chat-user{background:var(--accent);color:var(--text-on-accent);align-self:flex-end}.chat-assistant{background:var(--surface-sunken);border:1px solid var(--border);align-self:flex-start}.chat-assistant p{margin:0 0 var(--space-2)}.chat-assistant p:last-child{margin-bottom:0}.chat-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.chat-options button{background:var(--surface-card);color:var(--text-accent);border-color:var(--accent);font-size:var(--font-size-sm);padding:var(--space-1) var(--space-3)}.chat-options button:hover:not(:disabled){background:var(--accent-subtle);border-color:var(--accent)}.chat-options button:active:not(:disabled){background:var(--accent-subtle-hover)}.chat-options button:disabled{background:var(--disabled-bg);border-color:var(--border);color:var(--text-disabled)}.chat-options button.chosen,.chat-options button.chosen:disabled{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent);cursor:default}.chat-draft pre{margin:0 0 var(--space-2);padding:var(--space-3);background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-sm);white-space:pre-wrap;word-break:break-word}.chat-draft-warning{color:var(--text-danger)}.chat-draft-sql summary{cursor:pointer;color:var(--text-accent);font-size:var(--font-size-sm);margin-bottom:var(--space-1);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-standard)}.chat-draft-sql summary:hover{color:var(--text-accent-strong)}.chat-draft-actions{gap:var(--space-2);display:flex}.chat-chart-line{font-size:var(--font-size-sm);color:var(--text-secondary)}.chat-input-row{gap:var(--space-2);display:flex}.chat-input-row input{flex:1}.sql-editor{width:100%;min-height:10rem;max-height:320px;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunken);border-color:var(--border);font-family:var(--font-mono);font-size:var(--font-size-md);line-height:var(--line-height-base);overflow-y:auto}.run-row{align-items:center;gap:var(--space-3);margin:var(--space-3) 0 var(--space-4);display:flex}.hint{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.result-status{margin:0 0 var(--space-3);font-size:var(--font-size-md)}.result-status-ok{color:var(--text-success);font-weight:var(--font-weight-semibold)}.result-area{scroll-margin-top:var(--space-4);border-top:1px solid var(--border);padding-top:var(--space-4)}.result-scroll{width:100%;position:relative;overflow-x:auto}.result-table{border-collapse:collapse;width:100%;font-size:var(--font-size-md)}.result-table th,.result-table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);white-space:nowrap}.result-table th{background:var(--surface-sunken);color:var(--text-primary);font-weight:var(--font-weight-medium)}.result-table .col-type{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--text-secondary)}.result-table td.num{text-align:right;font-variant-numeric:tabular-nums}.result-table td.null{color:var(--text-muted);font-style:italic}.result-status-row{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.result-status-row .result-status{margin:0}.chart-area{margin:var(--space-3) 0 var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.chart-pending{font-size:var(--font-size-md);color:var(--text-secondary);margin:0}.chart-suggestions{gap:var(--space-2);flex-direction:column;display:flex}.chart-suggestion{align-items:flex-start;gap:var(--space-2);text-align:left;background:var(--surface-card);width:100%;color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--font-size-md);display:flex}.chart-suggestion:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-hover)}.chart-suggestion:active:not(:disabled){background:var(--surface-active)}.chart-suggestion.chosen,.chart-suggestion.chosen:hover{border-color:var(--accent);background:var(--accent-subtle)}.chart-suggestion.chosen:active{border-color:var(--accent);background:var(--accent-subtle-hover)}.chart-suggestion-radio{color:var(--text-accent);line-height:var(--line-height-base)}.chart-suggestion-body{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.chart-suggestion-title{font-weight:var(--font-weight-medium);gap:var(--space-2);flex-wrap:wrap;align-items:baseline;display:flex}.chart-suggestion-fields{font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);color:var(--text-secondary)}.chart-suggestion-reason{font-size:var(--font-size-sm);color:var(--text-secondary)}.chart-notice{font-size:var(--font-size-md);color:var(--text-danger);margin:0}.chart-type-switch{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.chart-type-switch button{background:var(--surface-card);color:var(--text-accent);border-color:var(--accent);font-size:var(--font-size-sm);padding:var(--space-1) var(--space-3)}.chart-type-switch button:hover:not(:disabled){background:var(--accent-subtle);border-color:var(--accent)}.chart-type-switch button:active:not(:disabled){background:var(--accent-subtle-hover)}.chart-type-switch button:disabled{background:var(--disabled-bg);border-color:var(--border);color:var(--text-disabled)}.chart-type-switch button[aria-pressed=true],.chart-type-switch button[aria-pressed=true]:disabled{background:var(--accent-subtle);border-color:var(--accent);color:var(--text-accent-strong);font-weight:var(--font-weight-semibold)}.chart-type-hint{width:100%;font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.chart-box{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-card);padding:var(--space-3);min-width:0;min-height:320px}.echart-container{width:100%}.result-status-actions{gap:var(--space-2);display:flex}.added-to-dashboard{font-size:var(--font-size-md);margin:0}.topbar-nav{align-self:stretch;align-items:stretch;gap:var(--space-1);font-size:var(--font-size-md);white-space:nowrap;margin-bottom:calc(-1 * var(--space-3) - 1px);display:flex}.topbar-nav a,.topbar-nav span[aria-current=page]{padding:var(--space-2) var(--space-3);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);border-bottom:2px solid #0000;align-items:center;text-decoration:none;display:inline-flex}.topbar-nav a:hover{color:var(--text-primary);text-decoration:none}.topbar-nav span[aria-current=page]{font-weight:var(--font-weight-semibold);color:var(--text-accent);border-bottom-color:var(--accent)}.dashboards-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 0 var(--space-4);flex-wrap:wrap;display:flex}.dashboards-header h2{margin:0}.dashboards-create{align-items:center;gap:var(--space-2);font-size:var(--font-size-md);display:flex}.dashboards-create label{align-items:center;gap:var(--space-2);color:var(--text-secondary);display:flex}.dashboards-create input{font-size:var(--font-size-md);padding:var(--space-1) var(--space-2)}.dashboard-list{gap:var(--space-3);flex-direction:column;max-width:640px;margin:0;padding:0;list-style:none;display:flex}.dashboard-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4) var(--space-5);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);text-decoration:none;display:block}.dashboard-card:hover{border-color:var(--accent);text-decoration:none}.dashboard-card h3{margin:0 0 var(--space-1);font-size:var(--font-size-lg)}.dashboard-card p{font-size:var(--font-size-sm);margin:0}.dashboard-detail-header{align-items:center;gap:var(--space-4);margin:0 0 var(--space-4);flex-wrap:wrap;display:flex}.dashboard-detail-header h2{margin:0}.dashboard-detail-header .button-danger-outline{margin-left:auto}.dashboard-detail-header .inline-title-input{font-size:var(--font-size-lg)}.dashboard-detail-header .error{flex:1 0 100%}.dashboard-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-cell{gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;min-height:320px;box-shadow:var(--shadow-card);background:var(--surface-card);padding:var(--space-4);flex-direction:column;display:flex}.dashboard-cell-title{font-size:var(--font-size-lg);margin:0}.dashboard-cell-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;display:flex}.dashboard-cell-header .error{flex:1 0 100%}.dashboard-cell-header .dashboard-cell-title{flex:auto;min-width:0}.dashboard-cell-header .inline-title-rename,.dashboard-cell-delete,.dashboard-cell-header button[data-testid$=-title-save],.dashboard-cell-header button[data-testid$=-title-cancel]{white-space:nowrap;flex:none}.dashboard-cell-header .inline-title-input{min-width:0;font-size:var(--font-size-md);padding:var(--space-1) var(--space-2);flex:auto}.dashboard-cell-status-area{display:contents}.dashboard-cell-status{text-align:center;color:var(--text-secondary);font-size:var(--font-size-md);flex:1;justify-content:center;align-items:center;margin:0;display:flex}.dashboard-cell-footer{text-align:right;font-size:var(--font-size-xs);color:var(--text-secondary);margin:0}.add-to-dashboard-dialog{border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);width:calc(100% - var(--space-8));background:var(--surface-overlay);max-width:420px;color:var(--text-primary);box-shadow:var(--shadow-dialog);border:none}.add-to-dashboard-dialog::backdrop{background:var(--overlay-backdrop)}.add-to-dashboard-dialog h2{margin:0 0 var(--space-4);font-size:var(--font-size-xl);text-align:left}.add-to-dashboard-options{margin:0 0 var(--space-4);gap:var(--space-2);border:none;flex-direction:column;padding:0;display:flex}.add-to-dashboard-options legend{font-size:var(--font-size-sm);color:var(--text-secondary);padding:0}.add-dashboard-option{align-items:center;gap:var(--space-2);font-size:var(--font-size-md);display:flex}.add-dashboard-option input[type=text]{font-size:var(--font-size-md);padding:var(--space-1) var(--space-2);flex:1}.add-chart-title-label{gap:var(--space-1);margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--text-secondary);flex-direction:column;display:flex}.add-chart-title-label input{font-size:var(--font-size-md);color:var(--text-primary)}.add-to-dashboard-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.confirm-dialog{border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);width:calc(100% - var(--space-8));background:var(--surface-overlay);max-width:420px;color:var(--text-primary);box-shadow:var(--shadow-dialog);border:none}.confirm-dialog::backdrop{background:var(--overlay-backdrop)}.confirm-dialog h2{margin:0 0 var(--space-4);font-size:var(--font-size-xl);text-align:left}.confirm-dialog-body{margin:0 0 var(--space-4);font-size:var(--font-size-md)}.confirm-dialog-body p{margin:0}.confirm-dialog-actions{justify-content:flex-end;gap:var(--space-2);display:flex}