*{box-sizing:border-box}body{margin:0;min-width:320px;background:#fff;color:#17202a;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}.app-shell{margin:0 auto;padding:36px 0 32px}.pay-page{text-align:center}.pay-brand{display:flex;align-items:center;justify-content:center}.pay-brand img{height:46px;width:auto}.pay-page h1{margin:18px 0 0;color:#0f1f3d;font-size:32px;line-height:1.15;letter-spacing:-.01em}.pay-sub{margin:10px 0 24px;color:#6b7686;font-size:15px}.pay-card{overflow:visible;border:1px solid #e8edf3;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(15,31,61,.08);text-align:left}.pay-form{display:grid;grid-gap:18px;gap:18px;padding:22px 20px 20px}.field-group{display:grid;grid-gap:8px;gap:8px}.field-group label{color:#3c4656;font-size:13.5px;font-weight:700}.amount-wrap select,.field-group input{width:100%;min-height:56px;border:1px solid #d5dce6;border-radius:12px;padding:10px 14px;color:#0f1f3d;background:#fff}.amount-wrap select:focus,.field-group input:focus{border-color:#007dff;outline:3px solid rgba(0,125,255,.15)}.amount-wrap{position:relative}.amount-wrap select{appearance:none;-webkit-appearance:none;font-size:26px;font-weight:800;padding-right:44px;cursor:pointer}.amount-caret{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#8a94a3;font-size:16px;pointer-events:none}.quick-amounts{display:grid;grid-gap:10px;gap:10px}.quick-amounts button{min-height:44px;border:1px solid transparent;background:#f1f4f9;color:#3c4656;font-weight:800;cursor:pointer}.quick-amounts button.active{border-color:#007dff;background:#007dff}.sel-machine{display:flex;align-items:center;grid-gap:12px;gap:12px;width:100%;min-height:68px;border:0;border-radius:14px;padding:10px 14px;background:#f2f6fc;cursor:pointer;text-align:left}.sel-machine:focus{outline:3px solid rgba(0,125,255,.2)}.sel-machine-icon{display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:#007dff}.you-get{display:flex;align-items:center;grid-gap:12px;gap:12px;border-radius:14px;padding:14px;background:#f2f6fc}.you-get-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;background:#fff}.you-get-text{flex:1 1;display:grid;grid-gap:2px;gap:2px;text-align:left}.you-get-text strong{color:#0f1f3d;font-size:14.5px}.you-get-text small{color:#6b7686;font-size:12.5px}.you-get-time{color:#007dff;font-size:20px;font-weight:800;white-space:nowrap}.pay-submit{display:flex;align-items:center;justify-content:center;grid-gap:10px;gap:10px;min-height:56px;border:0;padding:0 18px;color:#fff;background:#007dff;font-weight:800;font-size:16px;cursor:pointer}.pay-submit:disabled{background:#8fbef5;cursor:wait}.pay-secure{display:flex;align-items:center;justify-content:center;grid-gap:7px;gap:7px;margin:18px 0 0;color:#8a94a3;font-size:12.5px}.alert{border-radius:10px;padding:13px 15px;font-weight:700;font-size:14px}.alert-error{border:1px solid #efb0a7;background:#fff1ef;color:#9b2c1f}.m-select{position:relative}.m-select-btn{display:flex;align-items:center;grid-gap:10px;gap:10px;width:100%;min-height:52px;border:1px solid #c9d3e0;border-radius:10px;padding:8px 12px;background:#fff;cursor:pointer;text-align:left}.m-select-btn:focus{border-color:#007dff;outline:3px solid rgba(0,125,255,.18)}.m-name{flex:1 1;min-width:0;display:grid;color:#111827;font-weight:700}.m-name small{color:#8a94a3;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-caret{color:#007dff;font-size:16px;transition:transform .15s ease}.m-caret.open{transform:rotate(180deg)}.m-select-backdrop{position:fixed;inset:0;z-index:40}.m-options{position:absolute;z-index:50;left:0;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;border:1px solid #dbe4ef;border-radius:12px;background:#fff;box-shadow:0 16px 40px rgba(0,60,140,.18);max-height:260px;overflow:auto}.m-options button{display:flex;align-items:center;grid-gap:10px;gap:10px;width:100%;border:0;border-radius:9px;padding:10px;background:transparent;cursor:pointer;text-align:left}.m-options button:not(:disabled):hover{background:#f2f8ff}.m-options button.picked{background:#e3f0ff}.m-options button:disabled{cursor:not-allowed;opacity:.75}.m-empty{padding:14px;text-align:center;color:#8a94a3;font-size:13.5px}.m-select-loading{min-height:52px;display:flex;align-items:center;border:1px solid #dbe4ef;border-radius:10px;padding:0 14px;color:#8a94a3;font-size:14px;background:#f4f7fb}.m-badge{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;flex-shrink:0;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:800;letter-spacing:.02em}.m-badge i{width:8px;height:8px;border-radius:50%}.m-badge.online{background:#e3f6ec;color:#0f7a4d}.m-badge.online i{background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.18)}.m-badge.busy{background:#fdf3dd;color:#9a6a00}.m-badge.busy i{background:#d97706}.m-badge.offline{background:#f1f3f6;color:#8a94a3}.m-badge.offline i{background:#b6bfcb}.m-toast{position:sticky;top:12px;z-index:30;display:flex;align-items:center;grid-gap:9px;gap:9px;margin:0 auto 14px;max-width:560px;border-radius:12px;padding:11px 13px;background:#10233d;color:#fff;font-size:13.5px;font-weight:700;text-align:left;box-shadow:0 10px 26px rgba(0,40,90,.3);animation:m-toast-in .25s ease}@keyframes m-toast-in{0%{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}.app-shell:has(.qrph-page){width:min(920px,calc(100% - 32px))}.qrph-page{overflow:hidden;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.qrph-top{display:flex;align-items:center;justify-content:space-between;grid-gap:12px;gap:12px;padding:16px 22px;background:#0c3b2e;color:#fff}.qrph-merchant{font-weight:800;font-size:16px;letter-spacing:.01em;overflow-wrap:anywhere}.qrph-ref{display:grid;grid-gap:2px;gap:2px;text-align:right}.qrph-ref small{color:#bcd4c9;font-size:11.5px;font-weight:600}.qrph-ref strong{font-size:15px;overflow-wrap:anywhere}.qrph-grid{display:grid;grid-gap:24px;gap:24px;padding:26px 24px;text-align:left}@media (min-width:760px){.qrph-grid{grid-template-columns:1fr 1.1fr;align-items:start}}.qrph-refline{margin:0;color:#17202a;font-size:17px;font-weight:800;overflow-wrap:anywhere}.qrph-amount{margin:8px 0 0;color:#1d9e57;font-size:34px;font-weight:800;letter-spacing:-.01em}.qrph-desc{margin:14px 0 0;padding-top:14px;color:#17202a;font-size:15px}.qrph-desc,.qrph-rows{border-top:1px dashed #d5dce6}.qrph-rows{display:grid;margin-top:12px;padding-top:12px;color:#5b6675;font-size:14px}.qrph-rows div{padding:3px 0}.qrph-rows div,.qrph-total{display:flex;justify-content:space-between;grid-gap:12px;gap:12px}.qrph-total{align-items:baseline;margin-top:12px;padding-top:12px;border-top:1px dashed #d5dce6;color:#17202a;font-size:15px;font-weight:700}.qrph-meta{display:grid;grid-gap:8px;gap:8px;margin-top:16px;border:1px dashed #9db4cc;border-radius:10px;padding:10px 14px;font-size:13.5px}.qrph-meta div{display:flex;justify-content:space-between;grid-gap:12px;gap:12px}.qrph-meta span{color:#5b6675;font-weight:600}.qrph-meta strong{color:#111827;text-align:right}.qrph-card{border:1px solid #e2e8f0;border-radius:14px;padding:22px 20px 18px;background:#f1f5f9;text-align:center}.qrph-scan{margin:0;color:#17202a;font-size:15.5px;font-weight:600}.qrph-logo{font-weight:800;letter-spacing:.02em}.qrph-logo:before{content:"";display:inline-block;width:11px;height:11px;margin-right:3px;border-radius:3px 8px 3px 8px;background:linear-gradient(135deg,#0038a8 50%,#ce1126 0);vertical-align:initial}.qrph-wallets{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:6px;gap:6px;margin-top:10px}.qrph-wallets span{border-radius:999px;padding:3px 10px;background:#fff;border:1px solid #e2e8f0;color:#3c4656;font-size:11.5px;font-weight:800;letter-spacing:.02em}.qrph-more{margin:8px 0 0;color:#5b6675;font-size:12.5px}.qrph-qrwrap{position:relative;margin-top:18px}.qrph-timer{position:absolute;top:-14px;left:50%;transform:translateX(-50%);z-index:2;border-radius:999px;padding:4px 14px;background:#1d9e57;color:#fff;font-size:13px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.qrph-qr{display:inline-block;border:1px solid #e2e8f0;border-radius:12px;padding:16px;background:#fff;line-height:0}.qrph-dl{display:block;width:100%;min-height:44px;margin-top:14px;border:1px solid #d5dce6;border-radius:10px;background:#fff;color:#1f2a37;font-weight:700;font-size:13.5px;cursor:pointer}.qrph-dl:active{background:#eef1f5}.qrph-open{display:block;border-radius:10px;margin-top:10px;padding:12px 18px;color:#fff;font-weight:700;font-size:13.5px;text-decoration:none}.qrph-open:active{background:#0a3327}.qrph-copy{margin-top:10px;border:0;background:transparent;color:#5b6675;font-size:12.5px;font-weight:700;text-decoration:underline;cursor:pointer}.qrph-waiting{display:flex;align-items:center;justify-content:center;grid-gap:9px;gap:9px;margin:14px 0 0;color:#526071;font-size:13px;font-weight:600}.qrph-spinner{width:16px;height:16px;flex-shrink:0;border:2.5px solid #c9d3e0;border-top-color:#1d9e57;border-radius:50%;animation:qrph-spin .9s linear infinite}@keyframes qrph-spin{to{transform:rotate(1turn)}}.qrph-expired{margin:14px 0 0;border-radius:10px;padding:12px;background:#fdf3dd;color:#9a6a00;font-size:13px;font-weight:600}.qrph-success{display:grid;grid-gap:6px;gap:6px;border-radius:10px;padding:16px 13px;background:#e8f7ee;color:#0f7a4d;font-size:13.5px}.qrph-countdown{font-size:22px;font-weight:800}.qrph-refno{font-size:12.5px;overflow-wrap:anywhere}.qrph-alt{width:100%;min-height:46px;margin-top:14px;border:1px solid #d5dce6;border-radius:10px;background:#fff;color:#1f2a37;font-weight:700;font-size:13.5px;cursor:pointer}.qrph-note{margin:14px 0 0;color:#8a94a3;font-size:12px;line-height:1.5}.qrph-powered{margin:0;padding:14px 0 18px;color:#8a94a3;font-size:12.5px;text-align:center}@media (min-width:560px){h1{font-size:38px}}:root{color-scheme:light;--pay-ink:#12233f;--pay-muted:#61718a;--pay-line:#dce6f2;--pay-blue:#0878f9;--pay-blue-dark:#075fd0;--pay-wash:#f3f7fd}html{background:#f8faff}body,html{min-width:0}body{color:var(--pay-ink);background:radial-gradient(ellipse at 50% 0,rgba(220,237,255,.62),transparent 34rem),#f8faff;font-family:"Segoe UI","Aptos",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select{font-family:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(8,120,249,.35);outline-offset:3px}.app-shell{width:min(560px,calc(100% - 32px));padding:clamp(28px,6vw,64px) 0 36px}.pay-page h1{margin-top:16px;color:var(--pay-ink);font-family:"Segoe UI Semibold","Aptos Display","Segoe UI",Arial,sans-serif;font-size:clamp(28px,5.2vw,38px);font-weight:750;line-height:1.12;letter-spacing:-.035em}.pay-brand img{height:clamp(34px,8vw,42px)}.pay-sub{max-width:520px;margin:12px auto 24px;color:var(--pay-muted);font-size:clamp(14px,2.4vw,16px);line-height:1.55}.pay-card{border-color:var(--pay-line);border-radius:22px;box-shadow:0 18px 48px rgba(27,62,108,.09)}.pay-form{grid-gap:20px;gap:20px;padding:clamp(16px,4vw,24px)}.field-group{grid-gap:9px;gap:9px}.field-group>label,.field-label{color:#34445f;font-size:13px;font-weight:700;letter-spacing:.015em}.sel-machine{min-height:70px;border:1px solid #d5e4f6;border-radius:15px;padding:11px 13px;background:#f2f7ff;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.sel-machine:hover{border-color:#a9cdf8;background:#edf5ff}.sel-machine:focus-visible{outline:3px solid rgba(8,120,249,.2);outline-offset:2px}.sel-machine-icon{width:46px;height:46px;border-radius:13px;background:var(--pay-blue)}.m-name{color:#152541;font-size:15px;line-height:1.25}.m-name small{margin-top:2px;color:#71819a;font-size:12px}.m-options{max-height:min(280px,48vh);border-color:var(--pay-line);border-radius:15px;padding:7px;box-shadow:0 18px 42px rgba(24,53,91,.18)}.m-options button{min-height:54px;padding:10px 11px}.m-options .m-name{flex:1 1 120px}.machine-time-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid #cfe2ff;border-radius:999px;padding:6px 10px;background:#eaf3ff;color:#075fd0;font-size:12px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.2;white-space:nowrap}.m-options button.picked{background:#eaf3ff}.m-options button:disabled{opacity:.68}.m-badge{padding:6px 10px;font-size:11px;white-space:nowrap}.machine-feedback{display:flex;align-items:center;flex-wrap:wrap;grid-gap:7px;gap:7px;margin:0;color:#64738a;font-size:12.5px;line-height:1.45}.machine-feedback .machine-time-badge{padding:5px 10px;background:#e6f1ff;font-size:12.5px}.quick-amounts{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.quick-amounts button{min-width:0;min-height:48px;border-color:#e2eaf4;border-radius:12px;background:#f2f6fc;color:#33445f;font-size:14px;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.quick-amounts button:hover{border-color:#b7d5fb;background:#eaf3ff}.quick-amounts button:active{transform:translateY(1px)}.quick-amounts button.active{border-color:var(--pay-blue);background:var(--pay-blue);color:#fff;box-shadow:0 5px 13px rgba(8,120,249,.2)}.quick-amounts button:last-child{grid-column:1/-1;min-height:42px;border:1px dashed #c8d6e8;background:#fff;color:#52647e;font-size:13px}.quick-amounts button:last-child.active{border:1px solid var(--pay-blue);background:#eaf3ff;color:var(--pay-blue-dark);box-shadow:none}.custom-amount-wrap{display:flex;align-items:center;min-height:54px;border:1px solid #d5dce6;border-radius:12px;padding:0 14px;background:#fff;color:#60718a;font-size:18px;font-weight:700}.custom-amount-wrap:focus-within{border-color:var(--pay-blue);outline:3px solid rgba(8,120,249,.15)}.custom-amount-wrap input{width:100%;min-width:0;min-height:50px;border:0;outline:0;padding:8px 10px;color:var(--pay-ink);background:transparent;font-size:18px;font-weight:700}.custom-amount-wrap input:focus-visible{outline:0}.payment-summary{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);align-items:center;grid-gap:12px;gap:12px;border:1px solid #e6edf7;border-radius:15px;padding:13px;background:var(--pay-wash)}.payment-summary-item{display:flex;align-items:center;grid-gap:10px;gap:10px;min-width:0}.payment-summary-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:50%;background:#fff;color:var(--pay-blue);font-size:19px;font-weight:800}.payment-summary-icon.peso{border:1px solid #dceaff;color:#075fd0}.payment-summary-copy{display:grid;grid-gap:3px;gap:3px;min-width:0;text-align:left}.payment-summary-copy small{color:var(--pay-muted);font-size:11.5px;font-weight:600;line-height:1.25}.payment-summary-copy strong{color:var(--pay-ink);font-size:clamp(14px,3.8vw,18px);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.25;overflow-wrap:anywhere}.payment-summary-copy strong.time{color:var(--pay-blue)}.payment-summary-divider{width:1px;height:36px;background:#dce6f2}.payment-summary-copy .time{white-space:nowrap}.pay-submit{min-height:58px;border-radius:14px;background:var(--pay-blue);box-shadow:0 7px 16px rgba(8,120,249,.2);transition:background .14s ease,box-shadow .14s ease,transform .14s ease}.pay-submit:hover:not(:disabled){background:var(--pay-blue-dark);box-shadow:0 9px 20px rgba(8,120,249,.24)}.pay-submit:active:not(:disabled){transform:translateY(1px)}.pay-submit:disabled{background:#a8c9ef;box-shadow:none;cursor:not-allowed}.pay-secure{grid-gap:8px;gap:8px;margin-top:17px;color:#78879c;line-height:1.5}.m-toast{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;width:min(560px,calc(100% - 24px));margin:0;transform:translateX(-50%)}.m-toast-in{animation:m-toast-in .25s ease}.app-shell:has(.qrph-page){width:min(960px,calc(100% - 40px));padding-top:clamp(20px,5vh,48px)}.qrph-page{border-color:var(--pay-line);border-radius:20px;box-shadow:0 18px 48px rgba(27,62,108,.09)}.qrph-top{min-width:0;flex-wrap:wrap;padding:clamp(16px,3vw,22px) clamp(18px,4vw,28px)}.qrph-merchant,.qrph-ref,.qrph-ref strong{min-width:0;overflow-wrap:anywhere}.qrph-ref{max-width:58%}.qrph-grid{grid-gap:clamp(18px,4vw,28px);gap:clamp(18px,4vw,28px);padding:clamp(18px,4vw,30px)}.qrph-card{min-width:0;border-color:var(--pay-line);border-radius:16px;padding:clamp(16px,3vw,24px)}.qrph-meta{overflow:hidden}.qrph-meta div{min-width:0;flex-wrap:wrap}.qrph-meta strong{min-width:0;overflow-wrap:anywhere}.qrph-alt,.qrph-dl,.qrph-open{min-height:48px;display:flex;align-items:center;justify-content:center}.qrph-open{background:#0c3b2e}.qrph-alt:hover,.qrph-dl:hover{border-color:#aebed2;background:#f8fafc}@media (min-width:760px){.qrph-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}}@media (max-width:560px){.app-shell{width:min(100% - 24px,440px);padding-top:max(22px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.pay-sub{margin:10px auto 20px}.pay-form{grid-gap:17px;gap:17px;padding:16px}.sel-machine{min-height:64px;grid-gap:10px;gap:10px;padding:9px 10px}.sel-machine-icon{width:42px;height:42px}.quick-amounts{grid-gap:7px;gap:7px}.quick-amounts button{min-height:46px;font-size:13px}.qrph-page{border-radius:16px}.app-shell:has(.qrph-page){width:calc(100% - 24px);padding-top:max(12px,env(safe-area-inset-top))}.qrph-top{align-items:flex-start;flex-direction:column;grid-gap:10px;gap:10px}.qrph-ref{max-width:100%;text-align:left}.qrph-grid{grid-gap:16px;gap:16px;padding:16px}.qrph-amount{font-size:clamp(28px,9vw,36px)}.qrph-meta div{align-items:flex-start}.qrph-meta strong{text-align:left}}@media (max-width:360px){.app-shell{width:calc(100% - 20px)}.pay-form{padding:13px}.m-badge{grid-gap:5px;gap:5px;padding:5px 7px;font-size:10px}.payment-summary{grid-gap:8px;gap:8px;padding:10px}.payment-summary-item{grid-gap:7px;gap:7px}.payment-summary-icon{width:34px;height:34px;flex-basis:34px}.payment-summary-copy strong{font-size:13.5px}.payment-summary-copy small{font-size:10.5px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.c967c3b1.chunk.css.map */