:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07101e;--panel:#0e1c30db;--panel-strong:#0e1c30;--panel-hover:#142640;--text:#eef5ff;--text-soft:#afbdd1;--muted:#73849b;--border:#94b0d329;--border-strong:#94b0d347;--brand:#68a7ff;--brand-strong:#3389ff;--brand-soft:#4291ff24;--positive:#34d399;--positive-soft:#34d39921;--negative:#fb7185;--negative-soft:#fb718521;--warning:#fbbf24;--warning-soft:#fbbf2421;--chart-1:#64a7ff;--chart-1-soft:#64a7ff2e;--chart-2:#f973b8;--chart-3:#a78bfa;--chart-4:#fbbf24;--chart-grid:#94b0d31a;--shadow-lg:0 26px 80px #00000047;--sidebar-width:248px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f6fa;--panel:#fffffff0;--panel-strong:#fff;--panel-hover:#f4f7fb;--text:#142238;--text-soft:#52647b;--muted:#718096;--border:#1c36581f;--border-strong:#1c365838;--brand:#2679e8;--brand-strong:#1265d4;--brand-soft:#2679e81a;--positive:#059669;--positive-soft:#0596691a;--negative:#e11d48;--negative-soft:#e11d481a;--warning:#d97706;--warning-soft:#d977061a;--chart-1:#2679e8;--chart-1-soft:#2679e821;--chart-2:#db2777;--chart-3:#7c3aed;--chart-4:#d97706;--chart-grid:#1c36581a;--shadow-lg:0 20px 60px #243a5921}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px}::selection{background:var(--brand-soft)}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar-width);z-index:30;border-right:1px solid var(--border);background:linear-gradient(#0b1627fa,#07101efa);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}:root[data-theme=light] .sidebar{background:linear-gradient(#fff,#f7f9fc)}.sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:12px;height:84px;padding:18px;display:flex}.brand-mark{letter-spacing:-.04em;color:#fff;background:linear-gradient(145deg,#58a0ff,#6e63f4);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:800;display:grid;box-shadow:0 10px 28px #3389ff47}.brand-mark-large{border-radius:18px;width:54px;height:54px;margin-bottom:24px;font-size:18px}.sidebar-brand div:nth-child(2){flex-direction:column;gap:3px;display:flex}.sidebar-brand strong{font-size:14px}.sidebar-brand span{color:var(--muted);font-size:12px}.sidebar nav{gap:5px;padding:16px 12px;display:grid}.sidebar nav button,.logout-button{width:100%;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;padding:11px 12px;transition:all .18s;display:flex}.sidebar nav button:hover,.logout-button:hover{background:var(--panel-hover);color:var(--text)}.sidebar nav button.nav-active{color:var(--text);background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding:14px 12px 18px}.connection-card{background:var(--panel);border:1px solid var(--border);border-radius:13px;align-items:center;gap:10px;margin-bottom:8px;padding:12px;display:flex}.connection-card div{flex-direction:column;gap:3px;min-width:0;display:flex}.connection-card strong{font-size:12px}.connection-card small{color:var(--muted);text-overflow:ellipsis;font-size:10px;overflow:hidden}.status-dot{border-radius:999px;flex:none;width:8px;height:8px;display:inline-block}.status-ready{background:var(--positive);box-shadow:0 0 0 4px var(--positive-soft)}.status-warning{background:var(--warning);box-shadow:0 0 0 4px var(--warning-soft)}.main-content{min-height:100vh;margin-left:var(--sidebar-width)}.topbar{z-index:20;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:72px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-title{color:var(--text-soft);align-items:center;gap:9px;font-size:13px;display:flex}.topbar-title small{color:var(--muted);border-left:1px solid var(--border);padding-left:9px}.topbar-actions{align-items:center;gap:8px;display:flex}.select-shell{border:1px solid var(--border);background:var(--panel);border-radius:10px;align-items:center;gap:6px;height:40px;padding:0 10px;display:flex;position:relative}.select-shell span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.select-shell select{color:var(--text);appearance:none;background:0 0;border:0;padding-right:14px;font-size:12px}.select-shell svg{pointer-events:none;color:var(--muted);position:absolute;right:7px}.icon-button,.mobile-menu,.mobile-close{border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.icon-button:hover{border-color:var(--border-strong);background:var(--panel-hover)}.mobile-menu,.mobile-close{display:none}.content-wrap{max-width:1780px;margin:0 auto;padding:26px}.section-stack{gap:20px;display:grid}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.page-heading h1,.page-heading h2{letter-spacing:-.045em;margin:2px 0 7px;font-size:clamp(25px,3vw,38px)}.page-heading p{color:var(--text-soft);margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:700;color:var(--brand)!important}.as-of,.security-pill{color:var(--text-soft);background:var(--panel);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:flex}.panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 12px 42px #0000000d}.chart-panel{padding:18px 16px 12px}.panel-heading{justify-content:space-between;align-items:center;gap:14px;padding:18px 20px 12px;display:flex}.chart-panel>.panel-heading{padding:0 4px 14px}.panel-heading h3{margin:0 0 4px;font-size:15px}.panel-heading p{color:var(--muted);margin:0;font-size:12px}.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.kpi-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;align-items:center;gap:12px;min-width:0;padding:15px;display:flex;position:relative}.kpi-icon{width:38px;height:38px;color:var(--brand);background:var(--brand-soft);border-radius:12px;flex:none;place-items:center;display:grid}.kpi-card>div:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.kpi-card span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px}.kpi-card strong{letter-spacing:-.03em;white-space:nowrap;text-overflow:ellipsis;font-size:20px;overflow:hidden}.kpi-card small{color:var(--text-soft);font-size:10px}.kpi-card em{border-radius:7px;padding:3px 6px;font-size:10px;font-style:normal;position:absolute;top:13px;right:13px}.positive{color:var(--positive);background:var(--positive-soft)}.negative{color:var(--negative);background:var(--negative-soft)}.dashboard-grid{gap:20px;display:grid}.dashboard-grid.two-thirds{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}.dashboard-grid.halves{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid.thirds{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented{background:var(--bg);border:1px solid var(--border);border-radius:10px;gap:4px;padding:4px;display:flex}.segmented button{color:var(--muted);text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 12px;font-size:12px}.segmented button.selected{color:var(--text);background:var(--panel-strong);box-shadow:0 2px 8px #0000001f}.badge{border-radius:9px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:700;display:inline-flex}.badge-ready{color:var(--positive);background:var(--positive-soft)}.badge-warning{color:var(--warning);background:var(--warning-soft)}.health-summary{padding-bottom:12px}.health-line{background:color-mix(in srgb,var(--panel-strong) 60%,transparent);border-radius:12px;align-items:center;gap:11px;margin:0 18px 9px;padding:11px 12px;display:flex}.health-icon{border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.health-icon.ok{color:var(--positive);background:var(--positive-soft)}.health-icon.warn{color:var(--warning);background:var(--warning-soft)}.health-line div{flex-direction:column;gap:2px;display:flex}.health-line strong{font-size:12px}.health-line small{color:var(--muted);font-size:10px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.compact-metrics{margin-top:-4px}.mini-metric{border:1px solid var(--border);background:var(--panel);border-radius:15px;flex-direction:column;gap:6px;padding:17px;display:flex}.mini-metric span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.mini-metric strong{font-size:22px}.tone-positive{border-color:color-mix(in srgb,var(--positive) 32%,var(--border))}.tone-warning{border-color:color-mix(in srgb,var(--warning) 32%,var(--border))}.quality-card{padding:17px}.quality-card-title{color:var(--brand);align-items:center;gap:9px;margin-bottom:12px;display:flex}.quality-card-title h3{color:var(--text);margin:0;font-size:14px}.quality-stat{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:9px 0;display:flex}.quality-stat span{color:var(--text-soft);font-size:12px}.quality-stat strong{font-size:13px}.table-block{width:100%}.table-toolbar{color:var(--muted);justify-content:space-between;padding:0 16px 10px;font-size:11px;display:flex}.data-table-wrap{border-top:1px solid var(--border);overflow:auto}.data-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:11px}.data-table th{z-index:2;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--panel-strong);text-align:left;white-space:nowrap;border-bottom:1px solid var(--border);padding:11px 12px;font-size:9px;position:sticky;top:0}.data-table td{white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid var(--border);max-width:320px;color:var(--text-soft);font-variant-numeric:tabular-nums;padding:10px 12px;overflow:hidden}.data-table tbody tr:hover td{background:var(--brand-soft);color:var(--text)}.data-table-wrap.compact .data-table td{padding:8px 11px}.empty-cell{text-align:center!important;color:var(--muted)!important;padding:40px!important}.primary-button,.ghost-button{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.primary-button{background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;padding:10px 15px;box-shadow:0 8px 22px #3389ff33}.primary-button:disabled{opacity:.58;cursor:wait}.ghost-button{color:var(--text-soft);background:var(--panel-hover);border:1px solid var(--border);padding:8px 11px}.small-button{padding:6px 9px;font-size:10px}.alert{border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:12px;display:flex}.alert-error{color:var(--negative);background:var(--negative-soft);border:1px solid color-mix(in srgb,var(--negative) 30%,transparent)}.filter-panel{flex-wrap:wrap;align-items:flex-end;gap:12px;padding:14px;display:flex}.filter-panel>svg{color:var(--brand);align-self:center}.filter-panel label,.field-inline{flex-direction:column;gap:6px;display:flex}.filter-panel label span,.field-inline label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px}input,select,textarea{color:var(--text);border:1px solid var(--border);background:var(--panel-strong);border-radius:9px}.filter-panel input,.filter-panel select,.field-inline select{min-width:115px;height:38px;padding:0 10px}.sql-editor-panel{padding:16px}.sql-editor-toolbar{align-items:flex-end;gap:10px;margin-bottom:12px;display:flex}.sql-editor-toolbar .field-inline:first-child{min-width:240px}.small-field{width:110px}.editor-shell{border:1px solid var(--border);background:#06101d;border-radius:13px;grid-template-columns:32px 1fr;display:grid;overflow:hidden}:root[data-theme=light] .editor-shell{background:#f7f9fc}.editor-shell>svg{color:var(--brand);margin:16px 0 0 12px}.editor-shell textarea{resize:vertical;min-height:260px;color:var(--text);background:0 0;border:0;padding:15px;font:12px/1.65 SFMono-Regular,Consolas,Liberation Mono,monospace}.helper-text{color:var(--muted);margin:10px 3px 0;font-size:10px;line-height:1.6}.schema-toolbar{color:var(--muted);justify-content:space-between;align-items:center;padding:12px 14px;font-size:11px;display:flex}.input-with-icon{border:1px solid var(--border);background:var(--panel-strong);border-radius:10px;align-items:center;gap:8px;padding:0 11px;display:flex}.input-with-icon input{background:0 0;border:0;width:100%;min-width:0;height:42px}.schema-search{width:min(380px,100%)}.schema-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.schema-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden}.schema-card-head{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:38px 1fr 18px;align-items:center;gap:10px;width:100%;padding:13px;display:grid}.schema-card-head>span:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.schema-card-head strong{text-overflow:ellipsis;font-size:12px;overflow:hidden}.schema-card-head small{color:var(--muted);font-size:9px}.schema-icon{width:36px;height:36px;color:var(--brand);background:var(--brand-soft);border-radius:10px;place-items:center;display:grid}.rotate{transform:rotate(180deg)}.schema-columns{border-top:1px solid var(--border);max-height:360px;padding:7px 12px 12px;overflow:auto}.schema-columns div{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;gap:10px;padding:7px 0;display:flex}.schema-columns code{color:var(--text);font-size:10px}.schema-columns span{color:var(--muted);font-size:9px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-stack{gap:20px;display:grid}.skeleton{background:var(--panel);border:1px solid var(--border);border-radius:15px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,transparent,var(--brand-soft),transparent);animation:1.5s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-title{width:360px;height:58px}.skeleton-card{height:91px}.skeleton-chart{height:380px}.login-page{background:var(--bg);grid-template-columns:minmax(420px,.8fr) minmax(500px,1.2fr);min-height:100vh;display:grid;position:relative;overflow:hidden}.login-panel{z-index:2;flex-direction:column;justify-content:center;width:min(440px,100% - 64px);margin:0 auto;display:flex}.login-panel h1{letter-spacing:-.06em;margin:0 0 9px;font-size:48px}.login-subtitle{color:var(--text-soft);max-width:370px;margin:0 0 28px;line-height:1.6}.login-form{gap:16px;display:grid}.login-form label{gap:7px;display:grid}.login-form label>span{color:var(--text-soft);font-size:11px;font-weight:650}.login-button{height:46px;margin-top:4px}.form-error{color:var(--negative);margin:-4px 0;font-size:11px}.login-security{color:var(--muted);align-items:center;gap:9px;margin-top:24px;font-size:10px;line-height:1.5;display:flex}.login-visual{border-left:1px solid var(--border);background:radial-gradient(circle at 70% 30%,#3f7eff47,#0000 35%),linear-gradient(145deg,#0c1d34,#07111f);position:relative;overflow:hidden}.visual-grid{opacity:.18;transform-origin:bottom;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;transform:perspective(700px)rotateX(58deg)scale(1.4)translateY(25%)}.visual-copy{gap:16px;width:70%;display:grid;position:absolute;top:13%;left:10%}.visual-copy span{color:#70aaff;letter-spacing:.18em;font-size:11px}.visual-copy strong{color:#f4f7ff;letter-spacing:-.05em;font-size:clamp(28px,4vw,54px);line-height:1.05}.mock-terminal{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(620px,80%);box-shadow:var(--shadow-lg);background:#050d19b8;border:1px solid #97bbe833;border-radius:18px;padding:18px;position:absolute;bottom:10%;left:10%}.mock-terminal div{color:#b8c7da;border-bottom:1px solid #97bbe81f;grid-template-columns:1fr 1fr auto;align-items:center;gap:14px;padding:13px 5px;font-size:11px;display:grid}.mock-terminal div:last-child{border-bottom:0}.mock-terminal b{color:#fff;font-size:15px}.mock-terminal em{color:#34d399;background:#34d3991f;border-radius:7px;padding:5px 7px;font-size:9px;font-style:normal}.login-glow{filter:blur(90px);opacity:.12;pointer-events:none;border-radius:50%;width:340px;height:340px;position:absolute}.login-glow-a{background:#3389ff;top:-100px;left:-100px}.login-glow-b{background:#a855f7;bottom:-180px;left:30%}.mobile-close{margin-left:auto}@media (max-width:1280px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.schema-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.sidebar{box-shadow:var(--shadow-lg);transition:transform .22s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-backdrop{z-index:25;background:#0000008c;border:0;position:fixed;inset:0}.main-content{margin-left:0}.mobile-menu,.mobile-close{display:grid}.topbar{padding:0 15px}.topbar-title{display:none}.dashboard-grid.two-thirds,.dashboard-grid.halves{grid-template-columns:1fr}.dashboard-grid.thirds{grid-template-columns:repeat(2,minmax(0,1fr))}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh;padding:50px 0}}@media (max-width:680px){.content-wrap{padding:18px 12px}.topbar-actions{justify-content:flex-end;width:calc(100% - 48px)}.range-select,.refresh-select{display:none}.select-shell{flex:1;max-width:190px}.page-heading{flex-direction:column;align-items:flex-start}.as-of,.security-pill{width:100%}.kpi-grid,.metric-grid,.dashboard-grid.thirds,.schema-grid{grid-template-columns:1fr 1fr}.kpi-card strong{font-size:17px}.responsive-heading{flex-direction:column;align-items:flex-start}.sql-editor-toolbar{flex-direction:column;align-items:stretch}.sql-editor-toolbar .field-inline:first-child,.small-field{width:100%;min-width:0}.filter-panel label{flex:130px}}@media (max-width:430px){.kpi-grid,.metric-grid,.dashboard-grid.thirds,.schema-grid{grid-template-columns:1fr}.login-panel{width:calc(100% - 36px)}.login-panel h1{font-size:40px}}