:root{--cn-bg:#f5f3f6;--cn-surface:#fff;--cn-ink:#211529;--cn-muted:#796d7e;--cn-border:#e2dbe6;--cn-plum:#59306f;--cn-green:#2f7d54;--cn-blue:#315fc5}.connect-app{background:var(--cn-bg);min-height:100vh;color:var(--cn-ink);grid-template-columns:220px minmax(0,1fr);display:grid}.connect-side{border-right:1px solid var(--cn-border);background:#fff;height:100vh;padding:0 14px;position:sticky;top:0}.connect-brand{height:72px;color:var(--cn-ink);border-bottom:1px solid var(--cn-border);align-items:center;gap:11px;text-decoration:none;display:flex}.connect-brand>span{background:var(--cn-plum);color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.connect-brand strong{font-size:19px}.connect-brand small{color:#7e5c90;letter-spacing:1.4px;font-size:8px;display:block}.connect-side nav{gap:5px;padding:22px 0;display:grid}.connect-side nav a{color:#392a40;border-radius:7px;align-items:center;gap:12px;min-height:44px;padding:0 10px;font-size:11px;text-decoration:none;display:flex}.connect-side nav a:hover,.connect-side nav a.active{color:var(--cn-plum);background:#f1eaf5}.connect-side nav a.active{font-weight:750}.connect-safe{border:1px solid var(--cn-border);border-radius:8px;padding:11px;font-size:9px;font-weight:700;position:absolute;bottom:18px;left:14px;right:14px}.connect-safe i{background:var(--cn-green);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.connect-safe small{color:var(--cn-muted);margin:4px 0 0 13px;font-weight:400;display:block}.connect-shell{min-width:0}.connect-top{border-bottom:1px solid var(--cn-border);height:54px;color:var(--cn-muted);background:#fff;align-items:center;padding:0 390px 0 30px;font-size:11px;display:flex}.connect-main{max-width:1480px;margin:auto;padding:30px 32px 64px}.connect-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.connect-heading p,.baseline-layout header p{color:var(--cn-plum);letter-spacing:1.5px;margin:0 0 4px;font-size:9px;font-weight:800}.connect-heading h1{letter-spacing:-1.2px;margin:0;font-size:34px}.connect-heading>div>span{color:var(--cn-muted);margin-top:7px;font-size:11px;display:block}.connect-heading>a{border:1px solid var(--cn-border);color:var(--cn-plum);background:#fff;border-radius:7px;padding:9px 12px;font-size:10px;text-decoration:none}.connect-selector{background:linear-gradient(135deg,#f1eaf5,#fff);border:1px solid #cab7d3;border-radius:10px;grid-template-columns:1.4fr repeat(3,.7fr);gap:10px;margin-bottom:14px;padding:13px;display:grid}.connect-selector label{color:var(--cn-muted);gap:5px;font-size:8px;display:grid}.connect-selector select{border:1px solid var(--cn-border);background:#fff;border-radius:7px;height:40px;padding:0 10px}.connect-selector>div{border-left:1px solid var(--cn-border);padding:7px 10px}.connect-selector span,.connect-selector strong{display:block}.connect-selector span{color:var(--cn-muted);font-size:8px}.connect-selector strong{margin-top:5px;font-size:10px}.provider-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.provider{border:1px solid var(--cn-border);background:#fff;border-radius:10px;padding:15px}.provider.ready{border-color:#a6ccb6}.provider header{justify-content:space-between;align-items:center;display:flex}.provider header span{color:var(--cn-plum);background:#f1eaf5;border-radius:4px;padding:4px 6px;font-size:7px;font-weight:800}.provider header b{color:#9a899f;text-transform:uppercase;font-size:7px}.provider.ready header b{color:var(--cn-green)}.provider h2{margin:15px 0 4px;font-size:14px}.provider>p{min-height:26px;color:var(--cn-muted);margin:0;font-size:8px;line-height:1.45}.provider>div{background:#f8f5f9;border-radius:7px;grid-template-columns:19px 1fr;gap:7px;margin:13px 0;padding:9px;display:grid}.provider>div i{background:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:8px;font-style:normal;display:grid}.provider>div strong,.provider>div small{display:block}.provider>div strong{font-size:8px}.provider>div small{color:var(--cn-muted);margin-top:2px;font-size:7px}.provider button{border:1px solid var(--cn-border);color:#9a899f;background:#fff;border-radius:6px;width:100%;padding:8px;font-size:8px}.baseline-layout{grid-template-columns:.9fr 1.1fr;gap:14px;display:grid}.baseline-form,.comparison{border:1px solid var(--cn-border);background:#fff;border-radius:10px;padding:18px}.baseline-layout header{border-bottom:1px solid #eee8f0;justify-content:space-between;gap:12px;padding-bottom:13px;display:flex}.baseline-layout h2{margin:0;font-size:18px}.baseline-layout header>span{color:var(--cn-plum);background:#f1eaf5;border-radius:5px;align-self:start;padding:5px 7px;font-size:8px;font-weight:750}.form-note{color:var(--cn-muted);background:#f7f3f9;border-radius:7px;margin:12px 0;padding:10px;font-size:8px;line-height:1.5}.metric-inputs{grid-template-columns:1fr 1fr;gap:7px;display:grid}.metric-inputs label{border:1px solid var(--cn-border);border-radius:7px;justify-content:space-between;align-items:center;gap:9px;padding:8px;display:flex}.metric-inputs span,.metric-inputs small{display:block}.metric-inputs span{font-size:8px;font-weight:700}.metric-inputs small{color:var(--cn-muted);margin-top:2px;font-size:6px;font-weight:400}.metric-inputs input{border:1px solid var(--cn-border);text-align:right;border-radius:6px;width:90px;padding:8px}.baseline-form>button{background:var(--cn-plum);color:#fff;border:0;border-radius:7px;width:100%;margin-top:11px;padding:11px;font-size:10px;font-weight:750}.baseline-form>button:disabled{opacity:.6}.lock-note{color:var(--cn-muted);text-align:center;margin-top:7px;font-size:7px;display:block}.empty-comparison{min-height:300px;color:var(--cn-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-comparison strong{color:var(--cn-ink)}.empty-comparison span{margin-top:5px;font-size:8px}.compare-cards{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.compare-cards>div{border:1px solid var(--cn-border);border-radius:7px;padding:11px}.compare-cards span,.compare-cards strong,.compare-cards small,.compare-cards em{display:block}.compare-cards span{color:var(--cn-muted);font-size:7px}.compare-cards strong{margin:5px 0;font-size:22px}.compare-cards small{font-size:7px}.compare-cards em{color:var(--cn-plum);margin-top:4px;font-size:7px;font-style:normal}.snapshot-history{margin-top:15px}.snapshot-history h3{font-size:10px}.snapshot-history>div{border-bottom:1px solid #eee8f0;grid-template-columns:140px 1fr auto;gap:10px;padding:8px 0;font-size:7px;display:grid}.snapshot-history>div span{color:var(--cn-muted)}.snapshot-history>div em{color:var(--cn-plum);background:#f1eaf5;border-radius:4px;padding:3px 5px;font-style:normal}.data-policy{background:#f0f8f3;border:1px solid #acc9b8;border-radius:9px;grid-template-columns:160px 1fr;gap:15px;margin-top:14px;padding:13px 15px;display:grid}.data-policy strong{color:#276344;font-size:10px}.data-policy span{color:#577064;font-size:8px;line-height:1.5}.connect-error,.connect-success{border-radius:7px;margin-bottom:12px;padding:10px 12px;font-size:9px}.connect-error{color:#963b36;background:#fff2f1;border:1px solid #d89b95}.connect-success{color:#276344;background:#f0f8f3;border:1px solid #9fcdb1}.connect-state{border:1px dashed var(--cn-border);min-height:360px;color:var(--cn-muted);background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.connect-state strong{color:var(--cn-ink);font-size:16px}.connect-state a{background:var(--cn-plum);color:#fff;border-radius:7px;padding:9px 12px;font-size:10px;text-decoration:none}@media (max-width:1100px){.connect-app{grid-template-columns:76px 1fr}.connect-brand{justify-content:center}.connect-brand strong,.connect-side nav span,.connect-safe{display:none}.connect-side nav a{justify-content:center}.provider-grid{grid-template-columns:1fr 1fr}.baseline-layout{grid-template-columns:1fr}.connect-top{padding-right:390px}}@media (max-width:720px){.connect-app{display:block}.connect-side{height:auto;padding:0;position:static}.connect-brand{height:58px}.connect-side nav{padding:0;display:flex;overflow:auto}.connect-side nav a{min-width:52px;height:54px}.connect-side nav a.active{min-width:140px}.connect-side nav a.active span{display:inline}.connect-top{display:none}.connect-main{padding:20px 14px}.connect-heading h1{font-size:27px}.connect-selector{grid-template-columns:1fr}.connect-selector>div{border-left:0;border-top:1px solid var(--cn-border)}.provider-grid,.metric-inputs,.compare-cards,.data-policy{grid-template-columns:1fr}}.provider .connect-button{border-color:var(--cn-plum);background:var(--cn-plum);color:#fff;cursor:pointer;font-weight:750}.provider .connected-button{color:var(--cn-green);cursor:pointer;border-color:#a6ccb6}.google-config{background:#fff;border:1px solid #a6ccb6;border-radius:10px;margin-bottom:14px;padding:18px}.google-config>header{border-bottom:1px solid #eee8f0;justify-content:space-between;gap:12px;padding-bottom:13px;display:flex}.google-config header p{color:var(--cn-green);letter-spacing:1.5px;margin:0 0 4px;font-size:9px;font-weight:800}.google-config h2{margin:0;font-size:18px}.google-config header>span{color:var(--cn-muted);align-self:start;font-size:8px}.google-selectors{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.google-selectors label{color:var(--cn-muted);gap:6px;font-size:8px;font-weight:700;display:grid}.google-selectors select{border:1px solid var(--cn-border);height:40px;color:var(--cn-ink);background:#fff;border-radius:7px;padding:0 9px}.google-actions{border-top:1px solid #eee8f0;justify-content:space-between;align-items:center;gap:15px;margin-top:13px;padding-top:13px;display:flex}.google-actions span{color:var(--cn-muted);font-size:8px}.google-actions button{background:var(--cn-green);color:#fff;border:0;border-radius:7px;padding:10px 15px;font-size:9px;font-weight:750}.google-actions button:disabled{opacity:.5}.google-config details{color:#765e2b;background:#fff8e9;border-radius:7px;margin-top:12px;padding:10px;font-size:8px}.google-config details p{margin:6px 0 0;line-height:1.45}@media (max-width:900px){.google-selectors{grid-template-columns:1fr}.google-actions{flex-direction:column;align-items:stretch}}