:root{--ink:#e9edf5;--muted:#8f9aad;--bg:#0a0f1a;--surface:#111a29;--surface-2:#162238;--line:#26344d;--blue:#5b8cff;--aqua:#51d6c8;--red:#ff727b;--amber:#ffbf69;--radius:16px;--mono:"Cascadia Code",Consolas,monospace;--sans:Inter,"Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 82% 0,#152b49 0,transparent 31rem),var(--bg);color:var(--ink);font:15px/1.5 var(--sans)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.sidebar{width:260px;min-height:100vh;position:fixed;inset:0 auto 0 0;background:rgba(11,17,29,.92);border-right:1px solid var(--line);padding:26px 16px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 26px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;color:#06101e;background:var(--aqua);font-weight:900;border-radius:11px}.brand strong{display:block;letter-spacing:-.02em}.brand small,.eyebrow,#eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--muted);margin:0;text-transform:uppercase}.nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#a9b4c7;text-align:left;border-radius:10px;padding:12px;cursor:pointer;display:flex;align-items:center;gap:12px;font-weight:600}.nav-item span{color:#62718a;font:11px var(--mono)}.nav-item:hover,.nav-item.active{background:var(--surface-2);color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--aqua)}.nav-separator{height:1px;background:var(--line);margin:13px 10px}.side-foot{margin-top:auto;color:var(--muted);font-size:12px;padding:12px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted);margin-right:6px}.dot.online{background:var(--aqua);box-shadow:0 0 12px var(--aqua)}.main{margin-left:260px;min-height:100vh}.topbar{min-height:102px;border-bottom:1px solid var(--line);padding:22px 42px;display:flex;gap:18px;justify-content:space-between;align-items:center;background:rgba(10,15,26,.68);backdrop-filter:blur(14px)}h1,h2,h3{margin:0;line-height:1.2;letter-spacing:-.035em}h1{font-size:28px}h2{font-size:23px}h3{font-size:18px}.content{max-width:1420px;padding:32px 42px;margin:auto}.auth-bar,.filter-group{display:flex;align-items:center;gap:8px}.key-input{width:250px}.input{border:1px solid var(--line);color:var(--ink);background:#0b1321;border-radius:9px;padding:10px 11px;min-height:40px}.input:focus,.btn:focus-visible,.nav-item:focus-visible{outline:3px solid rgba(81,214,200,.55);outline-offset:2px}.btn{min-height:40px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);padding:9px 13px;cursor:pointer;font-weight:650;transition:transform .18s ease,background .18s ease}.btn:hover{background:#203150;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.ghost,.text-btn{background:transparent}.text-btn{color:var(--aqua);border:0;cursor:pointer;font-weight:700}.card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(22,34,56,.9),rgba(13,21,35,.9));border-radius:var(--radius);box-shadow:0 18px 40px rgba(0,0,0,.12)}.gate{padding:32px;display:flex;gap:25px;max-width:800px}.gate h2{margin:4px 0 10px}.gate p{color:var(--muted);margin:0}.gate-number{font:700 28px var(--mono);color:var(--aqua)}.banner{border-radius:10px;padding:11px 14px;border:1px solid;margin:0 0 18px}.banner.ok{color:#a7f3d0;border-color:#278b72;background:#12362f}.banner.err{color:#fecdd3;border-color:#a84154;background:#371b26}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 18px}.section-head p{margin:6px 0 0}.muted{color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{padding:19px}.metric p,.metric small{color:var(--muted);margin:0}.metric strong{font:700 34px var(--mono);display:block;margin:8px 0 2px}.danger-metric strong{color:var(--red)}.split-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:14px}.split-grid>.card{padding:21px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.latest-list{margin-top:13px}.latest-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}.latest-row small{color:var(--muted)}.guide-card p:not(.eyebrow){color:var(--muted);margin:10px 0 20px}.sync-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sync-card{padding:18px}.sync-card h3{font-size:17px}.sync-meta{color:var(--muted);font-size:13px;margin:3px 0 14px}.schedule-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.schedule-form label{font-size:12px;color:var(--muted)}.schedule-form .input{width:100%;margin-top:3px}.schedule-form .wide{grid-column:1/-1}.schedule-actions{display:flex;gap:8px;grid-column:1/-1}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:3px 8px;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.badge.success{background:#123c34;color:#89f2d3}.badge.running{background:#17375a;color:#9ac8ff}.badge.pending{background:#3e2d11;color:#ffdc95}.badge.failed{background:#46202a;color:#ffb1bd}.badge.disabled{background:#2a3547;color:#b4c1d4}.table-card{padding:4px 16px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{padding:13px 9px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}td{font-size:13px}.tag{display:inline-block;background:#22304a;border-radius:99px;padding:2px 7px;margin:1px 2px;color:#cad5e6;font-size:11px}.actions,.checks{display:flex;flex-wrap:wrap;gap:7px}.form-card{padding:24px}.form{max-width:530px;display:grid;gap:15px}.form label{display:grid;gap:5px;color:var(--muted);font-size:13px}fieldset{border:1px solid var(--line);border-radius:10px}legend{padding:0 6px;color:var(--muted);font-size:12px}.checks label{display:flex;align-items:center;gap:5px;color:var(--ink);cursor:pointer}.dlg{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);max-width:min(520px,94vw);padding:0}.dlg::backdrop{background:rgba(1,5,12,.72)}.dlg-body{margin:0;padding:23px;display:grid;gap:14px}.dlg-actions{display:flex;gap:8px;justify-content:flex-end}.mono{font-family:var(--mono)}.mobile-head{display:none}@media(max-width:960px){.sidebar{transform:translateX(-100%);transition:transform .2s ease}.sidebar.open{transform:none}.mobile-head{position:sticky;top:0;z-index:9;display:flex;justify-content:space-between;align-items:center;padding:13px 16px;background:#0b1321;border-bottom:1px solid var(--line)}.icon-btn{background:transparent;border:0;color:var(--ink);font-size:22px}.main{margin:0}.topbar{padding:20px 18px;align-items:flex-start;flex-direction:column}.content{padding:24px 18px}.metric-grid{grid-template-columns:repeat(2,1fr)}.split-grid,.sync-grid{grid-template-columns:1fr}.auth-bar{width:100%;flex-wrap:wrap}.key-input{flex:1;min-width:180px}}@media(max-width:560px){h1{font-size:24px}.metric strong{font-size:28px}.section-head{align-items:flex-start;flex-direction:column}.filter-group{width:100%;justify-content:space-between}.filter-group label{flex:1}.filter-group select{width:100%}.schedule-form{grid-template-columns:1fr}.schedule-actions{grid-column:auto}.latest-row{grid-template-columns:1fr auto}.latest-row small{grid-column:1/-1}.gate{padding:23px;gap:14px}.metric-grid{gap:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.trash-notice{color:var(--amber);background:rgba(255,191,105,.09);border:1px solid rgba(255,191,105,.3);border-radius:9px;padding:10px 12px;font-size:13px;margin:8px 0 0}.trash-reason{display:inline-block;padding:2px 8px;border-radius:999px;background:rgba(91,140,255,.12);color:#9db7ff;font-size:12px}.trash-expired{opacity:.55}.btn.restore-trash{border-color:rgba(255,191,105,.45);color:var(--amber)}
/* Data inventory + purge dialog */
.data-tables-section{margin-top:22px}.data-tables-note,.data-tables-summary{margin:8px 0 14px;max-width:70ch}.data-tables-table code.table-code{font:12px var(--mono);color:#9fb2d1}.btn.danger{background:rgba(255,114,123,.14);border:1px solid rgba(255,114,123,.45);color:#ffb4b8}.btn.danger:hover:not(:disabled){background:rgba(255,114,123,.24)}.btn.danger:disabled{opacity:.45;cursor:not-allowed}.dlg-danger{border-color:rgba(255,114,123,.35)}.purge-notice,.purge-confirm-hint{color:var(--amber);background:rgba(255,191,105,.09);border:1px solid rgba(255,191,105,.3);border-radius:9px;padding:10px 12px;font-size:13px;margin:0 0 12px}.purge-confirm-hint code{font:13px var(--mono);color:#fff}@media (max-width:680px){.data-tables-section .panel-head{flex-direction:column;align-items:stretch}}

/* Data browser — full viewport, Google Sheet-like */
body.data-tab-active{overflow:hidden}
body.data-tab-active .main{height:100vh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
body.data-tab-active .content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding-bottom:16px}
body.data-tab-active #app{flex:1;min-height:0;display:flex;flex-direction:column}
body.data-tab-active #panel-data{flex:1;min-height:0;display:flex;flex-direction:column;margin:0}
.data-browser{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}
.data-browser-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}
.data-browser-toolbar h2{margin:4px 0 0;font-size:22px}
.data-browser-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.data-browser-filters label{display:grid;gap:4px;font-size:12px;color:var(--muted)}
.browser-search-label input{min-width:180px}
.sheet-frame{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid #2a3a55;border-radius:12px;background:#0d1422;overflow:hidden}
.sheet-scroll{flex:1;min-height:0;overflow:hidden}
.sheet-table{width:100%;height:100%;border-collapse:collapse;table-layout:fixed;font:12.5px/1.25 var(--sans)}
.sheet-table thead th{position:sticky;top:0;z-index:2;background:#152238;color:#c7d2e5;font-weight:650;text-align:left;border-bottom:1px solid #324663;border-right:1px solid #24344f;padding:0 8px;height:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sheet-table td{border-right:1px solid #1f2d45;border-bottom:1px solid #1a273d;padding:0 8px;height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#0e1626;color:#e6edf8}
.sheet-table tr:nth-child(even) td{background:#101b2d}
.sheet-table tr.parent-row:hover td,.sheet-table tr.parent-row:focus-within td{background:#17304f}
.sheet-table tr.parent-row.selected td{background:#1b3a5e}
.sheet-table .row-num{width:42px;min-width:42px;max-width:42px;text-align:right;color:#7f8da5;background:#121c2d!important;font:11px var(--mono);position:sticky;left:0;z-index:1}
.sheet-table thead th.row-num{z-index:3}
.sheet-table .col-expand{width:36px;text-align:center}
.sheet-table .money,.sheet-table .number{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--mono)}
.sheet-table .bool-yes{color:var(--amber)}
.sheet-table .bool-no{color:var(--muted)}
.sheet-table .badge-cell{font-size:11px;font-weight:700}
.sheet-table .state-active{color:var(--aqua)}
.sheet-table .state-trash{color:var(--red)}
.sheet-table button.expand-btn{border:0;background:transparent;color:var(--aqua);cursor:pointer;width:28px;height:28px;border-radius:6px;font-weight:800}
.sheet-table button.expand-btn:hover,.sheet-table button.expand-btn:focus-visible{background:rgba(81,214,200,.12);outline:2px solid rgba(81,214,200,.45)}
.sheet-table tr.child-row td{background:#0a121f;color:#b7c4d9;font-size:12px}
.sheet-table tr.child-row td.child-indent{padding-left:28px;color:var(--muted)}
.sheet-table tr.child-pager td{background:#121c2e;color:var(--muted)}
.child-pager-inner{display:flex;align-items:center;gap:10px;justify-content:flex-end}
.sheet-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;border-top:1px solid #2a3a55;background:#111a29;flex-wrap:wrap}
.pager-actions{display:flex;align-items:center;gap:8px}
.sheet-empty{padding:24px;text-align:center;color:var(--muted)}
.col-p2,.col-p3,.col-p4{}
@media (max-width:1200px){.col-p4{display:none}}
@media (max-width:980px){.col-p3,.col-p4{display:none}}
@media (max-width:780px){.col-p2,.col-p3,.col-p4{display:none}.browser-search-label input{min-width:120px}}
@media (max-width:680px){
  body.data-tab-active .topbar{min-height:auto;padding:14px 16px}
  .data-browser-toolbar{align-items:stretch}
  .data-browser-filters{width:100%}
}

.act-cookie-health{margin:18px 0 0}.act-health-grid{display:grid;gap:12px;margin-top:12px}.act-health-row{display:grid;grid-template-columns:minmax(120px,1.1fr) auto minmax(140px,1fr) minmax(140px,1fr);gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03)}.act-health-row strong{display:block}.act-health-row small{color:var(--muted);font-size:12px}.act-health-meta span{display:block;color:var(--muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}.act-health-meta strong{font-size:13px;font-weight:600}.badge.valid{color:#06101e;background:rgba(81,214,200,.9)}.badge.expired{color:#2a0c10;background:rgba(255,114,123,.92)}.badge.missing,.badge.unreachable{color:#2a1a06;background:rgba(255,191,105,.9)}.badge.unknown{color:#c8d0de;background:rgba(143,154,173,.28)}@media (max-width:900px){.act-health-row{grid-template-columns:1fr 1fr}.act-health-row>div:first-child{grid-column:1/-1}}
.full-reconcile-health{margin:18px 0 0}.full-reconcile-grid{display:grid;gap:10px;margin-top:12px}.full-reconcile-row{display:grid;grid-template-columns:minmax(160px,1.4fr) auto minmax(140px,1fr) minmax(120px,0.8fr);gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03)}.full-reconcile-row.warn{border-color:rgba(255,191,105,.45);background:rgba(255,191,105,.07)}.full-reconcile-row strong{display:block}.full-reconcile-row small{color:var(--muted);font-size:12px}.full-reconcile-meta span{display:block;color:var(--muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}.full-reconcile-meta strong{font-size:13px;font-weight:600}.badge.ok{color:#06101e;background:rgba(81,214,200,.9)}.badge.warn{color:#2a1a06;background:rgba(255,191,105,.9)}@media (max-width:900px){.full-reconcile-row{grid-template-columns:1fr 1fr}.full-reconcile-row>div:first-child{grid-column:1/-1}}
.freshness-health{margin:18px 0 0}.freshness-grid{display:grid;gap:10px;margin-top:12px}.freshness-row{display:grid;grid-template-columns:minmax(160px,1.4fr) auto minmax(140px,1fr) minmax(140px,1fr);gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03)}.freshness-row.stale,.freshness-row.missing{border-color:rgba(255,114,123,.5);background:rgba(255,114,123,.08)}.freshness-row strong{display:block}.freshness-row small{color:var(--muted);font-size:12px}.freshness-meta span{display:block;color:var(--muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}.freshness-meta strong{font-size:13px;font-weight:600}.badge.stale{color:#2a0c10;background:rgba(255,114,123,.92)}.badge.missing{color:#2a1a06;background:rgba(255,191,105,.9)}.sync-card.stale{border-color:rgba(255,114,123,.55);box-shadow:inset 0 0 0 1px rgba(255,114,123,.25)}.sync-sla{margin:4px 0 0;color:var(--muted);font-size:12px}.sync-sla.stale{color:var(--red);font-weight:600}@media (max-width:900px){.freshness-row{grid-template-columns:1fr 1fr}.freshness-row>div:first-child{grid-column:1/-1}}

/* Settings / connectors */
.settings-intro{margin:8px 0 0;max-width:72ch}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 22px}.settings-card .panel-head{margin-bottom:8px}.settings-form{display:grid;gap:12px}.settings-form label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.settings-textarea{min-height:96px;resize:vertical;line-height:1.4}.secret-note{margin:6px 0 0;max-width:48ch}.settings-table-card{margin-top:4px}.settings-table code,.settings-table .mono,.secret-value{font:12px var(--mono)}.secret-value{color:var(--amber)}.settings-table td,.settings-table th{vertical-align:top}@media (max-width:980px){.settings-grid{grid-template-columns:1fr}}