:root{--ink:#17213a;--muted:#657189;--blue:#355de8;--line:#e1e6ef;--navy:#142648;--bg:#f5f7fb}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8aabff;outline-offset:3px}button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0}input,textarea,select{width:100%;border:1px solid #d6ddea;border-radius:10px;background:#fff;padding:13px 14px;color:var(--ink);min-width:0}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--blue)}label{display:block;font-weight:600;font-size:14px;margin:20px 0 9px}form button{margin-top:17px}h1,h2,p{margin-top:0}h1{letter-spacing:-1.8px;line-height:1.12;font-size:48px;font-weight:650}h2{font-size:25px;font-weight:650;letter-spacing:-.6px;line-height:1.25;margin-bottom:13px}.site{min-height:100vh;display:flex;flex-direction:column}.topbar{height:92px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 max(6vw,24px);background:#fff}.brand{display:flex;align-items:center;font-size:23px;font-weight:750;letter-spacing:-.8px}.brand-light{font-weight:400}.brand-icon{width:35px;height:35px;background:var(--blue);border-radius:10px;color:white;display:grid;place-items:center;margin-right:10px}.top-note{display:flex;gap:8px;color:var(--muted);font-size:14px}.customer-layout{width:min(1100px,88%);margin:auto;display:grid;grid-template-columns:1fr 1.12fr;gap:95px;padding:66px 0 45px}.eyebrow{color:var(--blue);font-size:12px;letter-spacing:1.9px;font-weight:750;display:block;margin-bottom:20px}.journey h1{font-size:54px;line-height:1.12;margin-bottom:21px}.journey h1 span{color:var(--blue)}.intro{color:var(--muted);max-width:340px}.steps{list-style:none;padding:0;margin:36px 0 34px}.steps li{display:flex;gap:17px;padding:0 0 25px;position:relative}.steps li:not(:last-child):before{position:absolute;content:'';top:40px;left:20px;bottom:3px;width:1px;background:#d9e1ef}.step-icon{height:41px;width:41px;flex:none;display:grid;place-items:center;border:1px solid #dce3ef;border-radius:13px;color:#7c89a0;background:#f9faff}.active .step-icon{color:var(--blue);background:#e8eeff;border-color:#d2ddff}.steps b{font-size:15px;font-weight:650}.steps p{color:var(--muted);font-size:14px;margin:4px 0 0}.support-note{display:flex;gap:12px;align-items:flex-start;color:var(--muted)}.support-note p{font-size:14px;margin:0}.support-note svg{margin-top:3px;flex:none}.activation-area{align-self:center}.card{background:white;border:1px solid var(--line);border-radius:22px;box-shadow:0 16px 45px -35px #29487355}.activation{padding:32px 34px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px}.pill{font-size:12px;font-weight:650;border:1px solid #dce5ff;background:#f1f5ff;color:#3d5caa;padding:5px 10px;border-radius:6px;display:inline-flex}.service-mark{font-size:16px;font-weight:650}.large-icon{height:63px;width:63px;border-radius:17px;background:var(--navy);color:#c6d6ff;display:grid;place-items:center;margin-bottom:26px;box-shadow:inset 0 0 0 5px #203557}.muted{color:var(--muted)}.activation .muted{font-size:15px;margin-bottom:24px}.activation textarea{font-family:Consolas,monospace;font-size:15px;letter-spacing:.3px;background:#fafbfe;min-height:86px}.activation textarea::placeholder{color:#8a96aa;font-size:14px}.primary,.secondary{padding:13px 20px;border-radius:10px;font-size:14px;font-weight:650;min-height:46px}.primary{background:var(--blue);color:white;box-shadow:0 4px 10px #355de820}.primary:hover:not(:disabled){background:#274ccd}.secondary{background:#f5f7fd;color:var(--ink);border:1px solid var(--line)}.secondary:hover:not(:disabled){background:#eaf0fc}.wide{width:100%}.small-note{font-size:12px;color:#7b879c;display:flex;align-items:center;justify-content:center;gap:7px;margin:20px 0 0}.below-card{display:flex;justify-content:center;gap:10px;color:var(--muted);padding:23px 10px 0}.below-card p{font-size:13px;margin:0}.below-card svg{margin-top:3px;flex:none}.footer{width:88%;margin:0 auto;padding:22px 0;display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);font-size:12px;color:#778299}.footer-divider{margin:0 12px;color:#b1bacb}.loading{display:flex;gap:12px;align-items:center;padding:80px 0;color:var(--muted)}.spin{animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{padding:13px 16px;color:#9f2837;background:#fff1f3;border:1px solid #f6d3d9;border-radius:10px;font-size:14px;margin:20px 0 0}.notice{padding:16px;color:#68501e;background:#fff8e8;border:1px solid #f2e3ba;border-radius:11px;font-size:14px;margin:24px 0 0}.good{display:flex;gap:9px;align-items:center;background:#eaf8f1;border-color:#c5e7d5;color:#26634c;margin-bottom:20px}.number-box{background:var(--navy);border-radius:14px;padding:20px;color:white;margin:25px 0 16px}.field-caption{font-size:13px;display:flex;align-items:center;gap:8px;color:#a7b9d8}.number-box>div{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:10px}.number-box strong{font-size:27px;font-family:Consolas,monospace;overflow-wrap:anywhere}.icon-button{width:38px;height:38px;border-radius:9px;background:#ffffff18;color:inherit;flex:none}.sms-box{border:1px dashed #ccd7eb;border-radius:14px;padding:20px}.sms-box .field-caption{color:var(--muted)}.sms-box p{font-size:14px;color:var(--muted);margin:14px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.empty-code{letter-spacing:4px;font-size:24px;color:#9eacc4;margin-top:14px}.success{background:#edfaf3;border:1px solid #c9e8d6}.success .field-caption{color:#27744b}.otp{display:flex;justify-content:space-between;margin-top:12px;align-items:center}.otp strong{font-family:Consolas,monospace;font-size:35px;letter-spacing:7px}.otp .icon-button{background:#d8eee1;color:#276448}.order-footer{margin-top:25px;display:flex;gap:10px;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.text-button{padding:3px 0;font-size:14px;background:transparent;color:var(--blue);text-align:left}.text-button:hover{text-decoration:underline}.admin-nav{display:flex;gap:25px;align-items:center;font-size:14px}.admin-nav>span{color:var(--muted)}.admin-nav a{color:var(--blue)}.admin-main{width:min(1200px,90%);margin:40px auto;flex:1}.admin-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.admin-title .eyebrow{margin-bottom:10px}.admin-title h1{font-size:34px;margin-bottom:10px}.admin-title p{font-size:14px;margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.stats>div{padding:21px 25px;background:#fff;border:1px solid var(--line);border-radius:15px}.stats span{display:block;font-size:14px;color:var(--muted)}.stats strong{display:block;font-size:34px;margin-top:8px;font-weight:600}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.admin-card{padding:28px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:17px}.section-title h2{font-size:21px;margin:0}.admin-card .muted{font-size:14px;margin-top:15px}.green{color:#27734b;background:#edf8f1;border-color:#d2e9db}.help{font-size:12px;color:var(--muted);margin:12px 0 0}.rule{height:1px;background:var(--line);margin:24px 0}.checkbox{display:flex;gap:12px;align-items:flex-start;font-size:14px;font-weight:400}.checkbox input{width:18px;height:18px;flex:none;margin-top:3px;accent-color:var(--blue)}.pause{margin-top:16px}.export-box{background:#f1f5ff;border:1px solid #dbe4ff;border-radius:13px;margin-top:25px;padding:20px}.export-box b{font-size:15px}.export-box p{font-size:14px;color:var(--muted);margin-top:8px}.export-box details{margin-top:15px;font-size:14px}.export-box summary{cursor:pointer}.codes{font-family:Consolas,monospace;font-size:12px;margin-top:12px}.orders-card{margin:25px 0;padding:25px}.orders-card .section-title{justify-content:space-between}.orders-card .muted{font-size:13px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;min-width:650px}th{color:var(--muted);font-size:12px;font-weight:550}td,th{padding:15px 12px;border-bottom:1px solid #eaf0f6}td small{display:block;color:var(--muted);margin-top:3px;font-size:12px}.mono{font-family:Consolas,monospace}.status{font-size:12px;white-space:nowrap;background:#f1f4fa;color:#637088;padding:5px 9px;border-radius:5px}.status-completed{background:#edf8f1;color:#27734b}.status-review,.status-expired,.status-cancelled{background:#fff3de;color:#895d15}.status-waiting{background:#edf2ff;color:#3f5fb7}.empty-table{color:var(--muted);text-align:center;padding:36px;margin:0;font-size:14px}.setup-card{max-width:580px;padding:35px}.setup-card h2{margin-top:20px}.setup-card .muted{font-size:15px}.locked{max-width:550px;margin:15vh auto;padding:40px}.locked h1{font-size:30px}.locked a{color:var(--blue)}
@media(min-width:1600px){.customer-layout{padding-top:90px;padding-bottom:90px}}@media(max-width:1000px){.customer-layout{gap:35px;width:90%}.journey h1{font-size:46px}.activation{padding:27px}.topbar{padding:0 5%}.footer{width:90%}.number-box strong{font-size:23px}}@media(max-width:720px){.topbar{height:75px}.top-note{font-size:12px}.top-note svg{display:none}.customer-layout{display:flex;flex-direction:column;padding:32px 0;gap:25px}.journey h1{font-size:36px;line-height:1.15;margin-bottom:12px}.journey h1 br{display:none}.journey h1 span{display:block}.eyebrow{margin-bottom:14px}.intro{font-size:14px;margin-bottom:0;max-width:100%}.steps{display:none}.support-note{display:none}.activation-area{width:100%}.activation{padding:24px}.card-heading{margin-bottom:26px}.large-icon{width:51px;height:51px;margin-bottom:20px}.footer{flex-direction:column;gap:7px;font-size:12px}.below-card{padding-top:17px}.admin-nav{gap:15px;font-size:12px}.admin-nav>span{display:none}.admin-main{margin-top:28px}.admin-title h1{font-size:28px;letter-spacing:-1px}.admin-title{align-items:flex-start}.admin-title>.secondary{padding:10px;min-width:40px;font-size:0}.stats{grid-template-columns:1fr 1fr;gap:10px}.stats>div{padding:16px}.stats strong{font-size:28px}.stats span{font-size:12px}.admin-grid{grid-template-columns:1fr}.admin-card{padding:23px}.orders-card{padding:20px}.section-title{flex-wrap:wrap}.order-footer{align-items:flex-start}.number-box strong{font-size:24px}.activation h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.spin{animation:none}}