:root{--turq:#18d0bf;--mag:#ff447f;--vio:#8f52b2;--grad:linear-gradient(100deg,#18d0bf 0%,#8f52b2 52%,#ff447f 100%);--ink:#000000;--gray:#9b9b9b;--gray-d:#5e5e5e;--line:#e7e7ea;--line-2:#f1f1f3;--paper:#f7f7f9;--white:#fff;--turq-bg:#e3faf7;--mag-bg:#ffe7ef;--vio-bg:#f1e9f6;--radius:16px;--radius-sm:10px}*{box-sizing:border-box}html,body{margin:0}body{font-family:Roboto Mono,monospace;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-size:14px}h1,h2,h3,h4,.dm{font-family:DM Sans,sans-serif}.mono-cap{font-family:Roboto Mono,monospace;text-transform:uppercase;letter-spacing:.12em}.pill-grad{position:relative;display:inline-block;padding:0 .28em;z-index:0;color:var(--ink)}.pill-grad:before{content:"";position:absolute;top:.06em;right:-.04em;bottom:.06em;left:-.04em;background:var(--grad);border-radius:1em;z-index:-1;opacity:.92}.node{display:inline-block;vertical-align:middle}.wrap{max-width:1200px;margin:0 auto;padding:26px 22px 70px}.hidden{display:none!important}.view{animation:fade .25s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.app-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 22px;background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60}.brand{display:flex;align-items:center;gap:10px}.brand .name{font-family:DM Sans;font-weight:800;font-size:20px;letter-spacing:-.02em;line-height:1}.brand .claim{font-family:Roboto Mono;font-size:8px;letter-spacing:.18em;color:var(--gray);text-transform:uppercase;margin-top:2px}.seg{display:inline-flex;background:var(--line-2);padding:4px;border-radius:11px;gap:3px}.seg button{border:0;background:transparent;padding:8px 15px;border-radius:8px;font-family:DM Sans;font-size:13px;font-weight:700;color:var(--gray-d);cursor:pointer;transition:.15s}.seg button.on{background:var(--white);color:var(--ink);box-shadow:0 1px 3px #00000024}.btn{border:0;border-radius:12px;padding:14px 18px;font-family:DM Sans;font-size:14px;font-weight:700;cursor:pointer;transition:.15s}.btn-grad{background:var(--grad);color:#fff;box-shadow:0 8px 20px -10px #8f52b2b3}.btn-grad:hover{filter:brightness(1.05)}.btn-grad:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.btn-ghost{background:var(--white);color:var(--gray-d);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--vio);color:var(--ink)}.btn-block{width:100%}.pill{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:20px}.pill.g{background:var(--turq-bg);color:#0a7d6e}.pill.v{background:var(--vio-bg);color:#5e2e7e}.pill.r{background:var(--mag-bg);color:#a01f4d}.pill.a{background:#fbf1dd;color:#8a6314}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1.5px solid var(--line);background:#fff;border-radius:9px;padding:10px 14px;font-family:DM Sans;font-weight:700;font-size:13px;cursor:pointer;transition:.15s}.chip:hover{border-color:var(--vio)}.chip.sel{border-color:transparent;box-shadow:0 0 0 2px var(--vio);background:var(--vio-bg)}.callout{border-radius:var(--radius-sm);padding:13px 15px;font-size:12.5px;line-height:1.5}.callout.info{background:var(--vio-bg);border:1px solid #ddc9ea;color:#5e2e7e}.callout.success{background:var(--turq-bg);border:1px solid #a9ecdf;color:#0a7d6e}.callout.danger{background:var(--mag-bg);border:1px solid #f6c4d5;color:#a01f4d}.btn:focus-visible,.chip:focus-visible{outline:2px solid var(--vio);outline-offset:2px}.kiosk-stage{display:flex;justify-content:center;padding:10px 0}.kiosk-note{display:none;background:var(--vio-bg);border:1px solid #ddc9ea;color:#5e2e7e;border-radius:var(--radius);padding:12px 15px;font-size:12px;line-height:1.5;margin-bottom:14px;text-align:center}@media (max-width:760px){.kiosk-note{display:block}}.device-h{width:min(1280px,100%)}.device-h .bezel{display:none}.screen-h{background:var(--white);border-radius:16px;border:1px solid var(--line);box-shadow:0 24px 60px -30px #00000040;overflow:hidden;height:min(800px,calc(100vh - 90px));display:flex;flex-direction:column;position:relative}.kh-head{display:flex;align-items:center;justify-content:space-between;padding:18px 30px;border-bottom:1px solid var(--line)}.kh-head .loc{font-size:13px;color:var(--gray);letter-spacing:.08em;text-transform:uppercase}.kh-head .clk{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.conn{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gray-d);background:var(--turq-bg);border:1px solid #a9ecdf;border-radius:8px;padding:7px 12px}.conn .dot{width:8px;height:8px;border-radius:50%;background:var(--turq);box-shadow:0 0 0 3px #18d0bf33}.conn.local{background:#fff7e6;border-color:#f0dca8;color:#8a6314}.conn.local .dot{background:#d99a1c;box-shadow:0 0 0 3px #d99a1c33;animation:blink 1.4s infinite}.kh-body{flex:1;display:flex;overflow:hidden}.kh-main{flex:1;padding:26px 30px;overflow:hidden;display:flex;flex-direction:column}.kh-fill{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}.kh-side{width:38%;max-width:330px;background:var(--paper);border-left:1px solid var(--line);padding:24px;display:flex;flex-direction:column}.kh-side-center{justify-content:center}.kh-side-center .side-actions{margin-top:22px}.kh-h{font-family:DM Sans;font-weight:800;font-size:30px;line-height:1.05;letter-spacing:-.02em;margin:0 0 8px}.kh-sub{color:var(--gray-d);font-size:13px;line-height:1.55;margin:0 0 22px;white-space:nowrap}.opt-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.opt-row>.opt:only-child{grid-column:1 / -1}.opt{display:flex;flex-direction:column;gap:18px;align-items:flex-start;text-align:left;border:1.5px solid var(--line);background:var(--white);border-radius:var(--radius);padding:24px;cursor:pointer;font-family:inherit;transition:.15s;height:100%;min-width:0;overflow:hidden}.opt:hover{border-color:var(--vio);background:var(--vio-bg);transform:translateY(-3px);box-shadow:0 18px 34px -16px #8f52b28c}.opt:active{transform:translateY(-1px);box-shadow:0 8px 16px -10px #8f52b280}.opt .ic{width:50px;height:50px;border-radius:14px;background:var(--grad);display:grid;place-items:center;color:#fff;flex-shrink:0}.opt .txt{display:flex;flex-direction:column;gap:6px}.opt .t{font-family:DM Sans;font-weight:700;font-size:18px}.opt .d{font-size:14px;color:var(--gray);line-height:1.5;white-space:nowrap}.opt-row.fill{margin-top:14px}.opt-row.fill .d{white-space:normal;max-width:320px}.home-cards .opt{align-items:flex-start;justify-content:flex-start}.sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kh-main-full .sizes{gap:22px;margin-top:14px}.sizes.fill{flex:1;grid-template-rows:1fr}.sizes.fill .scard-fit{flex:1}.sizes.fill .scard-fit svg{height:70%}.size-actions{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:34px 0 14px;border-top:1px solid var(--line)}.scard-wrap{display:flex;flex-direction:column;gap:8px;min-width:0}.scard{border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:15px;background:var(--white);cursor:pointer;font-family:inherit;text-align:left;transition:.15s;position:relative;width:100%}.scard:hover{border-color:var(--vio)}.scard.sel{border-color:transparent;box-shadow:0 0 0 2px var(--vio);background:var(--vio-bg)}.scard.out{opacity:.45;pointer-events:none}.scard .nm{font-family:DM Sans;font-weight:700;font-size:18px}.scard .dim{font-size:11px;color:var(--gray);margin:4px 0 8px;letter-spacing:.02em}.scard .cap{font-size:12px;color:var(--gray-d);line-height:1.4;margin-bottom:10px;min-height:28px}.scard .from{font-size:12px;color:var(--gray-d)}.scard .from b{font-family:DM Sans;font-weight:800;font-size:22px;color:var(--ink)}.scard .av{font-size:11px;font-weight:700;color:var(--turq);margin-top:7px;text-transform:uppercase;letter-spacing:.06em}.scard.out .av{color:var(--mag)}.scard-clear{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;border:none;background:var(--mag);color:#fff;font-size:12px;line-height:1;display:grid;place-items:center;cursor:pointer;padding:0}.scard-clear:hover{filter:brightness(1.08)}.scard-fit{border-radius:var(--radius-sm);background:var(--paper);padding:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0}.day-stepper{border-radius:999px;cursor:default}.day-controls{display:flex;align-items:center;gap:14px}.day-btn{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);background:var(--white);font-family:DM Sans;font-size:18px;font-weight:700;cursor:pointer;transition:.15s;line-height:1;flex-shrink:0}.day-btn:hover:not(:disabled){border-color:var(--vio);color:var(--vio)}.day-btn:disabled{opacity:.35;cursor:not-allowed}.day-count{font-family:DM Sans;font-weight:700;font-size:14px;min-width:52px;text-align:center}.bands{display:grid;gap:10px}.bands.fill{flex:1;margin-top:10px;grid-auto-rows:1fr;gap:14px}.bnd{display:flex;align-items:center;justify-content:space-between;border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:10px 22px;background:var(--white);cursor:pointer;font-family:inherit;transition:.15s;min-height:0}.bnd:hover{border-color:var(--vio)}.bnd.sel{border-color:transparent;box-shadow:0 0 0 2px var(--vio);background:var(--vio-bg)}.bnd-main{display:flex;align-items:center;gap:16px}.bnd .ic{width:50px;height:50px;border-radius:14px;background:var(--grad);display:grid;place-items:center;color:#fff;flex-shrink:0}.bnd .lab{font-family:DM Sans;font-weight:700;font-size:18px}.bnd .sub{font-size:13px;color:var(--gray)}.bnd .amt{font-family:DM Sans;font-weight:800;font-size:20px}.bands.fill .day-controls{gap:16px}.bands.fill .day-btn{width:40px;height:40px;font-size:20px}.bands.fill .day-count{font-size:16px;min-width:60px}.sum-title{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gray);margin-bottom:14px}.sum-row{display:flex;justify-content:space-between;font-size:13px;padding:7px 0;color:var(--gray-d);gap:10px}.sum-row b{color:var(--ink);font-family:DM Sans}.sum-tot{margin-top:8px;padding-top:12px;border-top:1px dashed var(--line);display:flex;justify-content:space-between;align-items:baseline}.sum-tot .l{font-family:DM Sans;font-weight:700}.sum-tot .v{font-family:DM Sans;font-weight:800;font-size:26px;letter-spacing:-.02em}.receipt{border:1.5px solid var(--line);border-radius:14px;padding:26px;max-width:440px;margin-top:20px}.receipt .sum-row{font-size:14px;padding:9px 0}.receipt .sum-tot .v{font-size:30px}.pm-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.kh-side .pm-logo{padding:7px 10px}.side-actions{margin-top:auto;display:grid;gap:9px}.ret-cols{display:flex;gap:30px;height:100%}.ret-c{position:relative;flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;border:1.5px solid var(--line);border-radius:var(--radius);padding:22px;cursor:pointer;transition:.15s}.ret-c:hover{border-color:var(--vio)}.ret-c svg{width:110px;height:110px}.ret-c .lab{font-family:DM Sans;font-weight:700;font-size:22px}.ret-c .d{font-size:14px;color:var(--gray);text-align:center;white-space:nowrap}.card-badge{position:absolute;top:14px;right:14px;background:var(--grad);color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:20px}.support-panel{border:1.5px solid var(--line);border-radius:var(--radius);padding:20px;background:var(--white);display:flex;flex-direction:column;gap:11px}.support-title{font-family:DM Sans;font-weight:800;font-size:16px;margin:0;letter-spacing:-.01em}.support-action{display:flex;align-items:center;gap:11px;border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;font-family:DM Sans;font-weight:700;font-size:13px;color:var(--ink);line-height:1.4}.support-ic{width:32px;height:32px;border-radius:9px;background:var(--grad);display:grid;place-items:center;flex-shrink:0}.support-ic.wa{background:none;width:34px;height:34px}.support-qr{display:flex;justify-content:center;padding-top:2px}.qr{width:150px;height:150px;border:1px solid var(--line);border-radius:12px;padding:11px;background:#fff;flex-shrink:0}.support-qr .qr{width:88px;height:88px;padding:8px}.pin-disp{display:flex;gap:10px;justify-content:center}.pin-cell{width:46px;height:56px;border:1.5px solid var(--line);border-radius:10px;display:grid;place-items:center;font-family:DM Sans;font-size:26px;font-weight:800}.pin-cell.full{border-color:var(--vio);background:var(--vio-bg)}.keypad{display:grid;grid-template-columns:repeat(3,64px);gap:9px}.key{border:1.5px solid var(--line);background:#fff;border-radius:11px;padding:13px 0;font-family:DM Sans;font-size:20px;font-weight:700;cursor:pointer;transition:.1s}.key:hover{background:var(--paper)}.key:active{transform:scale(.95)}.key.alt{font-size:12px;color:var(--vio)}.excess-note{align-self:flex-start;max-width:100%;background:var(--mag-bg);border:1px solid #f6c4d5;color:#a01f4d;border-radius:var(--radius-sm);padding:13px 15px;font-size:13px;line-height:1.5;margin-bottom:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.access-note{align-self:flex-start;max-width:100%;background:var(--turq-bg);border:1px solid #a9ecdf;color:#0a7d6e;border-radius:var(--radius-sm);padding:13px 15px;font-size:13px;line-height:1.5;margin-bottom:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ok-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;gap:14px}.ok-ring{width:130px;height:130px;border-radius:50%;background:var(--turq-bg);display:grid;place-items:center;margin-bottom:6px;animation:pop .4s cubic-bezier(.2,1.3,.5,1)}.ok-ring svg{width:62px;height:62px}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.ok-hint{color:var(--gray);font-size:15px;white-space:nowrap}.door-row{display:flex;align-items:center;gap:14px;margin:8px 0 6px}.door-row svg{width:46px;height:46px}.door-num{font-family:DM Sans;font-weight:800;font-size:60px;letter-spacing:-.03em}.door-row.multi svg{width:34px;height:34px}.door-row.multi .door-num{font-size:34px}.door-msg{font-family:DM Sans;font-size:20px;white-space:nowrap}.stage-title{font-family:DM Sans;font-weight:800;font-size:24px}.pin-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}@keyframes blink{50%{opacity:.35}}.wiz{display:flex;align-items:center;gap:0;margin-bottom:26px}.wiz-step{display:flex;align-items:center;gap:9px;font-family:DM Sans;font-size:14px;font-weight:700;color:var(--gray)}.wiz-num{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;background:var(--line-2);color:var(--gray);flex-shrink:0;transition:background .2s,color .2s}.wiz-step.active{color:var(--ink)}.wiz-step.active .wiz-num{background:var(--vio);color:#fff}.wiz-step.done{color:var(--turq)}.wiz-step.done .wiz-num{background:var(--turq-bg);color:#0a7d6e}.wiz-conn{flex:1;height:1.5px;background:var(--line);margin:0 10px;max-width:44px}.tpv-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:36px}.tpv-illustration{width:128px;height:157px}.tpv-wave{display:flex;gap:6px;align-items:flex-end;height:30px}.tpv-wave span{width:5px;border-radius:2px;background:var(--grad);animation:nl-wave 1.2s ease-in-out infinite}.tpv-wave span:nth-child(1){height:11px;animation-delay:0s}.tpv-wave span:nth-child(2){height:22px;animation-delay:.15s}.tpv-wave span:nth-child(3){height:30px;animation-delay:.3s}.tpv-wave span:nth-child(4){height:22px;animation-delay:.45s}.tpv-wave span:nth-child(5){height:11px;animation-delay:.6s}@keyframes nl-wave{0%,to{transform:scaleY(.5);opacity:.5}50%{transform:scaleY(1);opacity:1}}@keyframes nl-tpvscan{0%,to{transform:translateY(0)}50%{transform:translateY(30px)}}.tpv-hint{font-size:16px;color:var(--gray);line-height:1.6;white-space:nowrap}.pay-badges{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center}.pm-logo{display:inline-flex;align-items:center;justify-content:center;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:10px 18px;min-height:26px}.payok-ring{width:130px;height:130px;border-radius:50%;background:var(--turq-bg);display:grid;place-items:center;animation:pop .4s cubic-bezier(.2,1.3,.5,1)}.payok-ring svg{width:58px;height:58px}.payok-check{stroke-dasharray:32;stroke-dashoffset:32;animation:nl-draw .5s .35s ease forwards}@keyframes nl-draw{to{stroke-dashoffset:0}}@media (max-width:900px){.ret-cols{flex-direction:column}.device-h{width:100%}.screen-h{height:auto;overflow:visible}.kh-body{flex-direction:column;overflow:visible}.kh-main{overflow:visible}.kh-side{width:100%;max-width:none;border-left:0;border-top:1px solid var(--line);overflow:visible}.kh-sub,.opt .d,.scard .cap,.ret-c .d,.excess-note,.access-note,.ok-hint,.door-msg,.tpv-hint{white-space:normal}}@media (max-width:480px){.sizes{grid-template-columns:repeat(2,1fr)}.opt-row{grid-template-columns:1fr}}@media (max-height:850px){.kiosk-app:not(.kiosk-hardware) .kh-main{overflow:auto}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.ka-popup{border-radius:18px!important;padding:28px 24px 24px!important;font-family:inherit!important;width:min(380px,100%)!important}.ka-title{font-family:DM Sans;font-weight:800!important;font-size:18px!important;padding:0!important;margin:4px 0 8px!important}.ka-text{font-size:13px!important;color:var(--gray-d)!important;line-height:1.55!important}.ka-icon{margin:0 auto 4px!important;transform:scale(.75)}.ka-icon.swal2-question,.ka-icon.swal2-warning{border-color:var(--vio)!important;color:var(--vio)!important}.ka-icon.swal2-error{border-color:var(--mag)!important}.ka-icon.swal2-error .swal2-x-mark-line-left,.ka-icon.swal2-error .swal2-x-mark-line-right{background-color:var(--mag)!important}.ka-icon.swal2-success{border-color:var(--turq)!important}.ka-icon.swal2-success .swal2-success-ring{border-color:var(--turq-bg)!important}.ka-icon.swal2-success [class^=swal2-success-line]{background-color:var(--turq)!important}.ka-actions{width:100%!important;gap:10px;margin-top:18px!important}.ka-actions .btn{flex:1;margin:0!important}.ka-toast{border-radius:14px!important;box-shadow:0 18px 40px -18px #00000059!important;padding:10px 16px!important}.ka-toast-title{font-family:DM Sans;font-weight:700!important;font-size:14px!important}.kiosk-hardware,.home-full{max-width:none;margin:0;padding:0}.kiosk-hardware .kiosk-note,.home-full .kiosk-note{display:none}.kiosk-hardware .kiosk-stage,.home-full .kiosk-stage{padding:0;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center}.kiosk-hardware .device-h,.home-full .device-h{width:1280px;max-width:none;background:none;border-radius:0;padding:0;box-shadow:none;flex-shrink:0}.kiosk-hardware .device-h .bezel,.home-full .device-h .bezel{display:none}.kiosk-hardware .screen-h,.home-full .screen-h{width:1280px;height:800px;aspect-ratio:auto;border-radius:0;border:0;box-shadow:none}.home-full .kh-main{padding:22px 40px;justify-content:flex-start;align-items:stretch}.home-full .kh-h{max-width:none}.home-full .kh-sub{max-width:none;margin-bottom:16px}.home-full .opt-row{max-width:none;width:100%;margin-top:20px}