:root{color-scheme:light;--bg-app: #f4f4f1;--bg-surface: #ffffff;--bg-surface-alt: #ececea;--bg-raised: #e4e4e1;--bg-sunken: #e9e9e6;--bg-input: #ffffff;--bg-pill: #eceee7;--bg-hover: #dcdcd9;--border: #d6d6d2;--border-strong: #c2c2bd;--border-soft: #e2e2de;--text-primary: #24251f;--text-secondary: #54564e;--text-tertiary: #82837b;--text-muted: #9c9d96;--text-on-accent: #ffffff;--accent: #0a84ff;--accent-strong: #1f6fcb;--selected: #9168a2;--row-odd: #ffffff;--row-even: #f1f1ee;--status-warning: #b8821e;--gizmo-border: #8a87b4;--gizmo-bg: #c6c3e8;--gizmo-shadow: #7d79a7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-app);color:var(--text-primary)}:root[data-theme=dark]{color-scheme:dark;--bg-app: #22231f;--bg-surface: #2b2c28;--bg-surface-alt: #292b26;--bg-raised: #343530;--bg-sunken: #20211d;--bg-input: #22231f;--bg-pill: #3d3e39;--bg-hover: #2e302b;--border: #383a35;--border-strong: #474943;--border-soft: #2c2f2a;--text-primary: #dededb;--text-secondary: #c6c7c2;--text-tertiary: #8d8e88;--text-muted: #6e6f69;--text-on-accent: #ffffff;--accent: #0a84ff;--accent-strong: #1f6fcb;--selected: #9168a2;--row-odd: #20231e;--row-even: #2d2f28;--status-warning: #f1c35f;--gizmo-border: #8a87b4;--gizmo-bg: #c6c3e8;--gizmo-shadow: #7d79a7}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-app)}button,input,select,textarea{font:inherit}button{border:0;color:var(--text-primary);background:var(--bg-pill);cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.shell{min-height:100vh}.connection-screen{display:grid;grid-template-columns:238px minmax(0,1fr);grid-template-rows:70px minmax(0,1fr);min-height:100vh;overflow:hidden;background:var(--bg-app)}.login-titlebar{grid-column:1 / -1;display:grid;grid-template-columns:104px 1fr auto auto;align-items:start;border-bottom:1px solid var(--border-soft);background:var(--bg-sunken);padding:14px 14px 0 22px}.traffic-lights{display:flex;gap:12px;padding-top:2px}.traffic-lights span{width:16px;height:16px;border-radius:50%}.login-titlebar strong{color:var(--text-primary);font-size:17px;line-height:20px}.database-picker{display:flex;width:176px;height:42px;align-items:center;justify-content:center;gap:2px;border:1px solid var(--border-strong);border-radius:22px;color:var(--text-tertiary);font-weight:700}.login-tools{display:flex;align-items:start;gap:18px;padding-left:28px}.login-tools button{display:grid;width:58px;justify-items:center;gap:6px;background:transparent;color:var(--text-muted);font-size:12px;font-weight:700}.login-tools button.active{color:var(--text-tertiary)}.login-tools svg{stroke-width:2}.favorites-sidebar{display:grid;min-height:0;grid-template-rows:auto auto minmax(0,1fr) 34px;border-right:1px solid var(--border-soft);background:var(--bg-surface);padding-top:18px}.quick-connect{display:flex;align-items:center;gap:6px;height:30px;padding:0 22px;color:var(--text-secondary);font-size:13px;font-weight:800}.favorites-sidebar h2{margin:26px 0 12px;padding:0 36px;color:var(--text-secondary);font-size:13px;font-weight:800}.favorites-list{overflow:auto;padding:0 12px 12px}.favorites-list button{display:grid;width:100%;height:31px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:4px;border-radius:15px;background:transparent;padding:0 18px 0 22px;color:var(--text-primary);text-align:left;font-size:16px;font-weight:600}.favorites-list button.selected{background:var(--selected);color:var(--text-on-accent)}.favorites-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorites-footer{display:grid;grid-template-columns:32px 42px 42px 1fr;align-items:center;border-top:1px solid var(--border-strong);padding:0 8px}.favorites-footer button{display:grid;width:28px;height:28px;place-items:center;background:transparent;color:var(--text-secondary)}.favorites-footer button:last-child{justify-self:end}.login-stage{position:relative;display:grid;min-width:0;min-height:0;grid-template-rows:auto minmax(0,1fr);padding:10px 0 0}.connection-heading{margin:0;color:var(--text-primary);text-align:center;font-size:16px;font-weight:800}.connection-stack{display:grid;width:522px;align-self:center;justify-self:center;gap:10px;transform:translateY(12px)}.connection-panel{position:relative;width:506px;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-surface);padding:30px 50px 20px;box-shadow:none}.tabs{position:absolute;top:-14px;left:50%;display:flex;overflow:hidden;transform:translate(-50%);border-radius:5px;background:var(--bg-raised)}.tab{min-width:70px;height:28px;border-left:1px solid var(--border-strong);border-radius:0;background:transparent;color:var(--text-secondary);font-size:16px;font-weight:700;white-space:nowrap}.tab:first-child{border-left:0}.tab.active,.primary{background:var(--accent);color:var(--text-on-accent)}.connection-form{display:grid;gap:12px}.connection-form label{display:grid;grid-template-columns:106px minmax(0,1fr);align-items:center;gap:8px}.connection-form label>span:first-child{justify-self:end;color:var(--text-secondary);font-size:16px;font-weight:700}.connection-form input,.connection-form select{width:100%;height:28px;border:1px solid var(--border);border-radius:7px;outline:0;background:var(--bg-input);color:var(--text-primary);padding:0 9px;font-size:16px;font-weight:700}.connection-form input::placeholder{color:var(--text-tertiary)}.connection-form select{border-color:transparent;background:var(--bg-pill)}.swatches{display:flex;align-items:center;gap:12px;padding-left:166px}.swatches button{width:15px;height:15px;border:2px solid rgba(0,0,0,.24);border-radius:50%}.swatches button.selected{outline:2px solid var(--border-strong);outline-offset:2px}.swatch-x{color:var(--text-tertiary);stroke-width:4}.connection-form .check-row{display:flex;gap:8px;padding-left:106px}.check-row input{width:19px;height:19px;accent-color:var(--accent)}.connection-form .check-row span{font-size:16px;font-weight:700;white-space:nowrap}.connection-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;align-items:center;width:522px}.connection-actions button{height:24px;border-radius:5px;background:var(--bg-raised);font-size:14px;font-weight:700}.connection-actions .help-button{grid-column:1 / 2;width:28px;height:28px;border-radius:50%;justify-self:start}.connection-actions .connect-button{grid-column:3 / 4;width:174px;height:29px;justify-self:end;background:var(--accent);font-size:16px}.status-line{min-height:24px;margin:0;color:var(--status-warning);text-align:center;font-size:13px}.red{background:#ff5f57}.yellow{background:#febc2e}.green{background:#28c840}.content-window{display:grid;height:100vh;grid-template-columns:392px minmax(0,1fr);grid-template-rows:72px minmax(0,1fr);overflow:hidden;background:var(--bg-app)}.content-titlebar{grid-column:1 / -1;display:grid;grid-template-columns:104px minmax(320px,1fr) 200px auto;align-items:start;border-bottom:1px solid var(--border-soft);background:var(--bg-sunken);padding:14px 16px 0 22px}.content-titlebar .traffic-lights{display:flex;gap:12px;padding-top:2px}.content-titlebar .traffic-lights button,.content-titlebar .traffic-lights span{display:grid;width:16px;height:16px;place-items:center;border-radius:50%}.content-titlebar strong{overflow:hidden;color:var(--text-primary);font-size:19px;line-height:22px;text-overflow:ellipsis;white-space:nowrap}.content-db-select{width:200px;height:42px;border:1px solid var(--border-strong);border-radius:22px;outline:0;background:var(--bg-surface-alt);color:var(--text-secondary);padding:0 18px;font-size:16px;font-weight:700;text-align:center}.content-tools{display:flex;align-items:start;gap:18px;padding-left:28px}.content-tools button{display:grid;width:58px;justify-items:center;gap:5px;border-radius:8px;background:transparent;color:var(--text-tertiary);font-size:12px;font-weight:700}.content-tools button.active{background:var(--bg-hover);color:var(--accent)}.content-sidebar{display:grid;min-height:0;grid-template-rows:42px minmax(0,1fr) 268px 32px;border-right:2px solid var(--border-soft);background:var(--bg-surface-alt)}.sidebar-filter{display:flex;align-items:center;gap:6px;height:32px;margin:4px 5px 6px;border:1px solid var(--border);border-radius:15px;background:var(--bg-input);color:var(--text-tertiary);padding:0 9px}.sidebar-filter input{width:100%;border:0;outline:0;background:transparent;color:var(--text-secondary);font-size:16px;font-weight:600}.sidebar-tables{overflow:auto;border-bottom:1px solid var(--border-soft);padding:13px 12px 12px}.sidebar-tables h2,.table-information h2{margin:0 0 8px;color:var(--text-secondary);font-size:13px;font-weight:800}.sidebar-tables button{display:grid;width:100%;height:26px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:2px;border-radius:8px;background:transparent;color:var(--text-primary);padding:0 10px;text-align:left;font-size:16px;font-weight:700}.sidebar-tables button.selected{background:var(--accent-strong);color:var(--text-on-accent)}.sidebar-tables span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-information{border-top:1px solid var(--border);background:var(--bg-surface);padding:26px 21px 16px}.table-information p{display:flex;align-items:center;gap:5px;margin:4px 0;color:var(--text-primary);font-size:16px;font-weight:700}.table-information p span{width:17px;height:17px;border:2px solid var(--gizmo-border);border-radius:3px;background:var(--gizmo-bg);box-shadow:inset 0 0 0 4px var(--gizmo-shadow)}.content-sidebar-footer,.content-statusbar{display:grid;align-items:center;border-top:1px solid var(--border-strong);background:var(--bg-surface-alt)}.content-sidebar-footer{grid-template-columns:32px 32px 42px 42px 1fr;padding:0 6px}.content-sidebar-footer button,.status-tools button,.status-pager button{display:grid;width:24px;height:24px;place-items:center;border-radius:4px;background:transparent;color:var(--text-secondary)}.content-sidebar-footer button:last-child{justify-self:end}.content-main{display:grid;min-width:0;min-height:0;grid-template-rows:36px minmax(0,1fr) 32px}.content-filterbar{display:grid;grid-template-columns:28px 150px 86px minmax(220px,1fr) 38px 38px 132px;align-items:center;gap:7px;border-bottom:1px solid var(--border);background:var(--bg-surface-alt);padding:4px 4px 4px 8px}.content-filterbar select,.content-filterbar input:not([type=checkbox]){height:26px;border:1px solid var(--border);border-radius:6px;outline:0;background:var(--bg-raised);color:var(--text-primary);padding:0 10px;font-size:13px;font-weight:700}.content-filterbar .filter-check{width:20px;height:20px;accent-color:var(--accent)}.content-filterbar .filter-input{background:var(--bg-input)}.content-filterbar button{height:25px;border-radius:5px;background:var(--bg-raised);font-weight:700}.content-filterbar .apply-filter{background:var(--accent);color:var(--text-on-accent)}.content-grid{min-width:0;overflow:auto;background:var(--bg-app)}.content-grid table{width:max-content;min-width:100%;border-collapse:collapse;font-size:16px}.content-grid th,.content-grid td{max-width:520px;height:26px;border-right:1px solid var(--border);border-bottom:1px solid var(--border-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.content-grid th{position:sticky;top:0;height:31px;background:var(--bg-surface-alt);color:var(--text-primary);padding:0 8px;font-weight:800}.content-grid th span{margin-right:4px}.content-grid th small{color:var(--text-tertiary);font-size:10px;font-weight:800}.content-grid td{color:var(--text-secondary);padding:0 8px;font-weight:600}.content-grid tbody tr:nth-child(odd){background:var(--row-odd)}.content-grid tbody tr:nth-child(2n){background:var(--row-even)}.empty-state{display:grid;height:100%;place-content:center;justify-items:center;gap:10px;color:var(--text-tertiary)}.content-statusbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:0 9px;color:var(--text-secondary);font-size:13px}.status-tools,.status-pager{display:flex;align-items:center;gap:12px}.status-tools label{display:flex;width:180px;height:27px;align-items:center;gap:6px;border:1px solid var(--border);border-radius:14px;background:var(--bg-surface-alt);color:var(--text-tertiary);padding:0 10px}.status-tools input{min-width:0;border:0;outline:0;background:transparent;color:var(--text-primary)}.content-statusbar strong{align-self:center;font-weight:800}.status-pager{justify-self:end}@media(max-width:760px){.connection-panel{padding:48px 18px 24px}.tab{min-width:72px;font-size:17px}.connection-form label{grid-template-columns:1fr;gap:6px}.connection-form label>span:first-child{justify-self:start;font-size:18px}.connection-form input,.connection-form select{height:42px;font-size:18px}.swatches,.connection-form .check-row{padding-left:0}.connection-form .check-row span{font-size:17px}.connection-actions{width:min(852px,calc(100vw - 44px));grid-template-columns:1fr;gap:8px}.connection-actions .help-button,.connection-actions .connect-button{grid-column:auto}.connection-actions .help-button{display:none}.content-window{grid-template-columns:1fr;grid-template-rows:70px 220px minmax(0,1fr)}.content-titlebar{grid-template-columns:104px 1fr}.content-db-select,.content-tools{display:none}.content-sidebar{border-right:0;border-bottom:1px solid var(--border)}.content-filterbar{grid-template-columns:28px 1fr 70px}.content-filterbar .filter-input,.content-filterbar button:not(.apply-filter){display:none}}