.balance-topup{display:grid;gap:20px;padding:28px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-panel);background:var(--ui-field-surface);margin-block:24px;max-width:640px;box-sizing:border-box}
.balance-topup header{display:grid;gap:8px}.balance-topup header p,.balance-topup header h3{margin:0}.balance-topup h3,.account-settings .balance-topup h3{font-size:23px;line-height:1.25;letter-spacing:-.5px}.balance-topup header>p:last-child{color:var(--ui-muted);font-size:14px}
.topup-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.topup-quick button{display:grid;gap:5px;place-content:center;min-width:0;min-height:70px;padding:12px 6px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-field);background:var(--ui-soft);color:var(--ui-ink)}.topup-quick strong{font-size:16px}.topup-quick small{font-size:11px;color:var(--ui-muted)}.topup-quick button[aria-pressed=true]{border-color:var(--ui-ink);background:var(--ui-ink);color:var(--ui-background)}.topup-quick button[aria-pressed=true] small{color:inherit}
.topup-input-label{display:grid;gap:10px;color:var(--ui-muted);font-size:13px}.balance-topup .topup-input-label input{width:100%;height:58px;font-size:25px;font-weight:500;box-sizing:border-box;padding:12px 16px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-field);background:var(--ui-background);color:var(--ui-ink);font-variant-numeric:tabular-nums}.balance-topup input[type=range]{width:100%;height:24px;padding:0;margin:0;accent-color:var(--ui-ink);cursor:pointer}.topup-limits{display:flex;justify-content:space-between;gap:12px;margin-top:-14px;font-size:11px;color:var(--ui-muted)}
.topup-calculation{display:grid;gap:12px;margin:0;padding-top:4px;font-size:14px}.topup-calculation>div{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.topup-calculation dt{color:var(--ui-muted)}.topup-calculation dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.topup-total{border-top:1px solid var(--ui-line);padding-top:18px;margin-top:4px}.topup-total dd strong{font-size:30px;letter-spacing:-.7px}.topup-total dd>span{display:block;font-size:12px;color:var(--ui-muted)}.topup-note{font-size:12px;line-height:1.6;color:var(--ui-muted);margin:0;max-width:55ch}.topup-input-error{font-size:13px;color:var(--ui-danger,#d35b5b);margin:0}.topup-input-error:empty{display:none}.balance-topup [data-topup-pay]{width:100%;min-height:48px;justify-content:center}.balance-topup :is(input,button,a):focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}
@media(max-width:520px){.balance-topup{padding:20px;gap:18px}.balance-topup h3,.account-settings .balance-topup h3{font-size:21px}.topup-quick{gap:6px}.topup-quick strong{font-size:14px}.topup-calculation{font-size:13px}.topup-total dd strong{font-size:27px}}

.topup-capacity h4{font-size:16px;font-weight:500;margin:0 0 14px}.topup-capacity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.topup-capacity-grid>div{display:grid;gap:5px;padding-block:10px;border-top:1px solid var(--ui-line)}.topup-capacity-grid span{font-size:12px;color:var(--ui-muted)}.topup-capacity-grid strong{font-size:24px;font-weight:500;font-variant-numeric:tabular-nums}.topup-capacity-grid small,.topup-capacity-note{color:var(--ui-muted);font-size:11px;line-height:1.55}.topup-capacity-note{margin:14px 0 0}