:root{--bg:#f4f6f8;--surface:#fff;--ink:#1a2233;--ink-soft:#5b6478;--line:#e3e7ee;--sidebar:#141a2e;--sidebar-ink:#aeb6cc;--sidebar-active:#1f2a4a;--accent:#0e9384;--accent-soft:#e2f5f2;--amber:#b45309;--amber-soft:#fef3e2;--danger:#b42318;--danger-soft:#fee4e2;--radius:10px;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Inter",sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px}a{color:var(--accent);text-decoration:none}button{font-family:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:var(--sidebar);color:var(--sidebar-ink);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar .brand{padding:20px 18px 16px;color:#fff;font-weight:700;font-size:15px;letter-spacing:.02em;border-bottom:1px solid #232c4a}.sidebar .brand small{display:block;color:var(--sidebar-ink);font-weight:400;font-size:11px;margin-top:3px}.sidebar nav{padding:12px 10px;flex:1 1;overflow-y:auto}.sidebar .nav-section{font-size:10px;text-transform:uppercase;letter-spacing:.12em;padding:12px 10px 6px;color:#6b7592}.sidebar a.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;margin:2px 0;border-radius:8px;color:var(--sidebar-ink);font-size:13.5px}.sidebar a.nav-item:hover{background:#1b2340;color:#fff}.sidebar a.nav-item.active{background:var(--sidebar-active);color:#fff;box-shadow:inset 3px 0 0 var(--accent)}.sidebar a.nav-item .ico{width:18px;text-align:center}.sidebar .foot{padding:12px 16px;border-top:1px solid #232c4a;font-size:12px;display:flex;justify-content:space-between;align-items:center}.sidebar .foot button{background:none;border:1px solid #33406b;color:var(--sidebar-ink);border-radius:6px;padding:4px 10px;cursor:pointer;font-size:12px}.sidebar .foot button:hover{color:#fff;border-color:var(--accent)}.main{flex:1 1;padding:24px 28px;min-width:0}.page-head{margin-bottom:16px}.page-head h1{margin:0 0 4px;font-size:20px}.page-head p{margin:0;color:var(--ink-soft);font-size:13px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.panel+.panel{margin-top:16px}.toolbar{display:flex;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}.toolbar input[type=search],.toolbar input[type=text]{flex:1 1;min-width:220px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;font-size:13.5px;outline:none}.toolbar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.muted{color:var(--ink-soft);font-size:12.5px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:#085d54;border:1px solid #bfe8e2;border-radius:999px;padding:3px 10px;font-size:12px}.chip button{border:none;background:none;cursor:pointer;color:inherit;font-size:13px;padding:0;line-height:1}.grid-wrap{overflow-x:auto}table.grid{border-collapse:collapse;width:100%;font-size:13px}table.grid td,table.grid th{padding:8px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}table.grid th{position:-webkit-sticky;position:sticky;top:0;background:#fafbfc;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}table.grid th:hover{color:var(--ink)}table.grid tbody tr:hover{background:#f7fafc}td.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}td.num,th.num{text-align:right}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600;background:#eef1f5;color:#3b4560;text-transform:lowercase}.badge.ok{background:#e6f6ee;color:#067647}.badge.warn{background:var(--amber-soft);color:var(--amber)}.badge.bad{background:var(--danger-soft);color:var(--danger)}.badge.info{background:#e8f0fe;color:#1a56db}.source-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:6px;background:var(--amber-soft);color:var(--amber);border:1px solid #f5d9a8;font-size:12px;font-weight:700;letter-spacing:.02em}.source-badge:before{content:"◈"}.json-cell{position:relative}.json-toggle{background:#f1f3f7;border:1px solid var(--line);color:var(--ink-soft);border-radius:6px;font-size:11.5px;padding:2px 8px;cursor:pointer;font-family:var(--mono)}.json-toggle:hover{border-color:var(--accent);color:var(--accent)}.json-pop{position:absolute;z-index:30;top:calc(100% + 4px);left:0;max-width:460px;max-height:320px;overflow:auto;background:#10182b;color:#cfe3ff;border-radius:8px;font-family:var(--mono);font-size:12px;white-space:pre;box-shadow:0 10px 32px rgba(10,18,40,.35)}.json-pop,.pager{padding:12px 14px}.pager{display:flex;align-items:center;gap:10px}.pager button{border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:6px 12px;cursor:pointer;font-size:13px}.pager button:disabled{opacity:.45;cursor:default}.pager button:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,#141a2e,#1d2947 60%,#0e9384 160%)}.login-card{width:360px;background:var(--surface);border-radius:14px;padding:32px 30px;box-shadow:0 24px 60px rgba(8,14,34,.45)}.login-card h1{margin:0 0 2px;font-size:19px}.login-card .sub{color:var(--ink-soft);font-size:13px;margin:0 0 22px}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;font-weight:600;margin-bottom:5px;color:var(--ink-soft)}.field input{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px;outline:none}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.btn-primary{width:100%;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px;font-size:14px;font-weight:600;cursor:pointer}.btn-primary:hover{background:#0b7d70}.btn-primary:disabled{opacity:.6;cursor:default}.error-box{background:var(--danger-soft);color:var(--danger);padding:9px 12px;font-size:13px;margin-bottom:12px}.error-box,.hint{border-radius:8px}.hint{margin-top:16px;font-size:12px;color:var(--ink-soft);background:#f6f8fa;padding:10px 12px;font-family:var(--mono)}.prompt-row{display:flex;gap:10px;padding:16px}.prompt-row textarea{flex:1 1;resize:vertical;min-height:58px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;font-size:14px;font-family:inherit;outline:none}.prompt-row textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.prompt-row button{align-self:stretch}.btn-run{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:0 22px;font-size:14px;font-weight:600;cursor:pointer}.btn-run:hover{background:#0b7d70}.btn-run:disabled{opacity:.55;cursor:default}.examples{display:flex;gap:8px;flex-wrap:wrap;padding:0 16px 14px}.examples button{background:#f1f3f7;border:1px solid var(--line);border-radius:999px;padding:5px 13px;font-size:12.5px;color:var(--ink-soft);cursor:pointer}.examples button:hover{border-color:var(--accent);color:var(--accent)}.result-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--line)}.result-meta .spacer{flex:1 1}.sql-panel{border-top:1px solid var(--line)}.sql-panel summary{cursor:pointer;padding:10px 16px;font-size:12.5px;color:var(--ink-soft);-webkit-user-select:none;-moz-user-select:none;user-select:none}.sql-panel pre{margin:0;padding:14px 18px;background:#10182b;color:#a7f3ea;font-family:var(--mono);font-size:12.5px;overflow-x:auto;white-space:pre-wrap;border-radius:0 0 var(--radius) var(--radius)}.verify-links{display:flex;gap:8px;flex-wrap:wrap;padding:10px 16px;border-top:1px dashed var(--line);align-items:center}.verify-links a{display:inline-flex;gap:6px;align-items:center;border:1px solid #bfe8e2;background:var(--accent-soft);color:#085d54;border-radius:7px;padding:5px 11px;font-size:12.5px;font-weight:600}.verify-links a:hover{border-color:var(--accent)}.cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:14px;gap:14px;padding:18px 16px}.metric-card{border:1px solid var(--line);border-radius:10px;padding:16px 18px;background:#fbfcfd}.metric-card .k{font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft);margin-bottom:6px}.metric-card .v{font-size:24px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chart-box{padding:18px 10px 8px}.spin{display:inline-block;width:15px;height:15px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:sp .8s linear infinite}@keyframes sp{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spin{animation-duration:2.5s}}@media (max-width:860px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static}.main{padding:16px}}