:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f0f2f6;--surface:#fff;--surface-soft:#fafafa;--text:#303136;--text-soft:#727783;--border:#e0e2e7;--border-strong:#d2d5dc;--brand:#626cff;--brand-hover:#515be9;--header:#202124;--green:#62a900;--green-bg:#f4ffe6;--red:#ff4d4f;--red-bg:#fff1f0;--radius-lg:14px;--radius-md:8px;--shadow-modal:0 28px 80px #181b2833;font-synthesis:none;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body,html{background:var(--bg);min-width:320px}body{color:var(--text);-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{text-decoration:none}a,button{color:inherit}:focus-visible{outline-offset:2px;outline:3px solid #626cff59}.app-shell{grid-template-rows:auto 1fr auto;gap:16px;min-height:100vh;padding:16px;display:grid}.app-header{color:#fff;background-color:var(--header);background-image:radial-gradient(#ffffff0b 1.5px,#0000 0);background-size:23px 23px;border-radius:7px;justify-content:space-between;gap:24px;min-height:72px;padding:0 24px}.app-header,.brand{align-items:center;display:flex}.brand{min-width:0}.brand__mark{fill:none;stroke:#6471ff;stroke-width:4.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:38px;height:38px}.brand__mark circle{fill:#6471ff;stroke:none}.brand__name{letter-spacing:-.45px;white-space:nowrap;margin-left:7px;font-size:20px;font-weight:700}.brand__divider{background:#ffffff5c;width:1px;height:28px;margin:0 12px}.brand__tagline{color:#ffffffc2;white-space:nowrap;font-size:14px}.header-link{flex:none;align-items:center;gap:14px;font-size:15px;font-weight:600;display:flex}.header-link svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:20px}.page-shell{min-width:0}.surface{background:var(--surface);border-radius:var(--radius-lg);min-height:calc(100vh - 193px);padding:40px 32px 30px}.app-footer{min-height:72px;color:var(--text-soft);background:#fff;border-radius:7px;justify-content:space-between;align-items:center;padding:0 32px;font-size:14px;display:flex}.footer-link:hover{color:var(--brand)}h1,h2,p{margin-top:0}h1{letter-spacing:-1.25px;margin-bottom:10px;font-size:clamp(32px,3vw,42px);line-height:1.18}.connect-heading>div>p,.page-heading>p{max-width:1120px;color:var(--text-soft);margin-bottom:0;font-size:15px;line-height:1.55}.page-heading{margin-bottom:24px}.demo-chip{letter-spacing:.06em;text-transform:uppercase;background:#f0f2ff;border:1px solid #daddff;border-radius:999px;width:fit-content;padding:5px 9px;font-weight:700;color:#4c57dd!important;margin-bottom:10px!important;font-size:11px!important}.button,.demo-chip{display:inline-flex}.button{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:47px;padding:0 24px;font-weight:600;transition:background-color .18s,border-color .18s,transform .18s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{color:#fff;background:var(--brand);border-color:var(--brand)}.button--primary:hover:not(:disabled){background:var(--brand-hover)}.button--secondary{color:var(--text);border-color:var(--border-strong);background:#fff}.button--secondary:hover:not(:disabled){border-color:#aeb3bd}.button svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:18px}.icon-button{color:#69707c;border:1px solid var(--border-strong);cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.icon-button:hover{color:var(--brand);background:#fafaff;border-color:#a9afff}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round;width:19px}.integration-brand{border:1px solid var(--border);background:#fff;border-radius:6px;flex:none;place-items:center;width:42px;height:42px;display:inline-grid;box-shadow:0 2px 5px #11182712}.integration-brand svg{width:28px;height:28px}.metrica-blue{fill:#1687e9}.metrica-red{fill:#fa3044}.metrica-yellow{fill:#f7cd32}.metrica-green{fill:#20ae74}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th{color:#45484f;border-bottom:1px solid var(--border);text-align:left;background:#fafafa;font-weight:500}.data-table td,.data-table th{white-space:nowrap;height:56px;padding:0 16px}.data-table td{border-bottom:1px solid #e7e8ec}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#fbfbfe}.data-table .check-cell{width:45px;padding-left:16px;padding-right:6px}.data-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand)}.sort-button{cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:0;display:flex}.sort-button span{color:#cfd2d7}.sort-button span.active{color:var(--brand)}.table-heading-brand{align-items:center;gap:9px;display:inline-flex}.table-heading-brand .integration-brand{width:30px;height:30px;box-shadow:none}.table-heading-brand .integration-brand svg{width:22px;height:22px}.domain-name{font-weight:500}.status-wrap{display:inline-flex;position:relative}.status-badge{text-transform:uppercase;border:1px solid;border-radius:5px;align-items:center;min-height:25px;padding:2px 8px;font-size:11px;line-height:1;display:inline-flex}.status-badge--connected{color:var(--green);background:var(--green-bg);border-color:#78c612}.status-badge--error{color:var(--red);background:var(--red-bg);border-color:#ff7c7e}.status-badge--not_connected,.status-badge--pending{color:#777c85;background:#f8f8f8;border-color:#d1d3d7}.tooltip{z-index:20;color:#fff;opacity:0;visibility:hidden;white-space:normal;pointer-events:none;text-transform:none;background:#222326;border-radius:6px;width:max-content;max-width:340px;padding:13px 15px;font-size:13px;font-weight:400;line-height:1.45;transition:opacity .15s,transform .15s,visibility .15s;bottom:calc(100% + 12px);transform:translate(-50%,5px)}.tooltip,.tooltip:after{position:absolute;left:50%}.tooltip:after{content:"";border:7px solid #0000;border-top-color:#222326;top:100%;transform:translate(-50%)}.integration-row__action:focus-within .connect-tooltip,.integration-row__action:hover .connect-tooltip,.status-wrap:focus .tooltip,.status-wrap:hover .tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.pagination-bar{justify-content:space-between;align-items:center;gap:24px;margin-top:24px;display:flex}.pagination{gap:8px;display:flex}.page-button{border:1px solid var(--border-strong);cursor:pointer;background:#fff;border-radius:6px;min-width:34px;height:34px;padding:0 8px}.page-button.active,.page-button:hover:not(:disabled){color:var(--brand);border-color:var(--brand)}.page-button:disabled{opacity:.4;cursor:not-allowed}.page-size{color:var(--text-soft);align-items:center;gap:14px;font-size:14px;display:flex}.page-size select{border:1px solid var(--border-strong);background:#fff;border-radius:6px;min-width:72px;height:36px;padding:0 12px}.mobile-domain-list{display:none}.connect-page{padding-top:40px}.connect-heading{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:16px;margin-bottom:38px;display:grid}.back-square{width:42px;height:42px;margin-top:2px}.connect-heading h1 span{color:var(--brand)}.integration-panel{border:1px solid var(--border);border-radius:7px;max-width:1400px;padding:18px 16px 0}.integration-panel__intro{margin-bottom:18px}.integration-panel__intro h2{margin-bottom:8px;font-size:16px;font-weight:600}.integration-panel__intro p{color:var(--text-soft);margin-bottom:0;font-size:14px}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.integration-row{border-top:1px solid #eceef1;justify-content:space-between;align-items:center;gap:14px;min-width:0;min-height:70px;padding:0 4px;display:flex}.integration-row:nth-child(2){border-left:1px solid #eceef1;padding-left:16px}.integration-row__name{align-items:center;gap:10px;min-width:0;display:flex}.integration-row__name strong{white-space:nowrap;font-size:15px;font-weight:500}.integration-row__action{flex:0 315px;justify-content:flex-end;display:flex;position:relative}.trash-button{color:#7a7f87;cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:30px;padding:0;display:inline-grid}.trash-button svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:18px}.connect-button{color:#454850;border:1px solid var(--border-strong);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-width:150px;min-height:42px;padding:0 16px;display:inline-flex}.connect-button--primary{color:var(--brand);border-color:var(--brand)}.connect-button:disabled{opacity:.55;cursor:not-allowed}.connect-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:20px}.connect-tooltip{bottom:calc(100% + 18px)}.connected-control{width:100%;min-height:42px;color:var(--brand);border:1px solid var(--border-strong);border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding-left:15px;font-size:14px;display:flex}.connected-control span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clear-button{color:#757b84;cursor:pointer;background:0 0;border:0;flex:none;align-self:stretch;width:42px;font-size:27px;font-weight:200}.success-note{background:#fafafa;border-radius:7px;max-width:1400px;margin-top:16px;padding:17px 16px;font-size:14px}.connect-actions{gap:16px;margin-top:40px;display:flex}.button--back{min-width:120px}.button-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#191b2270;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{width:min(540px,100%);max-height:min(720px,100vh - 40px);box-shadow:var(--shadow-modal);background:#fff;border-radius:12px;padding:28px;position:relative;overflow:auto}.modal__close{position:absolute;top:20px;right:20px}.modal>.integration-brand{margin-bottom:18px}.modal h2{letter-spacing:-.4px;margin-bottom:8px;font-size:24px}.modal>p{color:var(--text-soft);margin-bottom:22px;line-height:1.5}.resource-list{gap:8px;display:grid}.resource-option{border:1px solid var(--border);cursor:pointer;border-radius:7px;align-items:center;gap:13px;padding:13px 14px;display:flex;position:relative}.resource-option:has(input:checked){border-color:var(--brand);background:#f8f8ff}.resource-option input{opacity:0;position:absolute}.resource-option__copy{flex:1;gap:4px;display:grid}.resource-option__copy strong{font-size:15px}.resource-option__copy small{color:var(--text-soft)}.radio-mark{border:1.5px solid #b9bdc5;border-radius:50%;width:18px;height:18px}.resource-option input:checked~.radio-mark{border:5px solid var(--brand)}.resource-skeleton,.table-skeleton div{background:linear-gradient(90deg,#f2f3f5 25%,#fafafa 50%,#f2f3f5 75%) 0 0/200% 100%;animation:1.3s infinite shimmer}.resource-skeleton{border-radius:7px;height:66px}@keyframes shimmer{to{background-position:-200% 0}}.modal__actions{justify-content:flex-end;gap:10px;margin-top:26px;display:flex}.toast{z-index:120;color:#fff;background:#26282d;border-left:4px solid #68b808;border-radius:7px;max-width:min(410px,100vw - 40px);padding:14px 17px;position:fixed;bottom:28px;right:28px;box-shadow:0 12px 40px #14161e33}.toast--error{border-left-color:var(--red)}.toast-enter-active,.toast-leave-active{transition:opacity .2s,transform .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(10px)}.empty-state--large,.error-state{min-height:260px;color:var(--text-soft);text-align:center;border:1px dashed var(--border-strong);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.empty-state strong,.error-state strong{color:var(--text);font-size:18px}.error-state .button{margin-top:10px}.empty-state{color:var(--text-soft);text-align:center;background:#fafafa;border-radius:7px;padding:24px}.table-skeleton{background:var(--border);gap:1px;display:grid}.table-skeleton div{height:56px}.integration-panel--loading{grid-template-columns:1fr 1fr;gap:20px;padding:20px;display:grid}.integration-panel--loading div{background:linear-gradient(90deg,#f2f3f5 25%,#fafafa 50%,#f2f3f5 75%) 0 0/200% 100%;border-radius:7px;height:110px;animation:1.3s infinite shimmer}.callback-page{place-items:center;display:grid}.callback-card{text-align:center;border:1px solid var(--border);border-radius:12px;width:min(480px,100%);padding:44px 36px;box-shadow:0 18px 55px #1e202d17}.callback-card svg{fill:none;width:64px;stroke:var(--brand);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:18px}.callback-card--error svg{stroke:var(--red)}.callback-card h1{letter-spacing:-.5px;font-size:28px}.callback-card p{color:var(--text-soft);line-height:1.55}.callback-card .button{margin-top:14px}.callback-spinner{border:4px solid #e5e7ff;border-top-color:var(--brand);border-radius:50%;width:56px;height:56px;margin:0 auto 24px;animation:.85s linear infinite spin}@media (width<=980px){.brand__divider,.brand__tagline{display:none}.header-link{gap:0;font-size:0}.header-link svg{width:24px}.surface{padding:32px 24px}.integration-grid{grid-template-columns:1fr}.integration-row:nth-child(2){border-left:0;padding-left:4px}.integration-row{padding:12px 4px}}@media (width<=760px){.app-shell{gap:10px;padding:10px}.app-header{min-height:64px;padding:0 16px}.brand__mark{width:32px;height:32px}.brand__name{font-size:17px}.surface{border-radius:10px;min-height:calc(100vh - 164px);padding:28px 18px}.app-footer{min-height:64px;padding:0 18px;font-size:12px}h1{letter-spacing:-.75px;font-size:29px}.data-table-wrap{display:none}.mobile-domain-list{gap:10px;display:grid}.domain-card{border:1px solid var(--border);border-radius:9px;padding:15px}.domain-card__header{border-bottom:1px solid #eceef1;justify-content:space-between;align-items:center;gap:10px;padding-bottom:13px;display:flex}.domain-card__header>div{gap:4px;display:grid}.domain-card__header small{color:var(--text-soft)}.domain-card__row{justify-content:space-between;align-items:center;gap:12px;padding-top:13px;display:flex}.domain-card__row>span:first-child{align-items:center;gap:8px;font-size:13px;display:flex}.domain-card .integration-brand{width:28px;height:28px;box-shadow:none}.domain-card .integration-brand svg{width:21px;height:21px}.tooltip{display:none}.pagination-bar{align-items:flex-end}.page-size{gap:5px;font-size:12px;display:grid}.connect-heading{grid-template-columns:1fr}.back-square{margin-bottom:4px}.integration-panel{padding:16px 14px 0}.integration-row{flex-direction:column;align-items:flex-start;gap:12px;padding:15px 0}.integration-row:nth-child(2){padding-left:0}.integration-row__action{flex:none;width:100%}.connect-button,.connected-control{width:100%}.connect-actions{flex-direction:column-reverse;align-items:stretch}.connect-actions .button{width:100%}.modal{padding:24px 20px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}