:root{--pay-blue-700:#0a4f94;--pay-blue-600:#0b5cab;--pay-blue-100:#e3effb;--pay-blue-50:#f2f7fd;--pay-ink-900:#16202b;--pay-ink-700:#3b4856;--pay-ink-500:#667585;--pay-line:#d5dce4;--pay-surface:#fff;--pay-page:#eef2f6;--pay-green-700:#17703a;--pay-green-50:#e8f6ed;--pay-red-700:#a8261b;--pay-red-50:#fdecea;--pay-amber-800:#7a4b00;--pay-amber-100:#fff1cc;--pay-amber-300:#f0c555;--pay-method-edge:#8a949e;--pay-method-on:#e6f6ec;--pay-method-on-edge:#3fa765;--pay-radius:10px;--pay-radius-sm:6px;--pay-shadow:0 1px 2px #16202b0f, 0 6px 20px #16202b12;--pay-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--pay-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*,:before,:after{box-sizing:border-box}html,body{background:var(--pay-page);color:var(--pay-ink-900);font-family:var(--pay-font);margin:0;font-size:16px;line-height:1.45}.pay-shell{flex-direction:column;min-height:100vh;display:flex}.pay-top{background:var(--pay-blue-600);color:var(--pay-surface);padding:14px 20px}.pay-top-inner{align-items:center;gap:10px;max-width:620px;margin:0 auto;display:flex}.pay-logo{flex:none;width:30px;height:30px}.pay-brand{letter-spacing:.2px;font-size:20px;font-weight:700}.pay-tag{opacity:.9;margin-left:auto;font-size:13px}.pay-test{background:var(--pay-amber-100);border-bottom:1px solid var(--pay-amber-300);color:var(--pay-amber-800);text-align:center;padding:8px 16px;font-size:14px;font-weight:600}.pay-main{flex:1;width:100%;max-width:620px;margin:0 auto;padding:20px 14px 32px}.pay-card{background:var(--pay-surface);border:1px solid var(--pay-line);border-radius:var(--pay-radius);box-shadow:var(--pay-shadow);padding:22px 22px 24px}.pay-card+.pay-card{margin-top:14px}.pay-h1{margin:0 0 4px;font-size:22px;font-weight:700}.pay-h2{margin:0 0 12px;font-size:16px;font-weight:700}.pay-sub{color:var(--pay-ink-700);margin:0 0 18px;font-size:15px}.pay-muted{color:var(--pay-ink-500);font-size:13px}.pay-field{margin-bottom:14px}.pay-label{color:var(--pay-ink-900);margin-bottom:5px;font-size:14px;font-weight:600;display:block}.pay-hint{color:var(--pay-ink-500);margin-top:4px;font-size:13px;display:block}.pay-input{width:100%;font:inherit;color:inherit;border:1px solid var(--pay-line);border-radius:var(--pay-radius-sm);background:var(--pay-surface);padding:10px 12px}.pay-input:focus{outline:2px solid var(--pay-blue-600);outline-offset:1px;border-color:var(--pay-blue-600)}.pay-input[aria-invalid=true]{border-color:var(--pay-red-700)}.pay-input-mono{font-family:var(--pay-mono);letter-spacing:.5px}.pay-field-error{color:var(--pay-red-700);margin-top:4px;font-size:13px;display:block}.pay-row{gap:12px;display:flex}.pay-row>.pay-field{flex:1;min-width:0}.pay-btn{width:100%;font:inherit;color:var(--pay-surface);background:var(--pay-blue-600);border-radius:var(--pay-radius-sm);cursor:pointer;border:0;padding:13px 16px;font-weight:700;display:block}.pay-btn:hover:not(:disabled){background:var(--pay-blue-700)}.pay-btn:disabled{opacity:.55;cursor:default}.pay-btn:focus-visible{outline:3px solid var(--pay-blue-100);outline-offset:2px}.pay-link{font:inherit;color:var(--pay-blue-600);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.pay-alert{border-radius:var(--pay-radius-sm);margin-bottom:14px;padding:11px 13px;font-size:15px}.pay-alert-error{background:var(--pay-red-50);color:var(--pay-red-700);border:1px solid var(--pay-red-700)}.pay-alert-warn{background:var(--pay-amber-100);color:var(--pay-amber-800);border:1px solid var(--pay-amber-300)}.pay-alert-ok{background:var(--pay-green-50);color:var(--pay-green-700);border:1px solid var(--pay-green-700)}.pay-who{flex-wrap:wrap;gap:6px 24px;margin-bottom:14px;font-size:15px;display:flex}.pay-who dt{color:var(--pay-ink-500);font-size:13px}.pay-who dd{margin:0;font-weight:600}.pay-table{border-collapse:collapse;width:100%;font-size:15px}.pay-table th{text-align:left;color:var(--pay-ink-500);border-bottom:1px solid var(--pay-line);padding:6px 0;font-size:13px;font-weight:600}.pay-table td{border-bottom:1px solid var(--pay-line);padding:8px 0}.pay-table .pay-num{text-align:right;font-variant-numeric:tabular-nums}.pay-table tfoot td{border-bottom:0;padding-top:8px}.pay-table .pay-due td{padding-top:10px;font-size:17px;font-weight:700}.pay-choice{align-items:flex-start;gap:9px;padding:9px 0;font-size:15px;display:flex}.pay-choice input{flex:none;width:18px;height:18px;margin:2px 0 0}.pay-amount-box{max-width:200px;margin:2px 0 6px 27px}.pay-method-ask{color:var(--pay-ink-900);margin:18px 0 12px;font-size:16px}.pay-methods{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.pay-method{min-height:84px;font:inherit;color:var(--pay-ink-900);background:var(--pay-surface);border:1px solid var(--pay-method-edge);border-radius:var(--pay-radius-sm);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 10px;font-size:15px;display:flex}.pay-method svg{width:26px;height:26px}.pay-method:hover:not(:disabled){border-color:var(--pay-ink-500)}.pay-method:disabled{cursor:default}.pay-method:focus-visible{outline:2px solid var(--pay-blue-600);outline-offset:2px}.pay-method-on,.pay-method-on:hover:not(:disabled){background:var(--pay-method-on);border-color:var(--pay-method-on-edge)}.pay-seg{border:1px solid var(--pay-line);border-radius:var(--pay-radius-sm);display:flex;overflow:hidden}.pay-seg label{text-align:center;cursor:pointer;background:var(--pay-surface);flex:1;padding:10px 8px;font-size:15px}.pay-seg label+label{border-left:1px solid var(--pay-line)}.pay-seg input{opacity:0;pointer-events:none;position:absolute}.pay-seg label.pay-seg-on{background:var(--pay-blue-100);color:var(--pay-blue-700);font-weight:700}.pay-seg label:focus-within{outline:2px solid var(--pay-blue-600);outline-offset:-2px}.pay-check{border:1px dashed var(--pay-line);border-radius:var(--pay-radius-sm);background:var(--pay-blue-50);margin:4px 0 14px;padding:10px 12px}.pay-check svg{width:100%;height:auto;display:block}.pay-auth{border:1px solid var(--pay-line);border-radius:var(--pay-radius-sm);background:var(--pay-blue-50);color:var(--pay-ink-700);margin-bottom:10px;padding:12px 13px;font-size:14px}.pay-auth-tick{align-items:flex-start;gap:9px;margin-bottom:16px;font-size:15px;font-weight:600;display:flex}.pay-auth-tick input{flex:none;width:20px;height:20px;margin:1px 0 0}.pay-done-mark{background:var(--pay-green-50);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin:2px auto 10px;display:flex}.pay-done-mark svg{width:30px;height:30px}.pay-center{text-align:center}.pay-receipt{border-top:1px solid var(--pay-line);margin:16px 0 18px}.pay-receipt div{border-bottom:1px solid var(--pay-line);justify-content:space-between;gap:16px;padding:9px 0;font-size:15px;display:flex}.pay-receipt dt{color:var(--pay-ink-500)}.pay-receipt dd{text-align:right;margin:0;font-weight:600}.pay-h2-next{margin-top:18px}.pay-flush{margin-bottom:0}.pay-gap-below{margin-bottom:10px}.pay-alert-below{margin-top:14px;margin-bottom:0}.pay-alert-top{margin-top:12px}.pay-check{color:var(--pay-ink-700)}.pay-done-mark{color:var(--pay-green-700)}.pay-foot{text-align:center;color:var(--pay-ink-500);padding:0 16px 22px;font-size:12.5px}.pay-spin{border:2px solid var(--pay-surface);vertical-align:-3px;border-right-color:#0000;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.8s linear infinite pay-spin;display:inline-block}@keyframes pay-spin{to{transform:rotate(360deg)}}@media (width<=480px){.pay-card{padding:18px 15px 20px}.pay-tag{display:none}.pay-row{flex-direction:column;gap:0}}@media print{.pay-top,.pay-foot,.pay-noprint,.pay-test{display:none!important}html,body{background:var(--pay-surface)}.pay-card{box-shadow:none;border:0;padding:0}}
