.topup-page{max-width:820px;margin:32px auto 64px}.topup-back{display:inline-block;font-size:13px;color:var(--muted);margin-bottom:16px}.topup-page header h1{font-size:clamp(28px,4vw,42px);margin:12px 0;letter-spacing:-1px}.topup-page header p{color:var(--muted)}.topup-timing{display:grid;gap:5px;padding:18px 22px;border-radius:20px;background:color-mix(in srgb,var(--accent) 9%,var(--surface));margin:24px 0 12px}.topup-timing strong{font-size:17px}.topup-timing span,.topup-timing small{font-size:13px;color:var(--muted)}.topup-test{font-size:12px;color:var(--muted)}.topup-card{padding:28px;border:1px solid var(--line);border-radius:26px;background:var(--surface)}.topup-card h2{font-size:21px;margin-top:0}.topup-presets{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.topup-presets .button{padding:10px 18px}.topup-amount-form{max-width:440px;margin:auto}.topup-amount-form>.button{margin-top:20px}.topup-card small{display:block;color:var(--muted);font-size:12px;margin:8px 0}.topup-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.topup-summary>strong{font-size:32px;letter-spacing:-1px}.topup-pay-grid{display:grid;grid-template-columns:minmax(180px,1fr) 1.2fr;gap:28px;align-items:start}.topup-qr{padding:16px;background:white;border-radius:20px}.topup-qr img{display:block;width:100%;height:auto}.topup-instructions p{font-size:14px}.topup-reference{padding:10px 14px;border:1px solid var(--line);border-radius:12px;margin:16px 0;overflow-wrap:anywhere}.topup-reference small{margin:0}.topup-reference span{font-size:13px}.topup-history{margin-top:24px;padding:18px 22px;border:1px solid var(--line);border-radius:20px}.topup-history summary{cursor:pointer}.topup-history>a{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.topup-history small{display:block;color:var(--muted)}@media(max-width:600px){.topup-page{margin-top:20px}.topup-card{padding:20px}.topup-pay-grid{grid-template-columns:1fr}.topup-qr{max-width:260px;margin:auto}.topup-presets .button{flex:1;padding:10px}.topup-summary>strong{font-size:28px}}

.topup-success-toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:10000;width:min(440px,calc(100vw - 32px));padding:20px 48px 20px 22px;border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 45px #0003;background:var(--surface);color:var(--text)}.topup-success-toast strong,.topup-success-toast a{display:block}.topup-success-toast a{font-size:13px;color:var(--accent);margin-top:6px}.topup-success-toast button{position:absolute;top:10px;right:12px;border:0;background:none;color:inherit;font-size:24px}.topup-confetti{position:absolute;left:50%;top:30%;width:6px;height:9px;background:var(--accent);border-radius:2px;pointer-events:none}.topup-confetti:nth-child(2n){background:#eba4c4}.topup-confetti:nth-child(3n){background:#83d7c2}

label.check[hidden]{display:none!important}