@font-face{font-family:Inter;src:url('assets/inter-latin-ext.woff2') format('woff2');font-display:swap;font-weight:100 900;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;src:url('assets/inter-latin.woff2') format('woff2');font-display:swap;font-weight:100 900;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--blue:#003399;--red:#f00;--ink:#17212f;--muted:#687385;--border:#e5e9ef;--bg:#f5f7fa;--green:#11784f;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}body{margin:0;font-family:var(--sans);font-size:0.875rem;line-height:1.5;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:0.1875rem solid #437cff;outline-offset:0.25rem}.icon{width:1.25rem;height:1.25rem;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h1{font-size:1.875rem;letter-spacing:-0.065625rem;font-weight:750;line-height:1.25}h2{font-size:1.0625rem;letter-spacing:-.35px}h3{font-size:0.9375rem;letter-spacing:-.15px}.muted{color:var(--muted)}.small{font-size:0.75rem}.eyebrow{font-size:0.75rem;letter-spacing:0.1rem;font-weight:750;text-transform:uppercase;color:var(--muted)}.skip-link{position:fixed;top:-5.625rem;left:1.25rem;z-index:100;background:var(--blue);color:white;padding:0.9375rem}.skip-link:focus{top:0.625rem}
.shell{min-height:100vh}.sidebar{width:15.125rem;background:white;border-right:1px solid var(--border);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:1.9375rem 1.125rem 1.25rem;z-index:30}.brand{display:block;padding:0 0.9375rem 1.5625rem}.brand img{width:10.25rem;display:block;height:auto}.brand-subtitle{display:flex;gap:0.5625rem;align-items:center;margin-top:0.8125rem;font-size:0.75rem;color:#637084;letter-spacing:0.1rem;text-transform:uppercase}.brand-subtitle:before{content:'';height:0.5rem;width:0.1875rem;background:var(--red);transform:skew(-25deg)}.nav-label{padding:1.0625rem 0.9375rem 0.625rem;font-size:0.75rem;letter-spacing:0.1125rem;font-weight:750;color:#96a0af}.nav-item{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:0.8125rem;padding:0.8125rem 0.9375rem;margin:0.1875rem 0;border-radius:0.375rem;text-align:left;font-size:0.75rem;color:#647084;font-weight:550}.nav-item:hover{background:#f7f9fc;color:var(--blue)}.nav-item.active{background:#eef3ff;color:var(--blue);font-weight:700;position:relative}.nav-item.active:before{content:'';position:absolute;left:-1.125rem;top:0.75rem;bottom:0.75rem;width:0.1875rem;background:var(--blue)}.nav-count{margin-left:auto;font-size:0.75rem;border-radius:0.25rem;background:#ffeded;color:#b80000;min-width:1.1875rem;text-align:center;padding:1px 0.25rem}.sidebar-bottom{margin-top:auto}.shop-link{border:1px solid var(--border);border-radius:0.4375rem;padding:0.8125rem;margin:1.25rem 0.4375rem;display:flex;align-items:center;gap:0.5625rem;font-size:0.75rem;color:#5c697b}.shop-link .icon:last-child{margin-left:auto;width:0.875rem}.profile{display:flex;align-items:center;gap:0.625rem;margin:1.125rem 0.8125rem 0;border-top:1px solid var(--border);padding-top:1.25rem}.avatar{display:grid;place-items:center;border:1px solid #dbe4f5;border-radius:50%;width:2.125rem;height:2.125rem;color:var(--blue);background:#f1f5ff;font-size:0.75rem;font-weight:700}.profile strong{font-size:0.75rem;display:block}.profile span{font-size:0.75rem;color:var(--muted)}.workspace{margin-left:15.125rem}.topbar{height:4.75rem;border-bottom:1px solid var(--border);background:white;display:flex;align-items:center;justify-content:space-between;padding:0 2.25rem;position:relative}.topbar:before{content:'';position:absolute;top:0;left:0;right:0;height:0.1875rem;background:linear-gradient(110deg,var(--red) 0 23%,#fff 23% 24%,var(--blue) 24%)}.breadcrumbs{display:flex;align-items:center;gap:0.625rem;font-size:0.75rem;color:#8b95a5}.breadcrumbs strong{font-weight:550;color:#334155}.breadcrumbs .icon{width:0.8125rem}.top-actions{display:flex;align-items:center;gap:1.0625rem}.prototype-pill{font-size:0.75rem;letter-spacing:.6px;color:#806029;border:1px solid #efdfbf;background:#fff9ef;border-radius:0.25rem;padding:0.25rem 0.5rem;font-weight:650}.language{display:flex;align-items:center;gap:0.3125rem}.language button{border:0;background:none;color:#8b94a4;font-size:0.75rem;padding:0.25rem}.language button.selected{font-weight:750;color:var(--blue)}.icon-button{border:0;background:none;position:relative;padding:0.3125rem;display:grid;place-items:center;color:#647084}.notify-dot{width:0.3125rem;height:0.3125rem;border-radius:50%;background:var(--red);position:absolute;right:0.5rem;top:0.3125rem}.menu-toggle{display:none}.main{max-width:100rem;margin:0 auto;padding:2.0625rem 2.25rem 1.4375rem}.page-head{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.625rem}.page-head p{font-size:0.75rem;color:var(--muted);margin-top:0.5625rem}.date-filter{display:flex;gap:0.5625rem;align-items:center;background:white;border:1px solid var(--border);padding:0.625rem 0.8125rem;border-radius:0.375rem;font-size:0.75rem;white-space:nowrap}.date-filter .icon{width:1rem}.date-filter select{border:0;background:transparent;outline-offset:0.375rem;font-weight:550;color:#445165;max-width:10.625rem}.welcome{background:#fff;border:1px solid #dfe6f0;border-radius:0.5625rem;overflow:hidden;display:grid;grid-template-columns:1.12fr 1fr;margin-bottom:1.5625rem;position:relative}.welcome:before{content:'';position:absolute;left:0;top:0;bottom:0;width:0.1875rem;background:var(--blue)}.welcome-copy{padding:1.5625rem 1.8125rem}.welcome .eyebrow{color:var(--blue);font-size:0.75rem}.welcome h2{font-size:1.375rem;line-height:1.35;margin:0.625rem 0 0.4375rem;letter-spacing:-.6px;max-width:24.375rem}.welcome p{max-width:24.375rem;font-size:0.75rem;line-height:1.8;color:var(--muted)}.welcome-actions{display:flex;gap:0.5625rem;align-items:center;justify-content:flex-end;padding:1.5625rem 1.75rem;background:linear-gradient(115deg,white,#f2f6ff);position:relative}.welcome-actions:before{content:'';position:absolute;right:1.0625rem;bottom:-2.875rem;width:5.5rem;height:15rem;background:rgba(0,51,153,.035);transform:rotate(30deg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;font-size:0.75rem;font-weight:650;border-radius:0.3125rem;padding:0.75rem 1rem;border:1px solid var(--border);background:white;line-height:1.3;transition:background .18s,transform .18s}.btn:hover{background:#f3f6fa}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--blue);border-color:var(--blue);color:white}.btn.primary:hover{background:#002772}.btn .icon{width:0.9375rem;height:0.9375rem}.provider-letter{font-size:1.0625rem;line-height:1;font-weight:750;display:inline-block;margin-right:0.1875rem}.google-letter{color:#4285f4}.meta-letter{color:#0866ff;font-size:1.375rem;line-height:.7}.btn.primary .google-letter{background:white;border-radius:50%;width:1.3125rem;height:1.3125rem;display:grid;place-items:center;font-size:0.875rem}.section-label{display:flex;justify-content:space-between;align-items:center;margin:0 0 0.75rem}.section-label h2{font-size:0.8125rem}.sample-label{font-size:0.75rem;display:flex;align-items:center;gap:0.3125rem;color:#8b95a5}.sample-label:before{content:'';height:0.3125rem;width:0.3125rem;background:#a6b0bd;border-radius:50%}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.875rem;margin-bottom:1.375rem}.metric{background:white;border:1px solid var(--border);border-radius:0.5rem;padding:1.125rem 1.125rem 1rem;min-width:0}.metric-top{display:flex;justify-content:space-between;gap:0.375rem;color:#737f90;font-size:0.75rem}.metric-top .icon{width:0.9375rem;height:0.9375rem;color:#99a6b7}.metric-value{font-size:1.8125rem;font-weight:700;letter-spacing:-1px;margin:0.8125rem 0 0.5625rem;line-height:1.1}.metric-value .unit{font-size:0.8125rem;letter-spacing:0;color:#8490a0;font-weight:500;margin-left:0.25rem}.metric-foot{font-size:0.75rem;color:#8a94a4;display:flex;gap:0.4375rem;flex-wrap:wrap}.delta{color:var(--green);display:inline-flex;align-items:center;gap:0.1875rem;font-weight:650}.delta .icon{width:0.625rem;height:0.625rem}.grid-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(17.5rem,1fr);gap:1.25rem;margin-bottom:1.3125rem}.card{background:white;border:1px solid var(--border);border-radius:0.5rem;min-width:0;overflow:hidden}.card-head{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.3125rem 0;gap:0.625rem}.card-head p{font-size:0.75rem;color:var(--muted);margin-top:0.3125rem}.card-head h2{font-size:0.8125rem}.legend{font-size:0.75rem;color:#677487;display:flex;align-items:center;gap:0.375rem;white-space:nowrap}.legend:before{content:'';height:0.1875rem;width:0.9375rem;background:var(--blue);border-radius:0.25rem}.chart-wrap{padding:1.125rem 1.25rem 0.8125rem}.chart{width:100%;height:12rem;overflow:visible}.chart .chart-point{cursor:crosshair;outline:none;fill:transparent;stroke:transparent;stroke-width:10}.chart .chart-point:hover,.chart .chart-point:focus{fill:var(--blue);stroke:#fff;stroke-width:3}.chart-tooltip{position:fixed;z-index:65;pointer-events:none;background:#132440;color:#fff;padding:0.4375rem 0.625rem;border-radius:0.3125rem;font-size:0.75rem}.chart-footer{display:flex;justify-content:space-between;padding:0.75rem 1.3125rem;border-top:1px solid #f0f2f6;font-size:0.75rem;color:#8692a3}.text-link{border:0;background:none;color:var(--blue);padding:0;font-size:0.75rem;font-weight:600;display:inline-flex;gap:0.375rem;align-items:center}.text-link .icon{width:0.75rem;height:0.75rem}.channel-list{padding:1.5625rem 1.3125rem 1.25rem}.channel-row{margin-bottom:1.25rem}.channel-top{display:flex;justify-content:space-between;font-size:0.75rem;margin-bottom:0.5rem}.channel-name{display:flex;gap:0.5rem;align-items:center}.channel-dot{height:0.4375rem;width:0.4375rem;border-radius:0.125rem}.track{height:0.3125rem;background:#f0f3f7;border-radius:0.1875rem;overflow:hidden}.track span{display:block;height:100%;border-radius:0.1875rem}.channel-foot{padding:0.75rem 1.3125rem;border-top:1px solid #f0f2f6;font-size:0.75rem;color:#8b95a5}.grid-bottom{display:grid;grid-template-columns:1.25fr 1fr;gap:1.25rem}.connection-list{padding:0.5rem 1.3125rem}.connection-row{display:flex;align-items:center;gap:0.75rem;padding:0.8125rem 0;border-bottom:1px solid #f0f2f6}.connection-row:last-child{border-bottom:0}.service-icon{height:2.0625rem;width:2.0625rem;border-radius:0.4375rem;border:1px solid var(--border);display:grid;place-items:center;flex-shrink:0;background:white}.service-icon .provider-letter{margin:0}.service-title{font-size:0.75rem;font-weight:650}.service-desc{font-size:0.75rem;color:#96a0af;margin-top:0.125rem}.status{margin-left:auto;display:flex;align-items:center;gap:0.3125rem;font-size:0.75rem;color:#7c8798;background:#f5f6f8;border:1px solid #ebedf1;border-radius:0.25rem;padding:0.25rem 0.4375rem;white-space:nowrap}.status.demo{color:var(--blue);background:#edf3ff;border-color:#e0e9fb}.status .dot{width:0.25rem;height:0.25rem;border-radius:50%;background:currentColor}.connection-row .icon-button{padding:0.125rem}.connection-row .icon-button .icon{width:0.9375rem}.card-foot{border-top:1px solid var(--border);padding:0.75rem 1.3125rem}.opportunity{display:flex;gap:0.75rem;padding:0.9375rem 1.3125rem;border-bottom:1px solid #f0f2f6}.opportunity:first-of-type{padding-top:1.1875rem}.opportunity:last-child{border:0}.opportunity-icon{color:#cb650b;background:#fff6e8;border-radius:0.3125rem;width:1.75rem;height:1.75rem;display:grid;place-items:center;flex-shrink:0}.opportunity-icon.blue{background:#edf3ff;color:var(--blue)}.opportunity-icon .icon{width:0.875rem}.opportunity h3{font-size:0.75rem;margin-bottom:0.25rem}.opportunity p{font-size:0.75rem;color:#8b95a5;line-height:1.7}.main-footer{display:flex;justify-content:space-between;gap:0.9375rem;color:#9aa3b1;font-size:0.75rem;padding-top:1.4375rem}.main-footer a{display:flex;align-items:center;gap:0.3125rem}.main-footer .icon{width:0.75rem;height:0.75rem}.demo-banner{display:flex;gap:0.625rem;align-items:center;margin-bottom:1.4375rem;border-radius:0.375rem;border:1px solid #dae5f6;background:#eef4fd;padding:0.75rem 1rem;color:#536887;font-size:0.75rem}.demo-banner .icon{width:1rem}.demo-banner .text-link{margin-left:auto;white-space:nowrap}.connect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1875rem}.provider-card{padding:1.625rem;background:#fff;border:1px solid var(--border);border-radius:0.5625rem;display:flex;flex-direction:column;min-height:17.5rem}.provider-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.1875rem}.provider-logo{width:2.6875rem;height:2.6875rem;border:1px solid var(--border);border-radius:0.5625rem;display:grid;place-items:center}.provider-logo .provider-letter{margin:0;font-size:1.75rem}.provider-logo .meta-letter{font-size:2.125rem}.provider-card h2{font-size:1.1875rem;margin-bottom:0.5625rem}.provider-card p{font-size:0.75rem;line-height:1.9;color:var(--muted);max-width:27.5rem}.provider-features{display:flex;gap:0.4375rem;flex-wrap:wrap;margin:1.1875rem 0 1.4375rem}.provider-features span{font-size:0.75rem;color:#62728b;background:#f5f7fa;padding:0.3125rem 0.5rem;border-radius:0.25rem}.provider-card>.btn{align-self:flex-start;margin-top:auto}.connection-explanation{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5625rem;margin:1.875rem 0}.explain-step{display:flex;gap:0.8125rem;align-items:flex-start}.explain-step>span{width:1.625rem;height:1.625rem;border-radius:50%;background:#e7edf8;color:var(--blue);display:grid;place-items:center;font-size:0.75rem;font-weight:700;flex-shrink:0}.explain-step h3{font-size:0.75rem;margin:0.1875rem 0 0.3125rem}.explain-step p{font-size:0.75rem;line-height:1.8;color:var(--muted)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:0.75rem;white-space:nowrap}th{text-align:left;font-size:0.75rem;letter-spacing:.5px;text-transform:uppercase;color:#95a0b0;background:#fafbfd;font-weight:600}th,td{padding:0.9375rem 1.3125rem;border-bottom:1px solid #edf0f4}td:last-child,th:last-child{text-align:right}tr:last-child td{border-bottom:0}.table-page .card{margin-top:1.25rem}.cell-title{font-weight:600}.table-status{color:#a26412;background:#fff7e9;padding:0.25rem 0.4375rem;font-size:0.75rem;border-radius:0.25rem}.table-status.good{color:var(--green);background:#edf8f2}.notice-empty{margin:1.125rem 0;padding:1.5625rem;text-align:center;color:#7f8a9b}.notification-card{padding:1.5625rem;margin-bottom:0.9375rem;display:flex;gap:1.125rem;align-items:flex-start}.notification-card h3{margin-bottom:0.5rem}.notification-card p{font-size:0.75rem;color:var(--muted);max-width:40.625rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.settings-card{padding:1.5625rem}.settings-card h2{margin-bottom:1.25rem}.settings-field{margin-bottom:1.1875rem}.settings-field label{display:block;font-size:0.75rem;color:var(--muted);margin-bottom:0.4375rem}.settings-field input{width:100%;border:1px solid var(--border);border-radius:0.25rem;padding:0.625rem;font-size:0.75rem;background:#fafbfd;color:#637084}.settings-card .btn{margin-top:0.625rem}.settings-field select{padding:0.5625rem;border:1px solid var(--border);border-radius:0.25rem;background:white;font-size:0.75rem}
dialog{border:0;padding:0;border-radius:0.75rem;width:min(35rem,calc(100% - 1.75rem));box-shadow:0 1.875rem 6.25rem #061b3b40;color:var(--ink)}dialog::backdrop{background:#0e203d75;backdrop-filter:blur(0.1875rem)}.modal-head{padding:1.5625rem 1.75rem 1.125rem;display:flex;align-items:center;gap:0.8125rem;border-bottom:1px solid var(--border)}.modal-head h2{font-size:1.125rem}.modal-head p{font-size:0.75rem;color:var(--muted);margin-top:0.25rem}.modal-close{margin-left:auto;align-self:flex-start}.modal-body{padding:1.5rem 1.75rem}.modal-body>p{font-size:0.75rem;line-height:1.85;color:var(--muted)}.modal-footer{padding:1.125rem 1.75rem;background:#f8fafc;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:0.75rem}.modal-steps{display:flex;gap:0.5rem;margin-bottom:1.5625rem}.modal-steps span{height:0.1875rem;background:#e5ebf3;flex:1;border-radius:0.125rem}.modal-steps span.done{background:var(--blue)}.modal-kicker{color:var(--blue);font-size:0.75rem;margin-bottom:0.5rem;font-weight:650}.option-row{display:flex;align-items:center;gap:0.75rem;border:1px solid var(--border);padding:0.875rem 0.8125rem;border-radius:0.375rem;margin-top:0.625rem;cursor:pointer}.option-row:has(input:checked){border-color:#b5c9ef;background:#f6f9ff}.option-row input{accent-color:var(--blue);width:1rem;height:1rem;flex-shrink:0}.option-row strong{display:block;font-size:0.75rem}.option-row small{display:block;font-size:0.75rem;color:#8b95a5;margin-top:0.1875rem}.modal-notice{display:flex;gap:0.5625rem;color:#7c694b;background:#fff9ef;border:1px solid #f0e2c9;border-radius:0.3125rem;padding:0.6875rem;font-size:0.75rem;line-height:1.8;margin:1.1875rem 0 0}.modal-notice .icon{width:0.9375rem;flex-shrink:0;margin-top:0.125rem}.oauth-explain{border:1px solid var(--border);border-radius:0.5rem;padding:1.5rem;text-align:center;margin:1.25rem 0}.oauth-explain .provider-letter{font-size:2.1875rem;display:block;margin:0 auto 1.0625rem}.oauth-explain strong{font-size:0.8125rem}.oauth-explain p{font-size:0.75rem;color:var(--muted);margin-top:0.5rem;line-height:1.8}.resource-select{width:100%;padding:0.6875rem;border:1px solid var(--border);border-radius:0.3125rem;margin:0.5rem 0 0.9375rem;color:#52647f;background:white;font-size:0.75rem}.resource-label{font-size:0.75rem;font-weight:600}.success-icon{width:3.5rem;height:3.5rem;border-radius:50%;background:#edf5ff;display:grid;place-items:center;margin:0.5rem auto 1.25rem;color:var(--blue)}.success-icon .icon{width:1.75rem;height:1.75rem}.success-content{text-align:center;padding:0.75rem 0 0.9375rem}.success-content h3{font-size:1.125rem;margin-bottom:0.625rem}.success-content p{color:var(--muted);font-size:0.75rem;line-height:1.9}.danger-link{background:none;border:0;color:#b22f3a;font-size:0.75rem;text-decoration:underline}.check-list{list-style:none;margin:1.0625rem 0 0;padding:0}.check-list li{display:flex;align-items:center;gap:0.5625rem;font-size:0.75rem;padding:0.5rem 0}.check-list .icon{width:0.9375rem;color:var(--blue)}#toast{position:fixed;left:calc(50% + 7.5625rem);bottom:1.5625rem;transform:translate(-50%,1.25rem);opacity:0;pointer-events:none;background:#142b50;color:white;box-shadow:0 0.375rem 1.375rem #0e203d25;border-radius:0.4375rem;padding:0.75rem 1.25rem;font-size:0.75rem;z-index:100;max-width:calc(100% - 2.5rem);transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.mobile-overlay{display:none}

/* RESPONSIVE SYSTEM V2 - shared scale for phone, tablet, desktop, QHD and 4K. */
html{font-size:clamp(1rem,calc(.7rem + .333333vw),1.5rem);-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable}
:root{--sidebar-width:clamp(15.25rem,15vw,20rem);--content-max:128rem;--page-gutter:clamp(1.25rem,2.25vw,3rem);--space:clamp(.875rem,1.1vw,1.5rem);--panel-pad:clamp(1rem,1.5vw,1.75rem);--text-xs:.75rem;--text-sm:.8125rem;--text-body:.875rem;--icon-size:1.25rem;--touch:2.75rem}
body{font-size:var(--text-body)}
button,input,select{max-inline-size:100%}
img{max-inline-size:100%;object-fit:contain}
h1{font-size:clamp(1.65rem,1.3rem + .5vw,2.1rem);letter-spacing:-.035em;overflow-wrap:break-word}
h2{font-size:1.125rem;line-height:1.4}h3{font-size:1rem;line-height:1.45}
.small{font-size:var(--text-sm)}.eyebrow{font-size:var(--text-xs);letter-spacing:.12em}
.icon{display:inline-block;inline-size:var(--icon-size);block-size:var(--icon-size);flex:0 0 auto;vertical-align:middle}
.material-icon{background:currentColor;mask-image:var(--icon-url);-webkit-mask-image:var(--icon-url);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain;stroke:none}
.sidebar{width:var(--sidebar-width);padding:1.75rem 1.125rem 1.25rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.brand{padding:0 .875rem 1.5rem}.brand img{width:10.25rem}.brand-subtitle{font-size:.6875rem;letter-spacing:.12em}.brand-subtitle:before{height:.625rem;width:.1875rem}
.nav-label{font-size:.6875rem;letter-spacing:.12em;padding:1rem .875rem .625rem}.nav-item{font-size:.875rem;gap:.75rem;padding:.875rem;min-height:3rem}.nav-item span:not(.icon):not(.nav-count){min-width:0;overflow-wrap:anywhere}.nav-item.active:before{left:-1.125rem;width:.1875rem}.nav-count{font-size:.6875rem;min-width:1.25rem}.sidebar-bottom{padding-top:1rem}.shop-link{font-size:.8125rem;padding:.875rem;margin:1.25rem .375rem}.profile{gap:.75rem;margin:1rem .75rem 0;padding-top:1.25rem}.profile strong{font-size:.8125rem;overflow-wrap:anywhere}.profile span{font-size:.75rem}.avatar{width:2.5rem;height:2.5rem;flex:0 0 auto}.avatar .icon{width:1.5rem;height:1.5rem}
.workspace{margin-left:var(--sidebar-width);min-width:0}.topbar{height:5rem;padding-inline:var(--page-gutter);gap:1rem}.topbar:before{height:.1875rem}.breadcrumbs{font-size:.8125rem;min-width:0;gap:.625rem}.breadcrumbs>span{white-space:nowrap}.breadcrumbs>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumbs .icon{width:1rem;height:1rem}.top-actions{gap:.75rem;flex-shrink:0}.prototype-pill{font-size:.625rem;letter-spacing:.045em;padding:.3rem .5rem;white-space:nowrap}.language{gap:.25rem}.language>span{display:none}.language button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-size:.75rem;min-height:var(--touch);min-width:3.1rem;padding:.35rem;border-radius:.375rem;border:1px solid transparent}.language button:hover{background:#f5f7fb}.language button.selected{background:#f0f5ff;border-color:#e1e9fa}.flag{width:1.375rem;height:1.1rem;flex-shrink:0;object-fit:contain}.icon-button{min-width:var(--touch);min-height:var(--touch);padding:.5rem}.notify-dot{width:.375rem;height:.375rem;right:.65rem;top:.65rem}
.main{max-width:var(--content-max);padding:clamp(1.5rem,2.25vw,3rem) var(--page-gutter) 1.5rem}.page-head{gap:1.25rem;margin-bottom:1.75rem;min-width:0}.page-head>div{min-width:0}.page-head p{font-size:var(--text-body);line-height:1.8;margin-top:.625rem}.date-filter{font-size:.8125rem;gap:.5rem;padding:.625rem .875rem;min-height:var(--touch)}.date-filter .icon{width:1.125rem;height:1.125rem}.date-filter select{font-size:.8125rem;max-width:14rem;min-height:1.5rem}
.welcome{grid-template-columns:minmax(0,1fr) auto;margin-bottom:1.75rem}.welcome-copy{padding:var(--panel-pad)}.welcome .eyebrow{font-size:.6875rem}.welcome h2{font-size:clamp(1.3rem,1.15rem + .25vw,1.75rem);max-width:26rem;letter-spacing:-.025em;margin:.625rem 0 .5rem}.welcome p{font-size:.8125rem;max-width:29rem;line-height:1.85}.welcome-actions{padding:var(--panel-pad);gap:.75rem;min-width:0;flex-wrap:wrap}.welcome-actions:before{pointer-events:none}.btn{font-size:.8125rem;min-height:var(--touch);padding:.8rem 1rem;gap:.5rem;white-space:normal;text-align:center}.btn .icon{width:1.125rem;height:1.125rem}.provider-mark{width:1.75rem;height:1.75rem;flex:0 0 auto;display:inline-block;object-fit:contain;vertical-align:middle}.provider-logo .provider-mark{width:2.5rem;height:2.5rem}.oauth-explain>.provider-mark{display:block;margin:0 auto 1rem;width:3rem;height:3rem}.provider-logo{width:3rem;height:3rem}.service-icon{width:2.5rem;height:2.5rem}.service-icon .provider-mark{width:1.375rem;height:1.375rem}.service-icon .icon{width:1.375rem;height:1.375rem}
.section-label{margin-bottom:.875rem;gap:.75rem}.section-label h2{font-size:.9375rem}.sample-label{font-size:.75rem;white-space:nowrap}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space);margin-bottom:1.5rem}.metric{padding:var(--panel-pad);display:flex;flex-direction:column}.metric-top{font-size:.8125rem;gap:.75rem;line-height:1.5}.metric-top .icon{width:1.125rem;height:1.125rem}.metric-value{font-size:clamp(1.75rem,1.4rem + .5vw,2.25rem);margin:1rem 0 .75rem;letter-spacing:-.04em;white-space:nowrap}.metric-value .unit{font-size:.875rem;margin-left:.25rem}.metric-foot{font-size:.75rem;gap:.5rem;margin-top:auto;line-height:1.75}.delta .icon{width:.8125rem;height:.8125rem}
.grid-main{grid-template-columns:minmax(0,1.65fr) minmax(20rem,1fr);gap:var(--space);margin-bottom:1.5rem}.grid-bottom{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space)}.card-head{padding:var(--panel-pad) var(--panel-pad) 0;gap:1rem;align-items:flex-start}.card-head>div{min-width:0}.card-head h2{font-size:.9375rem}.card-head p{font-size:.75rem;margin-top:.375rem;line-height:1.75}.legend{font-size:.75rem}.chart-wrap{padding:1.25rem var(--panel-pad) 1rem}.chart-layout{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:.25rem;height:clamp(12.5rem,14vw,25rem)}.chart{display:block;width:100%;height:100%;min-width:0;overflow:visible}.chart-y-labels{display:flex;flex-direction:column;justify-content:space-between;font-size:.75rem;color:#66758c;text-align:right;padding:3% .5rem 2% 0}.chart-x-labels{display:flex;justify-content:space-between;gap:.5rem;font-size:.75rem;color:#66758c;margin:.5rem 0 0 2.75rem;white-space:nowrap}.chart-footer{font-size:.75rem;gap:.75rem;padding:.875rem var(--panel-pad);flex-wrap:wrap}.text-link{font-size:.75rem;line-height:1.5;min-height:1.75rem;gap:.375rem}.text-link .icon{width:1rem;height:1rem}.chart-tooltip{font-size:.8125rem;padding:.5rem .75rem;border-radius:.375rem;max-width:calc(100vw - 2rem)}
.channel-list{padding:1.75rem var(--panel-pad) 1rem}.channel-row{margin-bottom:1.5rem}.channel-top{font-size:.8125rem;margin-bottom:.625rem;gap:1rem}.channel-name{gap:.5rem}.channel-dot{width:.5rem;height:.5rem}.track{height:.375rem}.channel-foot{font-size:.75rem;line-height:1.7;padding:.875rem var(--panel-pad)}.connection-list{padding:.5rem var(--panel-pad)}.connection-row{gap:.75rem;padding:1rem 0}.connection-row>div{min-width:0}.service-title{font-size:.8125rem;overflow-wrap:break-word}.service-desc{font-size:.75rem;line-height:1.6;color:#64748b}.status{font-size:.6875rem;padding:.3rem .5rem;gap:.3rem;flex-shrink:0}.status .dot{width:.3125rem;height:.3125rem}.connection-row .icon-button{min-width:2.5rem;min-height:2.5rem;margin-right:-.5rem}.connection-row .icon-button .icon{width:1.125rem;height:1.125rem}.card-foot{padding:.875rem var(--panel-pad)}.opportunity{padding:1.125rem var(--panel-pad);gap:.75rem}.opportunity:first-of-type{padding-top:1.25rem}.opportunity-icon{width:2.25rem;height:2.25rem}.opportunity-icon .icon{width:1.125rem;height:1.125rem}.opportunity h3{font-size:.8125rem;margin-bottom:.375rem}.opportunity p{font-size:.75rem;line-height:1.8;color:#64748b}.main-footer{font-size:.75rem;padding-top:1.5rem;line-height:1.8;gap:1rem;flex-wrap:wrap}.main-footer a{gap:.375rem}.main-footer .icon{width:1rem;height:1rem}
.demo-banner{font-size:.8125rem;gap:.75rem;padding:.875rem 1rem;margin-bottom:1.5rem;line-height:1.75}.demo-banner>.icon{width:1.125rem;height:1.125rem;margin-top:.125rem}.demo-banner .text-link{flex-shrink:0}.connect-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space)}.provider-card{padding:var(--panel-pad);min-height:21rem}.provider-top{margin-bottom:1.25rem;gap:.75rem}.provider-card h2{font-size:1.4rem}.provider-card p{font-size:.875rem;max-width:35rem;line-height:1.9}.provider-features{gap:.5rem;margin:1.25rem 0 1.5rem}.provider-features span{font-size:.75rem;padding:.375rem .625rem}.connection-explanation{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:2rem 0}.explain-step{gap:.875rem}.explain-step>span{width:2rem;height:2rem;font-size:.875rem}.explain-step h3{font-size:.875rem;margin:.25rem 0 .375rem}.explain-step p{font-size:.8125rem;line-height:1.8}
.table-scroll{max-width:100%;overflow:auto;overscroll-behavior-x:contain;scrollbar-width:thin}table{font-size:.8125rem}th{font-size:.75rem;letter-spacing:.035em}th,td{padding:1rem var(--panel-pad)}.table-status{font-size:.75rem;padding:.375rem .5rem}.notification-card{padding:var(--panel-pad);margin-bottom:1rem;gap:1rem}.notification-card h3{font-size:1rem}.notification-card p{font-size:.875rem;max-width:50rem;line-height:1.85}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space)}.settings-card{padding:var(--panel-pad)}.settings-card h2{margin-bottom:1.5rem}.settings-field{margin-bottom:1.25rem}.settings-field label{font-size:.8125rem;margin-bottom:.5rem}.settings-field input,.settings-field select{font-size:.875rem;min-height:var(--touch);padding:.75rem}.check-list li{font-size:.875rem;padding:.625rem 0;gap:.625rem}.check-list .icon{width:1.125rem;height:1.125rem}
dialog{width:min(37rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);max-width:calc(100vw - 2rem);overflow:auto;overscroll-behavior:contain;margin:auto;border-radius:.75rem}.modal-head{padding:1.5rem 1.75rem;gap:1rem}.modal-head h2{font-size:1.25rem}.modal-head p{font-size:.75rem;line-height:1.6}.modal-close{margin-right:-.5rem;margin-top:-.5rem}.modal-body{padding:1.5rem 1.75rem}.modal-body>p{font-size:.875rem;line-height:1.8}.modal-body h3{font-size:1.0625rem}.modal-footer{padding:1rem 1.75rem;gap:.75rem;position:sticky;bottom:0;z-index:2}.modal-footer .btn{max-width:78%;font-size:.8125rem}.modal-steps{gap:.5rem;margin-bottom:1.5rem}.modal-steps span{height:.1875rem}.modal-kicker{font-size:.75rem;margin-bottom:.625rem}.option-row{gap:.875rem;padding:1rem .875rem;margin-top:.75rem;min-height:4.5rem}.option-row input{width:1.125rem;height:1.125rem}.option-row>span:last-child{min-width:0}.option-row strong{font-size:.875rem}.option-row small{font-size:.75rem;line-height:1.7;overflow-wrap:break-word}.modal-notice{font-size:.75rem;line-height:1.8;padding:.875rem;gap:.625rem;margin-top:1.25rem}.modal-notice .icon{width:1.125rem;height:1.125rem}.oauth-explain{padding:1.5rem;margin:1.25rem 0}.oauth-explain strong{font-size:.9375rem;line-height:1.8;display:block}.oauth-explain p{font-size:.8125rem;line-height:1.8}.resource-select{font-size:.875rem;min-height:var(--touch);padding:.75rem;margin:.5rem 0 1rem;white-space:normal}.resource-label{font-size:.875rem}.success-icon{width:4rem;height:4rem;margin:.5rem auto 1.5rem}.success-icon .icon{width:2rem;height:2rem}.success-content h3{font-size:1.25rem}.success-content p{font-size:.875rem;line-height:1.9}.danger-link{font-size:.8125rem;min-height:2.75rem;line-height:1.8;padding:.5rem 0}.form-error{font-size:.8125rem;color:#b3212e;background:#fff1f2;border:1px solid #f1cbd0;border-radius:.375rem;padding:.75rem;margin-bottom:1rem}.sidebar-close,.mobile-logo{display:none}.mobile-logo img{width:5.5rem;height:auto}.menu-toggle{display:none}#toast{left:calc(50% + var(--sidebar-width)/2);font-size:.875rem;padding:.875rem 1.25rem;bottom:1.5rem;max-width:min(40rem,calc(100vw - 2rem));line-height:1.7}
/* Fold the layout only when the content needs a different arrangement. */
@media(min-width:2400px){.grid-main{grid-template-columns:minmax(0,1.8fr) minmax(22rem,1fr)}.metric{min-height:11rem}.chart-layout{height:22rem}.card-head h2,.section-label h2{font-size:1.0625rem}}
@media(max-width:1400px){.welcome{grid-template-columns:minmax(0,1fr)}.welcome-actions{justify-content:flex-start;background:none;padding-top:0}.welcome-actions:before{display:none}.grid-main{grid-template-columns:minmax(0,1.45fr) minmax(17rem,1fr)}.connection-row{flex-wrap:wrap}.connection-row>.status{margin-left:3.25rem}.connection-row>.icon-button{margin-left:auto}}
@media(max-width:1120px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-main,.grid-bottom{grid-template-columns:minmax(0,1fr)}.channel-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1.5rem}.connect-grid{grid-template-columns:minmax(0,1fr)}.connection-explanation{grid-template-columns:minmax(0,1fr)}.connection-row{flex-wrap:nowrap}.connection-row>.status{margin-left:auto}.connection-row>.icon-button{margin-left:0}}
@media(max-width:1024px){:root{--sidebar-width:18rem;--page-gutter:clamp(1rem,3vw,2rem)}.sidebar{visibility:hidden;transform:translateX(-100%);transition:transform .2s,visibility .2s;width:min(var(--sidebar-width),calc(100vw - 2rem));padding-top:2.5rem}.sidebar.open{visibility:visible;transform:translateX(0)}.sidebar-close{display:grid;position:absolute;right:.5rem;top:.5rem}.workspace{margin-left:0}.mobile-overlay.open{display:block;position:fixed;inset:0;background:#14274760;z-index:25}.menu-toggle{display:grid}.mobile-logo{display:block}.breadcrumbs>span,.breadcrumbs>strong,.breadcrumbs>.icon{display:none}.topbar{height:4.75rem}.main{padding-top:1.75rem}#toast{left:50%}.settings-grid{grid-template-columns:minmax(0,1fr)}.page-head{align-items:flex-start}.chart-layout{height:15rem}}
@media(max-width:760px){:root{--panel-pad:1.125rem;--space:1rem}.grid-main,.grid-bottom{gap:1rem}.welcome-actions{padding-bottom:1.25rem}.welcome h2{max-width:none}.welcome p{max-width:none}.page-head{flex-wrap:wrap;gap:1rem}.page-head>div{width:100%}.date-filter{width:100%;justify-content:flex-start}.date-filter select{max-width:none;width:100%}.channel-list{display:block}.channel-row:last-child{margin-bottom:.25rem}.main-footer{flex-direction:column;gap:.5rem}.provider-card{min-height:19rem}.provider-card>.btn{width:100%;align-self:stretch}.connection-row{flex-wrap:wrap}.connection-row>.status{margin-left:3.25rem}.connection-row>.icon-button{margin-left:auto}.demo-banner{align-items:flex-start;flex-wrap:wrap}.demo-banner>span{flex:1;min-width:0}.demo-banner .text-link{margin-left:1.875rem}.chart-x-labels{font-size:.6875rem}.card-head{flex-wrap:wrap}.card-head>.legend{margin-left:auto}.modal-head,.modal-body{padding:1.25rem}.modal-footer{padding:1rem 1.25rem}.modal-head .provider-logo{width:2.5rem;height:2.5rem}.modal-head h2{font-size:1.125rem}.option-row{gap:.625rem;padding:.875rem .625rem}.option-row .service-icon{width:2rem;height:2rem}.option-row .service-icon .icon{width:1.125rem;height:1.125rem}}
@media(max-width:600px){.topbar{height:4.5rem;gap:.5rem;padding-inline:.75rem}.breadcrumbs{gap:.25rem}.top-actions{gap:.25rem}.topbar .avatar,.prototype-pill{display:none}.mobile-logo img{width:4.75rem}.language{gap:0}.language button{min-width:3rem;padding:.25rem;gap:.25rem;font-size:.6875rem}.flag{width:1.25rem;height:1rem}.icon-button{min-width:2.75rem;min-height:2.75rem}.welcome-actions{flex-direction:column;align-items:stretch;gap:.75rem}.welcome-actions .btn{width:100%}.welcome-copy{padding:1.25rem}.welcome-actions{padding-inline:1.25rem}.metric{padding:1rem .875rem}.metric-top{font-size:.75rem;gap:.375rem}.metric-top .icon{width:1rem;height:1rem}.metric-value{font-size:1.75rem}.metric-value .unit{font-size:.75rem}.metric-foot{font-size:.6875rem}.chart-layout{grid-template-columns:2rem minmax(0,1fr);height:12rem}.chart-y-labels{font-size:.6875rem}.chart-x-labels{margin-left:2.25rem}.chart-x-labels>span:nth-child(2),.chart-x-labels>span:nth-child(4){display:none}.notification-card{gap:.75rem}.notification-card p{font-size:.8125rem}.modal-footer .btn{font-size:.75rem;padding:.875rem .75rem}.success-content p{font-size:.8125rem}.resource-select{font-size:.8125rem}.topbar .notify-dot{right:.5rem}}
@media(max-width:359px){.metric-grid{grid-template-columns:minmax(0,1fr)}.metric{padding:1.25rem}.metric-top{font-size:.875rem}.metric-value{font-size:2rem}.metric-foot{font-size:.75rem}.mobile-logo img{width:4.25rem}.topbar{padding-inline:.5rem}.top-actions{gap:0}.topbar .icon-button{min-width:2.5rem}.page-head h1{font-size:1.6rem}.welcome-copy,.welcome-actions{padding-inline:1rem}.card-head .legend{margin-left:0}.connection-row .service-desc{max-width:13rem}.option-row .service-icon{display:none}.modal-head,.modal-body{padding:1rem}.modal-footer{padding:.875rem 1rem;flex-wrap:wrap}.modal-footer .btn{max-width:100%}.modal-footer .btn.primary{flex:1}.status{white-space:normal}}
@media(max-height:600px) and (orientation:landscape){.sidebar{padding-top:2rem}.brand{padding-bottom:.5rem}.nav-label{padding-top:.5rem}.nav-item{padding:.625rem .875rem}.sidebar-bottom{padding-top:.5rem}.shop-link{margin-block:.5rem}.profile{margin-top:.5rem;padding-top:.625rem}dialog{max-height:calc(100dvh - 1rem)}.modal-head,.modal-body{padding:1rem 1.25rem}.modal-footer{padding:.75rem 1.25rem}}
.nav-label,.sample-label,.metric-foot,.chart-footer,.channel-foot,.main-footer,.metric-value .unit,th,.breadcrumbs,.language button{color:#64748b}.metric-top{color:#526177}.status{color:#627084}.status.demo{color:var(--blue)}
@supports (font-size:1cqi){.metric{container-type:inline-size}.metric .metric-value{font-size:clamp(1.5rem,14cqi,2.25rem)}}
@media(max-width:760px){.settings-field input,.settings-field select,.resource-select,.date-filter select{font-size:1rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}