:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#171714;background:#f5f5f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100vh}button,input,textarea,select{font:inherit}a{color:inherit}.shell{place-items:center;min-height:100vh;padding:24px;display:grid}.hero,.authCard{background:#ffffffb8;border:1px solid #1717141f;border-radius:28px;width:min(100%,760px);padding:clamp(28px,6vw,64px);box-shadow:0 24px 80px #17171414}.authCard{width:min(100%,620px)}.cabinetCard{width:min(100%,880px)}.eyebrow{letter-spacing:.16em;margin:0 0 20px;font-size:12px;font-weight:700}h1{letter-spacing:-.045em;max-width:680px;margin:0;font-size:clamp(42px,8vw,76px);line-height:.98}.authTitle{font-size:clamp(38px,8vw,62px)}.lead,.authLead{color:#56564f;max-width:590px;margin:28px 0 0;font-size:clamp(18px,3vw,23px);line-height:1.5}.authLead{margin-top:20px;font-size:18px}.heroActions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:36px;display:flex}.primaryAction,.authButton{color:#fff;cursor:pointer;background:#171714;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:11px 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.primaryAction:disabled{cursor:not-allowed;opacity:.45}.authButton{width:100%;min-height:50px;margin-top:6px}.authButton:disabled{cursor:wait;opacity:.65}.status{color:#fff;background:#171714;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:600;display:inline-flex}.statusDot{background:#b9ff66;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #b9ff6624}.authForm{gap:10px;margin-top:30px;display:grid}.authLabel{font-size:14px;font-weight:700}.authInput{color:#171714;background:#fff;border:1px solid #1717142e;border-radius:16px;outline:none;width:100%;min-height:52px;padding:12px 15px}.authInput:focus{border-color:#171714;box-shadow:0 0 0 3px #17171414}.authError{color:#9d241f;margin:0;font-size:14px;line-height:1.4}.authSuccess{background:#b9ff6633;border-radius:18px;margin-top:30px;padding:18px}.authSuccess strong{margin-bottom:8px;font-size:18px;display:block}.authSuccess p{color:#42423c;margin:0;line-height:1.5}.authBackLink{color:#56564f;margin-top:24px;font-size:14px;display:inline-block}.integrationSection{border-top:1px solid #1717141f;margin-top:42px;padding-top:34px}.sectionHeading{grid-template-columns:minmax(0,1fr) minmax(240px,.9fr);align-items:end;gap:24px;display:grid}.sectionEyebrow{letter-spacing:.14em;color:#686861;margin:0 0 8px;font-size:11px;font-weight:700}.sectionHeading h2{letter-spacing:-.035em;margin:0;font-size:clamp(30px,5vw,42px);line-height:1}.sectionLead{color:#686861;margin:0;font-size:14px;line-height:1.5}.integrationGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.integrationCard{background:#ffffffd1;border:1px solid #1717141f;border-radius:20px;min-height:178px;padding:18px}.integrationCardHeader{gap:12px;display:grid}.integrationCard h3{letter-spacing:-.02em;margin:0;font-size:20px;line-height:1.15}.integrationCard>p{color:#56564f;margin:22px 0 0;font-size:14px;line-height:1.45}.integrationStatus{color:#56564f;background:#17171412;border-radius:999px;align-items:center;width:fit-content;min-height:28px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.integrationStatus[data-status=connected],.integrationStatus[data-status=soon]{color:#42423c;background:#b9ff6633}.integrationConnectPanel{background:#ffffffd1;border:1px solid #1717141f;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding:18px;display:flex}.integrationConnectPanel strong{font-size:16px}.integrationConnectPanel p{color:#56564f;margin:6px 0 0;font-size:13px;line-height:1.45}.integrationConnectPanel form{flex:none}.metricaSelectorPanel{background:#ffffffd1;border:1px solid #1717141f;border-radius:20px;gap:18px;margin-top:14px;padding:20px;display:grid}.metricaSelectorPanel h3{letter-spacing:-.025em;margin:0;font-size:24px}.resourceLead,.resourceHint,.selectedResource p{color:#56564f;font-size:13px;line-height:1.5}.resourceLead{margin:8px 0 0}.resourceHint{margin:0}.selectedResource{background:#b9ff6633;border-radius:16px;padding:16px}.selectedResource strong{margin-bottom:6px;display:block}.selectedResource p{margin:2px 0 0}.metricaSelectorForm{gap:10px;display:grid}.metricaSelectorForm .primaryAction{width:fit-content}@media (max-width:720px){.sectionHeading,.integrationGrid{grid-template-columns:1fr}.integrationCard{min-height:auto}.integrationConnectPanel{flex-direction:column;align-items:stretch}.integrationConnectPanel .primaryAction,.metricaSelectorForm .primaryAction{width:100%}}@media (max-width:520px){.shell{align-items:start;padding:18px}.hero,.authCard{border-radius:24px;margin-top:8vh}.heroActions{flex-direction:column;align-items:stretch}.primaryAction,.status{justify-content:center}}
details[data-direct-add-managed=secondary]>summary,details[data-direct-selected-forget=enabled]>summary,[data-direct-forget-activation] .selectedResource>summary{cursor:pointer;list-style:none}details[data-direct-add-managed=secondary]>summary::-webkit-details-marker{display:none}details[data-direct-selected-forget=enabled]>summary::-webkit-details-marker{display:none}[data-direct-forget-activation] .selectedResource>summary::-webkit-details-marker{display:none}details[data-direct-add-managed=secondary]>summary{align-items:center;gap:10px;display:flex}details[data-direct-add-managed=secondary]>summary:before{content:"+";color:#171714;background:#17171414;border-radius:999px;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:21px;font-weight:500;line-height:1;display:inline-grid}details[data-direct-add-managed=secondary][open]>summary:before{content:"−"}details[data-direct-selected-forget=enabled]{background:#cf4a411a;border:1px solid #9d241f33;border-radius:14px;margin-top:18px;padding:13px 14px}details[data-direct-selected-forget=enabled]>summary{color:#9d241f;align-items:center;gap:9px;display:flex}details[data-direct-selected-forget=enabled]>summary:before{content:"−";background:#9d241f1f;border-radius:999px;flex:0 0 22px;place-items:center;width:22px;height:22px;font-size:18px;line-height:1;display:inline-grid}details[data-direct-selected-forget=enabled]:not([open])>summary:before{content:"×"}details[data-direct-selected-forget=enabled] .resourceHint{color:#7f332e}details[data-direct-selected-forget=enabled] .primaryAction,[data-direct-forget-activation] .selectedResource .primaryAction{background:#9d241f}[data-direct-forget-activation] .selectedResource{background:#cf4a411a;border:1px solid #9d241f2e}[data-direct-forget-activation] .selectedResource>summary{color:#9d241f;align-items:center;gap:9px;display:flex}[data-direct-forget-activation] .selectedResource>summary:before{content:"×";background:#9d241f1f;border-radius:999px;flex:0 0 22px;place-items:center;width:22px;height:22px;font-size:17px;line-height:1;display:inline-grid}[data-direct-forget-activation] .selectedResource[open]>summary:before{content:"−"}@media (max-width:720px){details[data-direct-selected-forget=enabled]{margin-top:20px}details[data-direct-selected-forget=enabled] .primaryAction,[data-direct-forget-activation] .selectedResource .primaryAction{width:100%}}
