@font-face{font-family:Inter;src:url('../../public/assets/miniapp/inter-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
/* Fonts are loaded from the original application, without a CDN. */
@font-face{font-family:Inter;src:url('../../public/assets/miniapp/inter-medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('../../public/assets/miniapp/inter-semibold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('../../public/assets/miniapp/inter-bold.woff2') format('woff2');font-style:normal;font-weight:700 900;font-display:swap}
:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20242d;background:#f6f7fa;font-synthesis:none;--accent:#cc3e35;--line:#e8e9ed;--muted:#707684}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit}svg{width:22px;height:22px;flex-shrink:0}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d85b5180;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.5}button{cursor:pointer}button svg{pointer-events:none}.skip-link{position:absolute;top:-100px;left:16px;padding:12px;background:white;z-index:10}.skip-link:focus{top:12px}.setup-shell{min-height:100vh;display:grid;grid-template-columns:328px minmax(0,1fr)}
.setup-sidebar{background:radial-gradient(ellipse at 5% 95%,#3b2227 0,transparent 60%),#171b22;color:#fff;display:flex;flex-direction:column;padding:39px 31px;position:sticky;top:0;height:100vh;min-height:710px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-weight:800;font-size:23px;letter-spacing:-.7px}.brand-mark{background:var(--accent);border-radius:15px;width:49px;height:49px;display:grid;place-items:center}.brand img{object-fit:contain}.brand small{display:block;color:#9197a4;font-size:9px;letter-spacing:2.4px;font-weight:600;margin-top:5px}.sidebar-intro{margin:51px 0 34px}.eyebrow{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:1.8px}.sidebar-intro .eyebrow{color:#dfac7b}.sidebar-intro h2{font-size:28px;line-height:1.3;letter-spacing:-.9px;margin:13px 0}.sidebar-intro p{font-size:12px;color:#9ca2af;line-height:1.85;max-width:235px}.step-list{list-style:none;padding:0;margin:0}.step-item{position:relative;padding-bottom:26px}.step-item:not(:last-child):before{content:"";position:absolute;left:17px;top:37px;bottom:1px;width:1px;background:#373b44}.step-item>a,.step-item>div{display:flex;gap:14px;align-items:center;text-decoration:none}.step-number{width:35px;height:35px;border:1px solid #444851;border-radius:12px;display:grid;place-items:center;color:#8b929f;font-size:12px;font-weight:700;flex-shrink:0}.step-number svg{width:17px;height:17px}.step-copy strong{display:block;font-size:12px;font-weight:600;color:#9ca2af;line-height:1.6}.step-copy small{font-size:10px;line-height:1.7;color:#6c7381}.step-item.current .step-number{background:var(--accent);border-color:var(--accent);color:white;box-shadow:0 0 0 5px #cc3e351b}.step-item.current .step-copy strong{color:#fff}.step-item.current .step-copy small{color:#b4bac5}.step-item.done .step-number{background:#2a3834;border-color:#3c5a4d;color:#9cd0b5}.step-item.done .step-copy strong{color:#b6c6bc}.sidebar-footer{display:flex;gap:11px;padding-top:20px;border-top:1px solid #343740;margin-top:auto;font-size:10px;line-height:1.8;color:#b5bac4}.sidebar-footer svg{width:18px;height:18px;color:#a8aeb9}.sidebar-footer small{display:block;font-size:9px;color:#727987}
.setup-content{min-width:0}.setup-topbar{height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);background:#ffffffa6;font-size:10px;font-weight:700;letter-spacing:1.3px;color:#9297a1}.topbar-status{background:white;border:1px solid var(--line);border-radius:30px;padding:8px 12px;display:flex;align-items:center;gap:7px;color:#626978;font-size:10px;letter-spacing:0;font-weight:500}.topbar-status i{width:6px;height:6px;background:#4e9d78;border-radius:50%}main{max-width:900px;margin:0 auto;padding:42px 48px 20px;outline:none}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:20px}.page-heading h1{font-size:31px;letter-spacing:-1.2px;margin:9px 0 9px;line-height:1.2}.page-heading p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}.heading-icon{display:grid;place-items:center;width:47px;height:47px;background:#fbeee9;color:var(--accent);border-radius:15px;flex-shrink:0}.heading-icon svg{width:24px;height:24px}.setup-card{background:white;border:1px solid #e6e7ed;border-radius:21px;box-shadow:0 8px 28px #1a213706;padding:29px;margin:0}.card-heading h2{font-size:16px;letter-spacing:-.35px;margin:0 0 9px}.card-heading p{color:var(--muted);font-size:11px;line-height:1.8;margin:0;max-width:560px}.check-list{margin-top:21px}.check-row{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #f0f1f4}.check-row:last-child{border-bottom:0}.check-symbol{height:28px;width:28px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.check-symbol svg{width:16px;height:16px}.pass .check-symbol{color:#28714d;background:#edf7f0}.fail .check-symbol{background:#fff0ee;color:#bd3f35}.pending .check-symbol,.optional .check-symbol{color:#a37222;background:#fff7e7}.check-copy{flex:1;min-width:0}.check-copy strong{display:flex;align-items:center;gap:7px;font-size:11px;line-height:1.7;font-weight:600}.check-copy strong small{font-size:8px;color:#9197a0;font-weight:500}.check-copy>span{display:block;font-size:10px;line-height:1.6;color:#848a97;margin-top:1px;overflow-wrap:anywhere}.check-badge{font-size:8px;font-weight:700;padding:5px 7px;border-radius:7px;white-space:nowrap;color:#397552;background:#f0f8f2}.fail .check-badge{color:#bb493f;background:#fff0ee}.pending .check-badge,.optional .check-badge{background:#fff7e7;color:#a37222}.help-block{background:#f7f8fa;border:1px solid #eceef2;border-radius:12px;padding:14px 15px;margin-top:20px}.help-block>strong{font-size:10px}.help-block p{color:#777d88;font-size:10px;line-height:1.9;margin:5px 0 0}.help-block code,.notice code{overflow-wrap:anywhere;font-size:.95em}.text-button{border:0;background:transparent;color:var(--accent);font-size:10px;font-weight:700;padding:8px 0 0}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:25px;padding-top:21px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:43px;padding:12px 17px;border-radius:11px;font-size:11px;font-weight:600;text-decoration:none;border:1px solid transparent;line-height:1.5;transition:background-color .15s,box-shadow .15s}.button svg{width:17px;height:17px}.button.primary{background:var(--accent);color:#fff;box-shadow:0 4px 8px #cc3e3518}.button.primary:not(:disabled):hover{background:#b4332b;box-shadow:0 5px 12px #cc3e3526}.button.secondary{background:#fff;border-color:#e2e5eb;color:#737a87}.button.secondary:hover{background:#f8f9fb}
.form-fields{display:flex;flex-direction:column;gap:19px;margin:25px 0}.field{display:flex;flex-direction:column;gap:8px;color:#414957;font-size:11px;font-weight:600;min-width:0}.field input{border:1px solid #dfe3ea;border-radius:10px;background:#fff;width:100%;min-height:44px;padding:11px 13px;color:#252c38;font-size:12px;line-height:1.6;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:#d06b63;box-shadow:0 0 0 3px #cc3e350c;outline:0}.field input::placeholder{color:#a7adba;font-size:11px}.field small,.field-note{color:#8b919e;font-size:10px;font-weight:400;line-height:1.7;margin:0}.password-field{display:flex;position:relative;align-items:center}.password-field input{padding-right:47px}.reveal{position:absolute;right:3px;height:38px;width:38px;border:0;border-radius:8px;background:transparent;color:#9298a5;display:grid;place-items:center}.reveal svg{width:18px;height:18px}.reveal:hover{color:#3e4653;background:#f4f5f7}.checkbox-field{display:flex;gap:10px;align-items:flex-start;font-size:11px;color:#59606e;line-height:1.7}.checkbox-field input{width:16px;height:16px;margin:1px 0 0;accent-color:var(--accent);flex-shrink:0}.checkbox-field strong{font-size:11px;color:#4b5260;font-weight:600}.checkbox-field small{display:block;font-size:10px;color:#9399a4;font-weight:400;line-height:1.8;margin-top:3px;overflow-wrap:anywhere}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.host-grid{grid-template-columns:minmax(0,1fr) 115px}.notice{display:flex;gap:12px;align-items:flex-start;border:1px solid;border-radius:13px;padding:17px;margin:0 0 20px;font-size:11px;line-height:1.8}.notice svg{width:19px;height:19px;margin-top:2px}.notice strong{font-size:11px;font-weight:700;display:block}.notice p{margin:4px 0 0;font-size:11px;line-height:1.9;overflow-wrap:anywhere}.notice.error{background:#fff3f0;border-color:#f5d4cc;color:#a33d30}.notice.warning{background:#fffaee;border-color:#efdfb9;color:#8b642a}.notice.success{background:#f1f9f4;border-color:#cfe5d7;color:#357652}.notice.compact{padding:12px;margin:17px 0 0}.notice.compact p{margin:0}.notice.compact strong{display:inline}.setup-card>.notice.warning{margin-bottom:0}.review-box{padding:18px;border-radius:12px;border:1px solid #e9ebef;background:#fafbfc}.review-box .eyebrow{font-size:8px;color:#858c99}.review-box dl{margin:12px 0;display:grid;gap:9px}.review-box dl>div{display:flex;justify-content:space-between;gap:16px;font-size:10px;line-height:1.7}.review-box dt{color:#8c93a1;flex-shrink:0}.review-box dd{margin:0;color:#454e5e;text-align:right;overflow-wrap:anywhere;min-width:0}.review-box>p{font-size:10px;color:#828a99;line-height:1.8;border-top:1px solid var(--line);padding-top:12px;margin:0}.completion-card{text-align:center;padding:38px 30px}.completion-mark{height:66px;width:66px;border-radius:23px;background:#edf7f0;color:#38845b;display:grid;place-items:center;margin:0 auto 23px;box-shadow:0 0 0 8px #f6fbf7}.completion-mark svg{height:29px;width:29px}.completion-card>.eyebrow{font-size:9px;color:#3e8a61}.completion-card h2{font-size:25px;letter-spacing:-.8px;margin:12px 0}.completion-card>p{color:#858c9a;font-size:12px;line-height:1.8;max-width:420px;margin:0 auto 24px}.completion-account{display:flex;justify-content:space-between;background:#f8f9fb;border:1px solid var(--line);border-radius:12px;padding:13px 16px;max-width:330px;gap:14px;margin:0 auto 23px;font-size:11px;line-height:1.6}.completion-account span{color:#8a929e}.completion-account strong{overflow-wrap:anywhere;min-width:0}.delete-warning{margin-top:22px;padding:20px}.delete-warning>div>strong{font-size:12px}.next-steps{padding:4px 3px}.next-steps h3{font-size:12px;margin:0 0 12px}.next-steps p{font-size:11px;color:#858d9a;line-height:1.9;margin:9px 0}.next-steps code{overflow-wrap:anywhere;font-size:10px}.next-steps .webhook-ok{display:flex;align-items:center;gap:8px;color:#3e8a61}.webhook-ok svg{width:15px;height:15px}.content-footer{display:flex;justify-content:space-between;gap:14px;color:#a6acb6;font-size:8px;line-height:1.8;margin-top:27px;padding:0 2px}
@media(min-width:1450px){.setup-shell{grid-template-columns:365px minmax(0,1fr)}.setup-sidebar{padding:45px}.setup-topbar{padding:0 8%}main{padding-top:53px;max-width:930px}.page-heading{margin-bottom:33px}.setup-card{padding:33px}}
@media(max-width:1100px){.setup-shell{grid-template-columns:275px minmax(0,1fr)}.setup-sidebar{padding:31px 25px}.sidebar-intro h2{font-size:24px}main{padding:34px 30px 20px}.page-heading h1{font-size:28px}.setup-card{padding:23px}.field-grid:not(.host-grid){grid-template-columns:1fr}}
@media(max-width:780px){.setup-shell{display:block}.setup-sidebar{height:auto;min-height:0;position:static;padding:24px}.brand{font-size:20px}.brand-mark{width:42px;height:42px;border-radius:13px}.brand img{width:28px;height:28px}.sidebar-intro,.sidebar-footer{display:none}.step-list{display:flex;justify-content:space-between;margin-top:26px;gap:5px}.step-item{padding:0;flex:1;min-width:0}.step-item>a,.step-item>div{flex-direction:column;gap:9px}.step-item:not(:last-child):before{left:calc(50% + 23px);right:calc(-50% + 23px);top:17px;width:auto;height:1px;bottom:auto}.step-copy small{display:none}.step-copy strong{font-size:9px;text-align:center;line-height:1.6}.step-number{border-radius:11px;width:34px;height:34px}.setup-topbar{height:59px;padding:0 25px;font-size:8px}.topbar-status{font-size:9px;padding:7px 10px}main{padding:29px 23px 20px;max-width:640px}.page-heading{margin-bottom:23px}.page-heading h1{font-size:28px}.page-heading p{font-size:11px}.heading-icon{width:41px;height:41px}.setup-card{border-radius:17px;padding:22px}.check-row{gap:9px;padding:13px 0}.check-copy strong{font-size:10px;flex-wrap:wrap;gap:2px 5px}.check-copy>span{font-size:9px}.check-badge{font-size:7px;padding:5px 6px}.check-copy strong small{font-size:7px}.check-symbol{height:25px;width:25px}.field-grid:not(.host-grid){grid-template-columns:1fr}.content-footer{font-size:7px;margin-top:24px}.completion-card{padding:32px 22px}.completion-card h2{font-size:24px}}
@media(max-width:400px){.setup-sidebar{padding:21px 16px}.step-copy strong{font-size:8px}.step-item:not(:last-child):before{left:calc(50% + 21px);right:calc(-50% + 21px)}main{padding:25px 14px 18px}.setup-topbar{padding:0 16px}.setup-card{padding:18px}.card-actions{gap:9px}.card-actions .button{font-size:10px;min-height:42px;padding:11px 12px;gap:7px}.check-badge{max-width:57px;text-align:center;white-space:normal}.heading-icon{display:none}.content-footer{flex-direction:column;gap:4px}.host-grid{grid-template-columns:minmax(0,1fr) 85px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}