@charset "UTF-8";
:root { color-scheme:dark; --canvas:#090d10; --panel:#11181c; --line:#29343a; --line-soft:#202a30; --text:#d9e2e4; --muted:#89999f; --signal:#b9d786; --copper:#d9aa6a; --error:#e08d86; --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace; --sans:"Avenir Next",Avenir,"Segoe UI",sans-serif; font-family:var(--sans); font-size:13px; color:var(--text); background:var(--canvas); font-synthesis:none; }
* { box-sizing:border-box; }
body { margin:0; line-height:1.5; }
[hidden] { display:none!important; }
a { color:inherit; text-underline-offset:4px; }
button,input,select { font:inherit; }
button,a,input,select,summary { -webkit-tap-highlight-color:transparent; }
button { display:inline-flex; justify-content:center; align-items:center; gap:8px; cursor:pointer; border:1px solid #36434b; background:#182127; color:var(--text); border-radius:4px; padding:9px 13px; line-height:1.35; font-size:12px; font-weight:600; white-space:nowrap; }
button:hover:not(:disabled) { background:#202d33; border-color:#5b6d74; }
button:disabled { opacity:.36; cursor:default; }
button svg { width:16px; height:16px; stroke:currentColor; stroke-width:1.4; flex:none; }
:focus-visible { outline:2px solid var(--signal); outline-offset:3px; }
::selection { background:#3f5938; color:#edf8e9; }
input,select { min-width:0; border:1px solid var(--line); border-radius:3px; background:#0c1216; color:var(--text); padding:11px 13px; }
input::placeholder { color:#6c8088; opacity:1; }
input:disabled,select:disabled { opacity:.55; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.app-shell { display:grid; grid-template-columns:210px minmax(0,1fr); min-height:100vh; }
.sidebar { position:sticky; top:0; height:100vh; display:flex; flex-direction:column; padding:30px 17px 18px; background:#0d1216; border-right:1px solid var(--line-soft); }
.brand { display:flex; align-items:center; gap:8px; color:#eef3f3; text-decoration:none; font-size:14px; letter-spacing:-.5px; font-weight:750; line-height:1.05; margin:0 4px 48px; }
.brand-period { color:var(--signal); }
.brand-subtitle { display:block; font-family:var(--mono); font-size:7px; color:#8d9b9f; font-weight:400; letter-spacing:.1px; margin-top:8px; }
.brand-mark { width:27px; height:32px; position:relative; flex:none; display:flex; align-items:flex-end; gap:3px; transform:skewY(-12deg); }
.brand-mark i { display:block; width:6px; height:28px; background:var(--signal); }
.brand-mark i:nth-child(2) { height:20px; opacity:.8; }
.brand-mark i:nth-child(3) { height:12px; opacity:.5; }
img.brand-mark { display:block; width:30px; height:34px; object-fit:contain; transform:none; flex:none; }
.nav-group-label { color:#6f838b; font-family:var(--mono); font-size:10px; margin:0 12px 12px; }
.side-nav { display:flex; flex-direction:column; gap:5px; }
.side-nav a { display:flex; align-items:center; gap:11px; padding:11px 12px; border:1px solid transparent; border-radius:4px; text-decoration:none; color:#97a6ac; font-size:12px; }
.side-nav a:hover { background:#151e23; color:var(--text); }
.side-nav .is-active { background:#1b2620; border-color:#2a3a2a; color:var(--signal); }
.nav-icon { width:17px; height:17px; stroke:currentColor; stroke-width:1.3; flex:none; }
.nav-shortcut { margin-left:auto; font-family:var(--mono); font-size:9px; opacity:.6; }
.sidebar-bottom { margin-top:auto; padding-top:70px; }
.sidebar-bottom .nav-group-label { margin-left:0; margin-bottom:14px; }
.source-state { display:flex; gap:9px; align-items:center; }
.source-symbol { display:grid; place-items:center; width:29px; height:29px; border:1px solid #354145; border-radius:4px; color:#d2dcdc; background:#182126; font-family:var(--mono); font-size:13px; }
.source-state strong { display:block; font-size:11px; font-weight:600; }
.source-state div>span { display:block; color:var(--muted); font-size:10px; margin-top:2px; }
.source-dot { width:5px; height:5px; border-radius:50%; background:var(--signal); margin-left:auto; }
.sidebar-caption { font-size:10px; line-height:1.7; color:#7f9198; margin:15px 0; }
.source-link { display:flex; justify-content:space-between; text-decoration:none; font-size:10px; color:#a4b1b6; padding:10px 0; border-top:1px solid var(--line-soft); }
.source-link:hover { color:var(--signal); }
.sidebar-version { display:flex; justify-content:space-between; color:#82969f; border-top:1px solid var(--line-soft); padding-top:14px; margin-top:17px; font-family:var(--mono); font-size:9px; }
.workspace { min-width:0; }
.workspace-topbar { height:57px; padding:0 32px; display:flex; align-items:center; justify-content:space-between; gap:15px; border-bottom:1px solid var(--line-soft); background:#0b1013; }
.breadcrumb { display:flex; gap:12px; align-items:center; font-size:11px; color:#7f9098; }
.breadcrumb strong { font-weight:500; color:#c1ced1; }
.topbar-meta { display:flex; align-items:center; gap:23px; }
#utc-clock { font-family:var(--mono); color:#81939a; font-size:10px; }
.environment { display:inline-flex; align-items:center; gap:7px; color:#9cacb1; font-size:10px; white-space:nowrap; }
.environment>span { width:5px; height:5px; border-radius:50%; background:#93b4a4; }
.workspace-main { padding:31px 32px 16px; max-width:1660px; margin-inline:auto; }
.page-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:26px; }
.section-code { display:flex; align-items:center; gap:8px; font-family:var(--mono); font-size:10px; color:var(--signal); margin-bottom:8px; }
.section-code>span { font-size:18px; line-height:1; }
h1 { font-size:28px; font-weight:600; letter-spacing:-.8px; line-height:1.2; margin:0 0 9px; color:#e5ebec; }
.heading-copy>p { color:var(--muted); font-size:12px; margin:0; }
.quiet-button { background:transparent; color:#aebcc1; border-color:var(--line); font-weight:400; padding:8px 11px; }
.quiet-button svg { width:13px; height:13px; }
.demo-tag { color:var(--copper); font-family:var(--mono); font-size:9px; border-left:1px solid #3c3f36; padding-left:8px; }
.query-panel { border:1px solid #354237; background:var(--panel); border-radius:5px; overflow:hidden; }
.panel-heading { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:15px 18px 0; }
.panel-heading h2 { font-size:12px; color:#bbc8cb; font-weight:500; margin:0; }
.query-type { color:#7e929b; font-size:10px; font-family:var(--mono); display:flex; align-items:center; gap:7px; }
.query-type>span { color:var(--signal); }
#search-form { padding:13px 18px 12px; }
.search-types { display:flex; flex-wrap:wrap; margin:0 0 12px; padding:0; border:1px solid #35474c; border-radius:3px; overflow:hidden; }
.search-types legend { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.search-types label { flex:1 1 5.2rem; min-width:0; }
.search-types input { position:absolute; opacity:0; }
.search-types span { display:flex; height:34px; align-items:center; justify-content:center; border-right:1px solid #35474c; color:#8ea0a4; font-size:11px; cursor:pointer; }
.search-types label:last-child span { border-right:0; }
.search-types input:checked + span { background:#172215; color:var(--signal); }
.search-types input:focus-visible + span { outline:2px solid var(--signal); outline-offset:-2px; }
.search-row { display:flex; gap:9px; }
.query-input-wrap { position:relative; min-width:0; flex:1; display:flex; align-items:center; background:#090f12; border:1px solid #35474c; border-radius:3px; }
.query-input-wrap:focus-within { border-color:var(--signal); box-shadow:0 0 0 1px #b9d78622; }
.query-prompt { color:var(--signal); padding-left:14px; font-family:var(--mono); font-size:14px; flex:none; }
.query-input-wrap input { flex:1; min-width:0; width:100%; border:0; outline:none; background:none; font-family:var(--mono); font-size:14px; padding:12px; height:45px; }
.query-input-wrap input:focus-visible { outline:none; }
kbd { color:#6e838a; font-family:var(--mono); font-size:9px; border:1px solid #2a383e; padding:2px 5px; margin-right:11px; border-radius:3px; white-space:nowrap; }
.primary { background:var(--signal); color:#172215; border-color:var(--signal); padding-inline:21px; font-weight:650; }
.primary:hover:not(:disabled) { color:#111a10; background:#c8e69b; border-color:#c8e69b; }
.query-meta { display:flex; justify-content:space-between; gap:15px; padding-top:11px; color:#7f949b; font-size:10px; }
#account-status { color:#a6b2a0; }
.query-meta p { margin:0; }
.status-console { display:flex; align-items:center; gap:13px; padding:12px 1px 18px; min-height:49px; font-family:var(--mono); font-size:9px; color:#7f949b; }
.query-state { display:flex; align-items:center; gap:7px; padding-right:13px; border-right:1px solid var(--line); white-space:nowrap; color:#a6b3b6; }
.query-state i,.footer-dot { display:inline-block; width:5px; height:5px; background:#758990; border-radius:1px; flex:none; }
#status { margin:0; line-height:1.6; }
#status.is-error { color:var(--error); }
.status-scope { margin-left:auto; color:#6f858d; white-space:nowrap; font-size:9px; }
[data-query-state="loading"] .query-state { color:var(--copper); }
[data-query-state="loading"] .query-state i { background:var(--copper); animation:query-pulse 1s ease-in-out infinite; }
[data-query-state="complete"] .query-state i { background:var(--signal); }
[data-query-state="demo"] .query-state i { background:var(--copper); }
[data-query-state="error"] .query-state i { background:var(--error); }
.results-panel { background:#0e1519; border:1px solid var(--line); border-radius:5px; overflow:hidden; }
.results-heading { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:16px; padding:19px 20px 16px; }
.results-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; }
.result-context { display:flex; align-items:center; flex-wrap:wrap; gap:10px; color:#789098; font-family:var(--mono); font-size:9px; margin-bottom:8px; }
.mode-tag { color:#adbdc2; border:1px solid #344248; border-radius:3px; padding:2px 5px; font-size:8px; }
.demo-mode { color:var(--copper); border-color:#5a4930; background:#292219; }
.api-mode { color:var(--signal); border-color:#3f5233; background:#1b2618; }
.results-heading h2 { font-family:var(--mono); font-size:17px; line-height:1.3; letter-spacing:-.4px; font-weight:500; margin:0; color:#d3dfe0; overflow-wrap:anywhere; }
.export-button { font-size:10px; background:transparent; padding:7px 10px; border-color:#35464d; color:#afbec3; font-weight:400; }
.export-button svg { width:13px; height:13px; }
.summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:0 20px 18px; gap:0; }
.summary-item { padding:12px 16px 0; border-top:1px solid var(--line-soft); border-right:1px solid var(--line-soft); min-width:0; }
.summary-item:first-child { padding-left:0; }
.summary-item:last-child { border-right:0; }
.summary-item>span { font-size:10px; color:#8fa0a7; display:block; margin-bottom:6px; }
.summary-item strong { display:block; font-family:var(--mono); font-size:23px; line-height:1.3; color:#dbe5e6; font-weight:400; letter-spacing:-1px; }
.summary-item .date-metric { font-size:13px; letter-spacing:-.3px; line-height:30px; white-space:nowrap; }
.summary-item small { display:block; margin-top:5px; color:#6f858d; font-size:9px; overflow-wrap:anywhere; }
.table-toolbar { display:flex; align-items:center; gap:10px; padding:10px 15px; border-top:1px solid var(--line); background:#111a1f; }
.table-filter-wrap { display:flex; align-items:center; width:280px; max-width:48%; gap:8px; }
.table-filter-wrap svg { height:13px; width:13px; stroke:#6b848d; stroke-width:1.4; flex:none; }
.table-filter-wrap input { padding:5px 0; border:0; background:none; font-size:10px; width:100%; outline:none; }
.table-filter-wrap:focus-within svg { stroke:var(--signal); }
.table-filter-wrap input:focus-visible { outline:none; box-shadow:0 1px var(--signal); }
#type-filter { padding:5px 24px 5px 8px; font-size:10px; background:#121d22; border-color:#2b3d45; border-radius:3px; }
.row-counter { margin-left:auto; font-family:var(--mono); font-size:9px; color:#76909b; white-space:nowrap; }
.table-wrap { overflow-x:auto; scrollbar-width:thin; scrollbar-color:#364951 #10191d; }
table { width:100%; min-width:940px; border-collapse:collapse; text-align:left; font-family:var(--mono); font-size:11px; }
th { padding:11px 13px; font-size:10px; font-weight:400; color:#8298a1; background:#0c1418; border-block:1px solid #26363d; white-space:nowrap; }
td { height:48px; padding:12px 13px; border-bottom:1px solid #1d2c33; max-width:250px; overflow-wrap:anywhere; color:#a8bac1; }
tbody tr:last-child td { border-bottom:0; }
tbody tr:hover { background:#142127; }
.index-column,.row-index { width:43px; min-width:43px; padding-inline:13px; color:#718993; font-size:9px; white-space:nowrap; }
.credential-cell { font-family:var(--mono); font-variant-ligatures:none; white-space:pre-wrap; direction:ltr; unicode-bidi:plaintext; font-size:11px; }
.account-cell { color:#b6d2af; }
.password-cell { color:#d0b387; }
.service-cell { color:#c5d4d8; overflow-wrap:anywhere; }
.source-cell { color:#79949f; }
.record-badge { display:inline-flex; align-items:center; gap:5px; white-space:nowrap; padding:3px 5px; border:1px solid #304238; border-radius:3px; font-size:9px; color:#a2c49b; background:#18251d; }
.record-badge::before { content:""; width:3px; height:3px; background:currentColor; }
.record-badge[data-type="combo"] { border-color:#4b3f2d; color:#c2a779; background:#241f18; }
.record-badge[data-type="unknown"] { color:#97a5aa; border-color:#34424a; background:#19232a; }
.empty-state { min-height:218px; padding:30px 20px; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; background:#0b1216; }
.empty-state h3 { font-size:12px; font-weight:500; margin:13px 0 7px; color:#aabdc3; }
.empty-state p { font-size:10px; color:#718995; line-height:1.8; margin:0; max-width:60ch; }
.empty-target { position:relative; width:41px; height:41px; display:grid; place-items:center; }
.empty-target span { position:absolute; width:37px; height:37px; border:1px solid #344830; border-radius:50%; }
.empty-target span:nth-child(2) { width:21px; height:21px; border-color:#4b653e; }
.empty-target::before,.empty-target::after { content:""; position:absolute; width:45px; height:1px; background:#293f2e; }
.empty-target::after { transform:rotate(90deg); }
.empty-target i { width:4px; height:4px; border-radius:50%; background:var(--signal); z-index:1; }
.empty-protocol { font-size:8px; font-family:var(--mono); color:#718277; margin-top:16px; }
.empty-message { margin:0; min-height:150px; font-size:11px; color:var(--muted); }
.results-bottom { padding:12px 15px; border-top:1px solid var(--line); display:flex; align-items:center; gap:25px; }
.result-notice { margin:0; color:#768d96; font-size:9px; line-height:1.6; max-width:85ch; }
.pagination { display:flex; align-items:center; gap:7px; margin-left:auto; flex:none; }
.pagination>span { font-family:var(--mono); color:#81969f; font-size:9px; margin-right:8px; }
.pagination button { padding:3px 8px; min-width:27px; height:26px; background:#152027; border-color:#2d424c; font-family:var(--mono); font-weight:400; }
.workspace-footer { display:flex; gap:20px; align-items:flex-start; font-size:9px; color:#6b838e; padding-top:17px; }
.workspace-footer>span:first-child { display:flex; gap:6px; align-items:center; flex:none; padding-top:2px; }
.footer-dot { width:4px; height:4px; background:#70877e; }
.methodology { position:relative; margin-left:auto; max-width:520px; }
.methodology summary { cursor:pointer; color:#8a9ea6; }
.methodology p { font-size:10px; line-height:1.8; margin:12px 0; }
.methodology a { font-size:9px; }
.footer-session { white-space:nowrap; padding-top:2px; color:#7c919b; font-family:var(--mono); }
.file-notice { border:1px solid #715c37; background:#30291c; color:#d3b77b; padding:14px 17px; border-radius:4px; font-size:12px; margin-bottom:22px; }
.file-notice p { margin:7px 0 0; overflow-wrap:anywhere; }
.account-layout { display:grid; gap:20px; padding-top:4px; }
.account-card { border:1px solid var(--line); background:var(--panel); border-radius:5px; padding:24px; }
.account-card h1,.account-card h2 { font-size:21px; margin:0 0 12px; letter-spacing:-.4px; }
.account-card p { color:#8fa2aa; max-width:90ch; font-size:12px; line-height:1.8; }
.account-card form { margin-top:22px; }
.account-card label,.field-label { display:block; margin-bottom:8px; font-size:11px; color:#9dafb6; }
.account-card .search-row input, .account-card select { flex:1; font-family:var(--mono); font-size:15px; letter-spacing:.04em; background:#090f12; color:inherit; border:1px solid var(--line); height:44px; padding:0 12px; }
.sign-in-row { display:flex; align-items:stretch; border:1px solid var(--line); background:#090f12; }
.sign-in-row label { display:flex; align-items:center; margin:0; padding:0 14px; border-right:1px solid var(--line); white-space:nowrap; }
.sign-in-row input { flex:1; min-width:0; border:0; background:transparent; height:48px; padding:0 12px; font-family:var(--mono); letter-spacing:.14em; color:inherit; }
.sign-in-row button { border:0; border-left:1px solid var(--line); border-radius:0; }
.sign-or { text-align:center; margin:16px 0 0; }
.sign-in-card #create-form { margin-top:12px; }
.invoice { margin-top:16px; padding-top:12px; border-top:1px solid var(--line); }
 .account-number { font-family:var(--mono); color:var(--signal)!important; font-size:24px!important; letter-spacing:.13em; margin:18px 0; }
.account-email { font-family:var(--mono); color:var(--signal)!important; font-size:16px!important; letter-spacing:.02em; margin:8px 0 18px!important; word-break:break-all; }
.auth-tabs { display:flex; gap:8px; margin:0 0 18px; }
.auth-tabs button { flex:1; background:transparent; color:#9dafb6; }
.auth-tabs button.is-active { background:#1b2620; border-color:#2a3a2a; color:var(--signal); }
.auth-form { display:grid; gap:7px; margin-top:0; }
.auth-form label { margin:3px 0 0; }
.auth-form input { width:100%; height:44px; border:1px solid var(--line); background:#090f12; color:var(--text); font-family:var(--mono); padding:0 12px; border-radius:3px; }
.auth-form button { margin-top:12px; min-height:42px; }
.auth-note { font-size:10px!important; color:#7f949b!important; margin-top:14px!important; }
.welcome-card { border-top:1px solid var(--line); margin-top:20px; padding-top:18px; }
.welcome-card h2 { font-size:17px!important; }
.welcome-card p { margin-bottom:10px; }
.welcome-card form { margin-top:8px; }
.metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-block:1px solid var(--line); margin:20px 0; }
.metric { padding:17px 15px; border-right:1px solid var(--line); }
.metric:first-child { padding-left:0; }
.metric:last-child { border-right:0; }
.metric span { display:block; font-size:10px; color:#8da1a9; }
.metric strong { display:block; font-family:var(--mono); font-size:20px; font-weight:400; margin-top:7px; overflow-wrap:anywhere; }
.key-row { display:flex; gap:10px; align-items:center; margin-block:10px 20px; }
.key-row code { flex:1; min-width:0; overflow-wrap:anywhere; background:#0b1216; border:1px solid var(--line); border-radius:3px; padding:12px; font-family:var(--mono); color:#b6c6cc; font-size:11px; }
.account-actions { display:flex; gap:8px; flex-wrap:wrap; margin:18px 0; }
.account-actions button { font-size:10px; }
.warning { color:var(--copper)!important; }
.help { font-size:11px; color:var(--muted); }
.status { color:#9eb293; font-family:var(--mono); font-size:11px!important; margin:14px 0 0; }
.status.is-error { color:var(--error); }
.plan-note { color:#9dafb6!important; font-family:var(--mono); font-size:11px!important; }
.plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:18px 0 26px; }
.plan-card { position:relative; display:flex; flex-direction:column; gap:7px; border:1px solid var(--line); border-radius:5px; background:#0c1216; padding:17px; }
.plan-badge { position:absolute; top:-9px; right:12px; border:1px solid #536b42; border-radius:3px; padding:3px 6px; background:#1b2618; color:var(--signal); font-family:var(--mono); font-size:8px; text-transform:uppercase; }
.upgrade-cta { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 20px 16px; padding:14px 16px; border:1px solid #4b5f3d; background:#151e14; border-radius:4px; }
.upgrade-cta strong { display:block; color:var(--signal); font-size:12px; }
.upgrade-cta p { margin:3px 0 0; color:#9eb293; font-size:10px; }
.upgrade-cta a { flex:none; background:var(--signal); color:#172215; text-decoration:none; padding:9px 13px; border-radius:3px; font-size:10px; font-weight:650; }
.api-example-label a { color:var(--signal); text-decoration:none; }

.plan-card.is-current { border-color:#3f5233; background:#121a12; }
.plan-card h3 { font-size:16px; margin:0; color:#e5ebec; }
.plan-price { color:var(--signal)!important; font-family:var(--mono); font-size:18px!important; margin:0!important; }
.plan-quota { color:#b6c6cc!important; font-family:var(--mono); font-size:11px!important; margin:0!important; }
.plan-features { margin:4px 0 12px; padding-left:17px; color:#8fa2aa; font-size:11px; line-height:1.8; }
.plan-card button { margin-top:auto; width:100%; }
.plan-actions { display:flex; flex-direction:column; gap:8px; margin-top:auto; }
.plan-actions form { margin:0; }
.plan-actions button { margin-top:0; }
.checkout { margin-top:22px; padding-top:20px; border-top:1px solid var(--line); }
.checkout h3 { font-size:17px; margin:0 0 6px; }
.checkout-plan { color:#b6c6cc!important; font-family:var(--mono); font-size:10px!important; }
.checkout form { margin-top:14px; }
.invoice p { margin:0 0 6px; overflow-wrap:anywhere; }
.payment-note { margin-top:16px!important; padding:10px 12px; border:1px solid #3c4a37; background:#141c14; border-radius:3px; color:#9eb293!important; font-size:10px!important; }
.api-card { margin-top:26px; padding-top:20px; border-top:1px solid var(--line); }
.api-example-label { margin:14px 0 6px!important; color:#9dafb6!important; font-size:10px!important; }
.api-example-label a { color:var(--signal); text-decoration:none; }
.api-example { display:block; background:#0b1216; border:1px solid var(--line); border-radius:3px; padding:12px; font-family:var(--mono); color:#b6c6cc; font-size:10px; overflow-wrap:anywhere; white-space:pre-wrap; }
#api-key { user-select:all; }
@keyframes query-pulse { 50% { opacity:.3; } }
@media(min-width:1500px) { .workspace-main { padding:38px 42px 20px; } .page-heading { margin-bottom:32px; } h1 { font-size:32px; } td { height:52px; font-size:11px; } .credential-cell { font-size:11px; } }
@media(max-width:1150px) { .app-shell { grid-template-columns:180px minmax(0,1fr); } .sidebar { padding-inline:13px; } .brand { font-size:12px; gap:7px; } .brand-subtitle { font-size:7px; } .workspace-main { padding-inline:23px; } .workspace-topbar { padding-inline:23px; } .quiet-button .demo-tag { display:none; } .summary-item { padding-inline:11px; } .topbar-meta { gap:12px; } }
@media(max-width:850px) { .plan-grid { grid-template-columns:1fr; }  .app-shell { grid-template-columns:1fr; } .sidebar { position:static; height:auto; padding:12px 20px; flex-direction:row; align-items:center; border-right:0; border-bottom:1px solid var(--line); gap:30px; } .brand { margin:0; font-size:16px; } .brand-subtitle { display:none; } .brand-mark { height:26px; width:23px; } .brand-mark i { height:23px; width:5px; } .brand-mark i:nth-child(2) { height:16px; } .brand-mark i:nth-child(3) { height:10px; } .sidebar>.nav-group-label,.sidebar-bottom,.nav-shortcut { display:none; } .side-nav { flex-direction:row; gap:7px; margin-left:auto; } .side-nav a { padding:8px 10px; font-size:10px; gap:7px; } .nav-icon { width:14px; height:14px; } .workspace-topbar { height:41px; padding-inline:20px; } .workspace-main { padding:24px 20px 16px; } .breadcrumb { font-size:10px; } h1 { font-size:26px; } .page-heading { margin-bottom:22px; } .summary-item .date-metric { font-size:11px; } .summary-item>span { font-size:9px; } .results-bottom { flex-direction:column; align-items:flex-start; gap:12px; } .pagination { margin-left:0; align-self:flex-end; } .status-scope { display:none; } }
@media(max-width:560px) { .sidebar { padding:12px 14px; gap:10px; } .side-nav a { padding:7px; } .side-nav .nav-icon { display:none; } .workspace-topbar { padding-inline:14px; } .environment { display:none; } .workspace-main { padding:20px 12px 14px; } .page-heading { align-items:flex-start; gap:10px; } h1 { font-size:23px; } .section-code { font-size:8px; } .heading-copy>p { font-size:10px; max-width:31ch; } .quiet-button { padding:7px; font-size:9px; margin-top:3px; } .quiet-button svg { display:none; } .panel-heading { padding:13px 12px 0; } .panel-heading h2 { font-size:11px; } .query-type { font-size:8px; gap:4px; } #search-form { padding:12px; } .search-row { flex-wrap:wrap; } .query-input-wrap { flex-basis:100%; } .primary { min-height:38px; flex:1; } .query-meta { font-size:8px; flex-wrap:wrap; gap:4px; } .status-console { font-size:8px; gap:9px; align-items:flex-start; padding-top:10px; } .query-state { padding-right:9px; padding-top:2px; } .results-heading { padding:15px 13px; } .results-heading h2 { font-size:14px; } .results-actions { width:100%; justify-content:flex-start; } .results-actions button { flex:1; } .result-context { font-size:8px; gap:5px; } .export-button { font-size:8px; padding:6px 7px; } .export-button svg { display:none; } .summary { grid-template-columns:1fr 1fr; padding:0 13px 14px; row-gap:13px; } .summary-item { padding-left:0; } .summary-item:nth-child(even) { border-right:0; padding-left:13px; } .summary-item strong { font-size:21px; } .summary-item>span { font-size:9px; } .summary-item small { font-size:8px; } .table-toolbar { flex-wrap:wrap; padding:9px 12px; gap:6px; } .table-filter-wrap { flex:1; width:auto; max-width:none; } #type-filter { max-width:135px; font-size:9px; padding-right:14px; } .row-counter { width:100%; padding-top:3px; font-size:8px; } .empty-state { min-height:205px; padding-inline:13px; } .empty-state p br { display:none; } .workspace-footer { font-size:8px; gap:12px; } .footer-session { display:none; } .methodology { max-width:55%; } .account-card { padding:17px; } .account-number { font-size:18px!important; letter-spacing:.08em; } .metrics { grid-template-columns:1fr 1fr; } .metric { padding:14px 10px; } .metric:nth-child(2) { border-right:0; } .metric:nth-child(3) { padding-left:0; border-top:1px solid var(--line); } .metric:nth-child(4) { border-top:1px solid var(--line); } .metric:nth-child(5) { grid-column:1 / -1; padding-left:0; border-top:1px solid var(--line); border-right:0; } .key-row { flex-direction:column; align-items:stretch; } .account-card .search-row input { flex-basis:100%; } }
@media(max-width:560px) {
  .upgrade-cta { flex-direction:column; align-items:flex-start; margin-inline:13px; }
  .upgrade-cta a { width:100%; text-align:center; }
  .sign-in-row { flex-wrap:wrap; }
  .sign-in-row label { flex:1 0 100%; border-right:0; border-bottom:1px solid var(--line); height:36px; }
  .sign-in-row input { flex:1 0 100%; letter-spacing:.08em; }
  .sign-in-row button { flex:1 0 100%; border-left:0; border-top:1px solid var(--line); min-height:42px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }