.billing-hero{margin-top:20px;padding:22px 24px;display:flex;flex-direction:column;gap:4px}.billing-hero-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.billing-hero-amount{display:flex;align-items:baseline;gap:8px;font-family:var(--font-mono);font-size:40px;font-weight:600;letter-spacing:-.02em}.billing-hero-cur{font-size:15px;color:var(--ink-faint)}.billing-hero-low{margin-top:12px;font-size:13px;color:var(--danger)}.billing-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.billing-stat{padding:18px 20px;display:flex;flex-direction:column;gap:8px}.billing-stat-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.billing-stat-value{font-family:var(--font-mono);font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1}.billing-stat-cur{font-size:13px;color:var(--ink-faint)}@media (max-width:640px){.billing-stats{grid-template-columns:1fr}}.billing-err{margin:14px 0;color:var(--danger);font-family:var(--font-mono);font-size:13px}.billing-subtitle{margin:0 0 16px;font-family:var(--font-display);font-weight:400;font-size:20px;color:var(--ink)}.topup-list{display:flex;flex-direction:column;gap:8px}.topup-tier{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;text-align:left;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s ease,background .15s ease}.topup-tier:hover:not(:disabled){border-color:color-mix(in srgb,var(--ink) 24%,var(--line))}.topup-tier:disabled{cursor:default}.topup-tier[data-active="1"]{border-color:transparent;background:color-mix(in srgb,var(--pay-accent) 12%,var(--panel-2))}@property --pay-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.topup-tier[data-active="1"]:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--pay-angle),#4f8bef,#7b5cf0,#b348d8,#7b5cf0,#4f8bef);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:pay-outline 3s linear infinite;pointer-events:none}@keyframes pay-outline{to{--pay-angle:360deg}}@media (prefers-reduced-motion:reduce){.topup-tier[data-active="1"]:before{animation:none}}.topup-tier-radio{flex:none;width:18px;height:18px;border-radius:999px;border:2px solid var(--line-strong,var(--line));transition:border-color .15s ease}.topup-tier[data-active="1"] .topup-tier-radio{border-color:var(--pay-accent);background:radial-gradient(circle,var(--pay-accent) 0 4px,transparent 5px)}.topup-tier-main{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.topup-tier-tokens{display:inline-flex;align-items:baseline;gap:6px}.topup-tier-tokens .mono{font-size:22px;font-weight:600;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.topup-tier-unit{font-size:12px;color:var(--ink-faint)}.topup-tier-tag{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);z-index:1;padding:2px 8px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--pay-ink);background:var(--pay-grad);border-radius:999px;box-shadow:0 2px 8px -2px color-mix(in srgb,#6a5bff 60%,transparent)}.topup-tier-bonus{flex:none;font-size:13px;font-weight:600;white-space:nowrap;background:var(--pay-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.topup-tier-price{flex:none;min-width:64px;text-align:right;font-size:14px;font-weight:600;color:var(--ink-dim);font-variant-numeric:tabular-nums}.topup-tier[data-active="1"] .topup-tier-price{color:var(--ink)}.topup-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;gap:8px;font-size:15px;font-weight:600;color:var(--pay-ink);background:var(--pay-grad);border:none;box-shadow:var(--pay-glow);transition:filter .15s ease,box-shadow .15s ease,transform .1s ease}.topup-cta:hover:not(:disabled){background:var(--pay-grad-hover);box-shadow:0 10px 30px -8px color-mix(in srgb,#6a5bff 85%,transparent)}.topup-cta:active:not(:disabled){transform:translateY(1px)}.topup-cta:disabled{opacity:.6}.topup-cta .spinner{border-color:color-mix(in srgb,var(--pay-ink) 30%,transparent);border-top-color:var(--pay-ink)}.topup-cta-price{font-variant-numeric:tabular-nums}.billing-ledger{padding:6px 0}.billing-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:10px 18px;border-bottom:1px solid var(--line-soft)}.billing-row:last-child{border-bottom:none}.billing-ledger-more{padding:10px 18px;border-top:1px solid var(--line-soft)}.billing-row-reason{font-size:13px;color:var(--ink)}.billing-row-date{font-size:12px;color:var(--ink-faint)}.billing-row-amount{font-size:13px;min-width:90px;text-align:right}.billing-row-amount[data-type=credit]{color:var(--accent)}.billing-row-amount[data-type=debit]{color:var(--ink-dim)}.topup-tier-figure{white-space:nowrap}