.topup-container input[type=text],.topup-container input[type=email],.topup-container input[type=password],.topup-container input[type=number],.page-shell input[type=text],.page-shell input[type=email],.page-shell input[type=password],.page-shell input[type=number],.hero-panel input[type=text],.hero-panel input[type=email],.hero-panel input[type=password],.hero-panel input[type=number]{border-radius:var(--admin-radius-sm);background:#fff;border:1px solid #e5e7eb;width:100%;min-height:44px;padding:0 14px;font-size:.95rem;transition:all .15s}.topup-container input[type=text]:focus,.topup-container input[type=email]:focus,.topup-container input[type=password]:focus,.topup-container input[type=number]:focus,.page-shell input[type=text]:focus,.page-shell input[type=email]:focus,.page-shell input[type=password]:focus,.page-shell input[type=number]:focus,.hero-panel input[type=text]:focus,.hero-panel input[type=email]:focus,.hero-panel input[type=password]:focus,.hero-panel input[type=number]:focus{border-color:var(--ds-color-primary);box-shadow:0 0 0 3px var(--ds-color-primary-soft);outline:none}.topup-container input[type=text]:disabled,.topup-container input[type=email]:disabled,.topup-container input[type=password]:disabled,.topup-container input[type=number]:disabled,.page-shell input[type=text]:disabled,.page-shell input[type=email]:disabled,.page-shell input[type=password]:disabled,.page-shell input[type=number]:disabled,.hero-panel input[type=text]:disabled,.hero-panel input[type=email]:disabled,.hero-panel input[type=password]:disabled,.hero-panel input[type=number]:disabled{cursor:not-allowed;background:#f3f4f6}input[type=range]{appearance:none;background:#e5e7eb;border-radius:3px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ds-color-primary);cursor:pointer;width:20px;height:20px;box-shadow:0 2px 6px rgba(var(--ds-color-primary-rgb), .3);border-radius:50%;transition:transform .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-thumb{background:var(--ds-color-primary);cursor:pointer;width:20px;height:20px;box-shadow:0 2px 6px rgba(var(--ds-color-primary-rgb), .3);border:none;border-radius:50%}.topup-page-shell{width:min(1200px,100vw - 24px);padding-top:clamp(16px,3vw,28px);padding-bottom:max(20px, env(safe-area-inset-bottom,0));margin:0 auto}.topup-checkout-shell{max-width:1200px;margin:0 auto;padding:clamp(16px,3vw,24px) clamp(16px,4vw,40px) clamp(28px,5vw,40px)}.topup-checkout-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:0;padding:0 4px;display:flex}.topup-checkout-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--ds-color-primary-dark);margin-bottom:8px;font-size:.75rem;font-weight:700;display:inline-flex}.topup-checkout-title{color:var(--ds-color-text);margin:0 0 6px;font-size:clamp(1.2rem,2.2vw,1.45rem);font-weight:700;line-height:1.2}.topup-checkout-subtitle{color:var(--ds-color-text-muted);max-width:52ch;margin:0;font-size:.95rem;line-height:1.65}.topup-progress{border-radius:var(--admin-radius-lg);background:#fff;border:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;display:flex}.topup-progress-step{align-items:center;gap:8px;min-width:0;display:inline-flex}.topup-progress-index{border-radius:var(--admin-radius-pill);color:#fff;background:#e5e7eb;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:600;display:inline-flex}.topup-progress-index.is-active{background:linear-gradient(135deg, var(--ds-color-primary) 0%, #059669 100%)}.topup-progress-label{color:#9ca3af;white-space:nowrap;font-size:.9rem;font-weight:500}.topup-progress-label.is-active{color:#059669}.topup-progress-divider{background:#e5e7eb;flex:0 0 32px;width:32px;height:2px}.topup-progress-divider.is-active{background:var(--ds-color-primary)}.topup-checkout-notice-card{border-radius:var(--admin-radius-lg);border:1px solid rgba(var(--ds-color-primary-rgb), .18);box-shadow:0 12px 30px rgba(var(--ds-color-primary-rgb), .08);background:linear-gradient(135deg,#f0fdf4f5 0%,#ecfefff2 100%);align-items:flex-start;gap:14px;margin-bottom:20px;padding:18px 20px;display:flex}.topup-checkout-notice-icon{border-radius:var(--admin-radius-md);background:var(--ds-color-primary-soft);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:inline-flex}.topup-checkout-notice-content{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.topup-checkout-notice-title{color:var(--ds-color-primary-darker);margin:0;font-size:1rem;font-weight:600}.topup-checkout-notice-list{flex-direction:column;gap:8px;display:flex}.topup-checkout-notice-item{color:var(--ds-color-primary-dark);flex-wrap:wrap;align-items:center;gap:8px;font-size:.9rem;line-height:1.6;display:flex}.topup-checkout-notice-badge{border-radius:var(--admin-radius-pill);background:rgba(var(--ds-color-primary-rgb), .12);min-height:24px;color:var(--ds-color-primary-dark);white-space:nowrap;justify-content:center;align-items:center;padding:0 10px;font-size:.75rem;font-weight:600;display:inline-flex}.topup-checkout-notice-highlight{border-radius:var(--admin-radius-sm);color:#b91c1c;-webkit-user-select:all;user-select:all;background:#ffffffd1;align-items:center;min-height:28px;padding:0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;font-weight:500;display:inline-flex}.topup-checkout-notice-action{border:1px solid rgba(var(--ds-color-primary-rgb), .28);border-radius:var(--admin-radius-pill);min-height:30px;color:var(--ds-color-primary-darker);background:#ffffffb8;align-items:center;padding:0 12px;font-size:.82rem;font-weight:700;text-decoration:none;transition:background-color .16s,border-color .16s;display:inline-flex}.topup-checkout-notice-action:hover{border-color:rgba(var(--ds-color-primary-rgb), .5);background:#fff}.topup-promo-card{border-radius:var(--admin-radius-lg);border:1px solid rgba(var(--ds-color-primary-rgb), .18);background:linear-gradient(135deg,#ecfdf5eb 0%,#d1fae5f5 100%);flex-direction:column;gap:14px;padding:16px;display:flex}.topup-promo-head{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.topup-promo-badge{border-radius:var(--admin-radius-pill);background:var(--ds-color-primary-darker);color:#fff;white-space:nowrap;justify-content:center;align-items:center;min-height:28px;padding:0 12px;font-size:.76rem;font-weight:600;display:inline-flex}.topup-promo-title{color:var(--ds-color-primary-darker);font-size:.98rem;font-weight:600}.topup-promo-desc{color:var(--ds-color-primary-dark);margin:4px 0 0;font-size:.85rem;line-height:1.6}.topup-promo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.topup-promo-item{border-radius:var(--admin-radius-md);border:1px solid rgba(var(--ds-color-primary-rgb), .12);background:#ffffffd6;flex-direction:column;gap:10px;padding:14px;display:flex}.topup-promo-item-head{flex-direction:column;gap:4px;display:flex}.topup-promo-item-name{color:#064e3b;font-size:.88rem;font-weight:600}.topup-promo-item-value{color:#059669;font-size:.86rem;font-weight:600}.topup-promo-inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.topup-promo-code{border-radius:var(--admin-radius-pill);border:1px dashed rgba(var(--ds-color-primary-rgb), .45);min-height:40px;color:var(--ds-color-primary-darker);letter-spacing:.08em;background:#fffffff2;justify-content:center;align-items:center;padding:0 12px;font-size:.92rem;font-weight:500;display:inline-flex}.topup-promo-copy{border-radius:var(--admin-radius-pill);background:linear-gradient(135deg, #059669 0%, var(--ds-color-primary-dark) 100%);color:#fff;cursor:pointer;min-height:40px;box-shadow:0 8px 18px rgba(var(--ds-color-primary-rgb), .2);border:none;padding:0 16px;font-size:.84rem;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s}.topup-promo-copy:hover{transform:translateY(-1px)}.topup-promo-copy:focus-visible{outline-offset:2px;outline:2px solid #fff}.topup-promo-copy.is-copied{background:linear-gradient(135deg, var(--ds-color-primary) 0%, #059669 100%);box-shadow:0 8px 18px rgba(var(--ds-color-primary-rgb), .22)}.topup-promo-meta{color:var(--ds-color-primary-darker);opacity:.9;font-size:.8rem}.topup-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}.topup-form-main{flex-direction:column;gap:20px;min-width:0;display:flex}.topup-step-wrapper{position:relative}.topup-step-card{border-radius:var(--admin-radius-lg);border:1px solid var(--ds-color-border);transition:all var(--ds-transition-fast);background:#fff;padding:20px}.topup-step-card.is-inactive{opacity:.72;background:#f9fafb;border-color:#f3f4f6}.topup-step-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.topup-step-number{border-radius:var(--admin-radius-pill);color:#fff;background:linear-gradient(135deg, var(--ds-color-primary) 0%, #059669 100%);flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:600;display:inline-flex}.topup-step-card.is-inactive .topup-step-number{background:#d1d5db}.topup-step-title{margin:0;font-size:1rem;font-weight:600}.topup-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.topup-referral-field{border-radius:var(--admin-radius-md);border:1px dashed rgba(var(--ds-color-primary-rgb), .28);background:linear-gradient(135deg,#ecfdf5b3,#f0fdfa8f);grid-column:1/-1;padding:14px 16px}.topup-referral-input{letter-spacing:.04em;text-transform:uppercase}.topup-inline-field{align-items:stretch;gap:12px;display:flex}.topup-inline-field>input,.topup-inline-field>textarea,.topup-inline-field>select{min-width:0}.topup-inline-field>button{flex:none}.topup-quick-select{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.topup-current-selection{border-radius:var(--admin-radius-md);border:1px solid rgba(var(--ds-color-primary-rgb), .08);background:#f9fafb;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:16px;transition:border-color .22s,box-shadow .22s,transform .22s,background-color .22s;display:flex}.topup-current-selection.is-emphasized{border-color:rgba(var(--ds-color-primary-rgb), .36);box-shadow:0 14px 30px rgba(var(--ds-color-primary-rgb), .12), inset 0 0 0 1px rgba(var(--ds-color-primary-rgb), .16)}.topup-current-selection-heading{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.topup-current-selection-chip{border-radius:var(--admin-radius-pill);background:linear-gradient(135deg, rgba(var(--ds-color-primary-rgb), .16), rgba(var(--ds-color-primary-rgb), .18));min-height:22px;color:var(--emerald-dark);letter-spacing:.02em;align-items:center;padding:0 10px;font-size:.72rem;font-weight:700;display:inline-flex}.topup-current-selection-meta{text-align:right}.topup-coupon-stack{flex-direction:column;gap:12px;display:flex}.topup-coupon-entry{align-items:stretch;gap:10px;display:flex}.topup-coupon-input-shell{flex:1;min-width:0;position:relative}.topup-coupon-input-icon{color:#9ca3af;pointer-events:none;transition:color .15s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.topup-coupon-input-icon.is-applied{color:#059669}.topup-coupon-input{border-radius:var(--admin-radius-md);letter-spacing:.05em;text-transform:uppercase;color:#374151;background:#fff;border:1px solid #e5e7eb;width:100%;min-height:48px;padding:0 48px 0 44px;font-size:.95rem;font-weight:500;transition:all .2s}.topup-coupon-input.is-applied{border:2px solid var(--ds-color-primary);color:#059669;background:#f0fdf4;font-weight:500}.topup-coupon-input:disabled{background:#f3f4f6}.topup-coupon-clear{border-radius:var(--admin-radius-pill);color:#6b7280;cursor:pointer;background:#e5e7eb;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.topup-coupon-action,.topup-coupon-remove{border-radius:var(--admin-radius-md);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;min-width:108px;min-height:48px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.topup-coupon-action{background:linear-gradient(135deg, var(--ds-color-primary) 0%, #059669 100%);color:#fff;box-shadow:0 4px 12px rgba(var(--ds-color-primary-rgb), .3);border:none}.topup-coupon-action:disabled{color:#9ca3af;box-shadow:none;cursor:not-allowed;background:#e5e7eb}.topup-coupon-remove{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.topup-coupon-applied-card{border-radius:var(--admin-radius-md);background:linear-gradient(135deg, #f0fdf4 0%, var(--ds-color-primary-light) 100%);border:1px solid #86efac;flex-direction:column;gap:12px;padding:16px 18px;display:flex}.topup-coupon-applied-head{align-items:center;gap:10px;display:flex}.topup-coupon-applied-head strong{color:#166534;display:block}.topup-coupon-applied-head span{color:#047857;margin-top:2px;font-size:.82rem;display:block}.topup-coupon-applied-icon{border-radius:var(--admin-radius-pill);color:#fff;background:#10b981;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:600;display:inline-flex}.topup-coupon-applied-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.topup-coupon-applied-metric{border-radius:var(--admin-radius-sm);background:#ffffffb8;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.topup-coupon-applied-metric span{color:#6b7280;font-size:.75rem}.topup-coupon-applied-metric code{color:#059669;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.98rem;font-weight:500}.topup-coupon-applied-metric.is-saved strong{color:#059669;font-size:1.18rem}.topup-error-banner{border-radius:var(--admin-radius-md);color:#dc2626;background:#fef2f2;border:1px solid #fecaca;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.topup-summary{top:calc(24px + env(safe-area-inset-top,0));align-self:start;position:sticky}.topup-summary-card{border-radius:var(--admin-radius-xl);border:1px solid var(--ds-color-border);box-shadow:var(--ds-shadow-sm);background:#fff;padding:24px}.topup-summary-title{margin:0 0 20px;font-size:1.1rem;font-weight:600}.topup-summary-body{flex-direction:column;gap:14px;display:flex}.topup-summary-line{justify-content:space-between;gap:16px;font-size:.9rem;display:flex}.topup-summary-line strong{word-break:break-word;text-align:right}.topup-summary-divider{background:#e5e7eb;height:1px;margin:4px 0}.topup-summary-total{justify-content:space-between;align-items:center;gap:16px;display:flex}.topup-summary-actions{flex-direction:column;gap:12px;display:flex}.topup-summary-link{border-radius:var(--admin-radius-sm);color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:.9rem;text-decoration:none;display:flex}.topup-summary-note{border-radius:var(--admin-radius-md);color:var(--ds-color-primary-darker);background:#f0fdf4;align-items:flex-start;gap:8px;margin-top:16px;padding:14px;font-size:.8rem;display:flex}.topup-hero-banner{border:1px solid rgba(var(--ds-color-primary-rgb), .18);background:linear-gradient(135deg,#f0fdf4,#ecfeff);grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr);align-items:stretch;gap:18px;max-width:1200px;margin:0 auto 20px;display:grid}.topup-hero-copy{flex-direction:column;gap:10px;display:flex}.topup-hero-eyebrow{letter-spacing:.08em;color:var(--ds-color-primary-dark);text-transform:uppercase;font-size:.78rem;font-weight:600}.topup-hero-title{color:#0f172a;margin:0;font-size:clamp(1.25rem,2.6vw,1.65rem);line-height:1.15}.topup-hero-highlight{color:#059669}.topup-hero-text{color:var(--ds-color-text-muted);margin:0;line-height:1.7}.topup-hero-text strong{color:#0f172a}.topup-hero-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.topup-hero-fact{border-radius:var(--admin-radius-lg);border:1px solid var(--ds-color-primary-soft);background:#ffffffb8;flex-direction:column;justify-content:center;gap:6px;padding:16px;display:flex}.topup-hero-fact span{color:#6b7280;font-size:.78rem}.topup-hero-fact strong{color:var(--ds-color-primary-darker);font-size:1rem}.topup-query-page{max-width:820px}.topup-query-form,.topup-success-card{max-width:560px;margin:0 auto}.topup-query-result-stack{flex-direction:column;gap:20px;margin-top:24px;display:flex}.topup-query-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.topup-query-balance-grid{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.topup-query-action-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.topup-query-form-actions{justify-content:center}.topup-pay-card{border-radius:var(--admin-radius-lg);border:1px solid var(--ds-color-border);background:#fff;padding:24px}.topup-pay-alert{border-radius:var(--admin-radius-sm);align-items:center;gap:8px;margin-bottom:16px;padding:12px;display:flex}.topup-pay-alert-error{color:#dc2626;background:#fef2f2}.topup-pay-alert-info{color:#0369a1;background:#f0f9ff;border-left:4px solid #059669}.topup-pay-summary{text-align:center;margin-bottom:24px;padding:20px 0}.topup-pay-summary-mobile{border-radius:var(--admin-radius-md);background:#f9fafb;padding:16px 0}.topup-pay-primary,.topup-pay-secondary{border-radius:var(--admin-radius-md);cursor:pointer;width:100%;min-height:48px}.topup-pay-primary{color:#fff;background:linear-gradient(135deg,#1677ff 0%,#0958d9 100%);border:none;padding:16px;font-size:1.05rem;font-weight:600}.topup-pay-primary:disabled{cursor:not-allowed;background:#d1d5db}.topup-pay-secondary{color:#6b7280;background:#fff;border:1px solid #e5e7eb;padding:12px;font-size:.95rem}.topup-pay-tip{text-align:center;color:#9ca3af;margin-top:16px;font-size:.8rem}.topup-pay-qrcode-shell{border-radius:var(--admin-radius-lg);text-align:center;background:#f9fafb;flex-direction:column;align-items:center;padding:32px;display:flex}.topup-pay-qrcode-frame{border-radius:var(--admin-radius-md);background:#fff;justify-content:center;width:fit-content;max-width:100%;margin:0 auto;padding:16px;display:flex;box-shadow:0 4px 12px #0000001a}.topup-pay-qrcode-image{object-fit:contain;width:240px;height:240px;margin:0 auto;display:block}.checkout-payment-stack{gap:18px;display:grid}.checkout-order-display,.checkout-pay-card{border-radius:var(--admin-radius-lg);border:1px solid rgba(var(--ds-color-primary-rgb), .16);background:linear-gradient(#fffffffa,#f8fafcf0);box-shadow:0 18px 42px #0f172a14}.checkout-order-display{gap:18px;padding:clamp(18px,3vw,24px);display:grid}.checkout-order-display-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;display:grid}.checkout-order-eyebrow,.checkout-order-amount-block span,.checkout-pay-summary-label{color:#64748b;font-size:var(--ds-text-xs);letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;font-weight:700;display:block}.checkout-order-number{overflow-wrap:anywhere;color:#0f172a;background:0 0;max-width:100%;padding:0;font-size:clamp(1rem,2vw,1.18rem);font-weight:800;display:block}.checkout-order-amount-block{text-align:right}.checkout-order-amount-block strong,.checkout-pay-summary-amount{color:#0f172a;letter-spacing:0;overflow-wrap:anywhere;font-size:clamp(2rem,5vw,2.6rem);font-weight:850;line-height:1;display:block}.checkout-pay-summary-provider-amount{color:#047857;font-size:var(--ds-text-sm);overflow-wrap:anywhere;font-weight:700;line-height:1.35;display:block}.checkout-order-lines{border-top:1px solid #94a3b829;border-bottom:1px solid #94a3b829;gap:0;margin:0;padding:2px 0;display:grid}.checkout-order-line{color:#334155;justify-content:space-between;gap:18px;padding:12px 0;display:flex}.checkout-order-line+.checkout-order-line{border-top:1px solid #94a3b81a}.checkout-order-line dt{color:#64748b;font-weight:600}.checkout-order-line dd{color:#0f172a;text-align:right;margin:0;font-weight:750}.checkout-order-line.is-accent dd,.checkout-order-line.is-discount dd{color:var(--ds-color-primary-dark)}.checkout-order-total,.checkout-pay-summary-pill{border-radius:var(--admin-radius-md);border:1px solid rgba(var(--ds-color-primary-rgb), .2);color:#065f46;background:#ecfdf5bd;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.checkout-order-total span,.checkout-pay-summary-pill{font-size:var(--ds-text-sm);font-weight:750}.checkout-order-total strong{color:var(--ds-color-primary-dark);text-align:right;font-size:clamp(1.15rem,3vw,1.45rem);line-height:1.15}.checkout-order-note{color:var(--ds-color-primary-dark);font-size:var(--ds-text-sm);margin:0;line-height:1.65}.checkout-pay-card{gap:18px;padding:clamp(18px,3vw,24px);display:grid}.checkout-pay-card.is-usdt{border-color:#10b98147}.checkout-pay-notice{border-radius:var(--admin-radius-md);align-items:flex-start;gap:12px;margin:0}.checkout-pay-notice-icon{flex:none;width:18px;height:18px;margin-top:1px}.checkout-pay-notice-content{flex:1;gap:10px;min-width:0;display:grid}.checkout-pay-inline-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.checkout-pay-inline-actions .ds-button,.checkout-pay-action-bar .ds-button,.checkout-qr-actions .ds-button,.checkout-link-actions .ds-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.checkout-button-icon{flex:none;width:16px;height:16px}.checkout-button-icon.is-spinning{animation:.75s linear infinite ds-button-spin}.checkout-pay-grid{grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);align-items:stretch;gap:16px;display:grid}.checkout-pay-method-card,.checkout-pay-summary-card,.checkout-pay-ready-panel,.checkout-pay-guidance{border-radius:var(--admin-radius-md);background:#ffffffc7;border:1px solid #94a3b829}.checkout-pay-method-card{padding:16px}.checkout-pay-summary-card{text-align:left;align-content:center;gap:14px;min-height:164px;margin:0;padding:18px;display:grid}.checkout-pay-summary-pill{justify-content:center;width:fit-content;display:inline-flex}.checkout-pay-ready-panel{align-items:flex-start;gap:14px;padding:16px;display:flex}.checkout-link-panel{border-color:rgba(var(--ds-color-primary-rgb), .18);background:linear-gradient(#eff6ffdb,#ffffffc7);align-items:center}.checkout-link-panel.is-usdt,.checkout-qr-panel.is-usdt{background:linear-gradient(#ecfdf5e6,#ffffffd1);border-color:#10b9813d}.checkout-pay-ready-icon.checkout-link-icon{color:var(--ds-color-primary-dark)}.checkout-usdt-ready-logo{flex:none;display:inline-flex}.checkout-link-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.checkout-pay-ready-icon{width:22px;height:22px;color:var(--ds-color-primary-dark);flex:none}.checkout-pay-ready-panel strong{color:#0f172a;margin-bottom:4px;display:block}.checkout-pay-ready-panel p{color:#64748b;font-size:var(--ds-text-sm);margin:0;line-height:1.6}.checkout-usdt-note{border-radius:var(--admin-radius-md);color:#065f46;background:#ecfdf5c2;border:1px solid #10b98138;align-items:center;gap:14px;padding:14px 16px;display:flex}.checkout-usdt-note.is-priced{background:linear-gradient(#ecfdf5eb,#f0fdf4bd);border-color:#05966957}.checkout-usdt-note strong{color:#064e3b;font-size:var(--ds-text-base);margin-bottom:4px;display:block}.checkout-usdt-note p{color:#047857;font-size:var(--ds-text-sm);margin:0;font-weight:650;line-height:1.55}.checkout-qr-panel{border:1px solid rgba(var(--ds-color-primary-rgb), .16);text-align:left;background:linear-gradient(#ffffffe6,#f0fdf4c7);gap:18px;padding:18px}.checkout-qr-head{justify-content:space-between;align-items:flex-start;gap:16px;width:100%;display:flex}.checkout-qr-title-group{align-items:flex-start;gap:12px;min-width:0;display:flex}.checkout-qr-icon{border-radius:var(--admin-radius-md);width:42px;height:42px;color:var(--ds-color-primary-dark);background:#ecfdf5;flex:none;justify-content:center;align-items:center;display:inline-flex}.checkout-qr-icon svg{width:22px;height:22px}.checkout-qr-title{color:#0f172a;font-size:var(--ds-text-lg);line-height:1.25;display:block}.checkout-qr-copy{color:#64748b;font-size:var(--ds-text-sm);margin:4px 0 0;line-height:1.6}.checkout-qr-state-badge{white-space:nowrap;border-radius:var(--admin-radius-pill);min-height:30px;color:var(--ds-color-primary-dark);font-size:var(--ds-text-xs);background:#eff6ff;align-items:center;padding:0 12px;font-weight:800;display:inline-flex}.checkout-qr-state-badge.is-danger{color:#b91c1c;background:#fef2f2}.checkout-qr-frame-wrap{place-items:center;width:100%;display:grid;position:relative}.checkout-qr-panel .topup-pay-qrcode-frame{border-radius:var(--admin-radius-lg);border:1px solid #94a3b829;margin:0 auto;padding:18px;box-shadow:0 16px 36px #0f172a1a}.checkout-qr-panel.is-expired .topup-pay-qrcode-frame{opacity:.34;filter:grayscale(.2)}.checkout-qr-expired-overlay{color:#991b1b;font-size:var(--ds-text-sm);pointer-events:none;place-content:center;gap:8px;font-weight:800;display:grid;position:absolute;inset:0}.checkout-qr-expired-overlay svg{width:24px;height:24px;margin:0 auto}.checkout-qr-actions,.checkout-pay-action-bar{flex-wrap:wrap;gap:12px;display:flex}.checkout-pay-action-bar>*{flex:220px}.checkout-pay-tip{color:#64748b;margin:0;line-height:1.6}@media (max-width:760px){.checkout-order-display,.checkout-pay-card{border-radius:var(--admin-radius-md)}.checkout-order-display-head,.checkout-pay-grid{grid-template-columns:1fr}.checkout-order-amount-block{text-align:left}.checkout-order-line{align-items:flex-start}.checkout-order-line dd{max-width:52%}.checkout-order-total{flex-direction:column;align-items:flex-start}.checkout-pay-summary-card{min-height:0}.checkout-qr-head,.checkout-pay-ready-panel,.checkout-usdt-note{flex-direction:column;align-items:flex-start}.checkout-qr-state-badge{width:fit-content}.checkout-qr-actions,.checkout-pay-action-bar,.checkout-pay-inline-actions,.checkout-link-actions{flex-direction:column;align-items:stretch}.checkout-qr-actions .ds-button,.checkout-pay-action-bar .ds-button,.checkout-pay-inline-actions .ds-button,.checkout-link-actions .ds-button{width:100%}.checkout-qr-panel .topup-pay-qrcode-frame{padding:14px}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header,.topup-section,.topup-card,.topup-header,.topup-section-emerald,.topup-card-emerald,.topup-header-glass,.package-item,.preview-row,.lang-dropdown-menu,.lang-switcher-trigger,.lang-dropdown-trigger,.drawer-panel{-webkit-backdrop-filter:none;background:#fffffff5}}@media (max-width:960px){.topup-page-shell{width:min(100%,100vw - 20px)}.topup-grid{grid-template-columns:1fr}.topup-summary{margin-top:20px;position:static}.topup-progress{flex-wrap:nowrap;align-items:flex-start;gap:10px;padding:14px 16px}.topup-progress-step{flex-direction:column;flex:1 1 0;justify-content:flex-start;gap:6px}.topup-progress-label{white-space:normal;text-align:center;font-size:.82rem;line-height:1.35}.topup-progress-divider{flex:14px;min-width:14px;margin-top:15px}.topup-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topup-current-selection,.topup-summary-total{flex-direction:column;align-items:stretch}.topup-current-selection-meta,.topup-summary-line strong,.topup-summary-total strong{text-align:left}.topup-summary-pay-button{min-height:56px}.topup-verify-shortcut{display:none}.topup-query-status-grid,.topup-query-balance-grid{grid-template-columns:1fr}.topup-pay-qrcode-shell{padding:24px 16px}.topup-hero-banner,.topup-checkout-notice-card{margin-bottom:16px;padding:12px 16px}.topup-checkout-notice-icon{font-size:1.25rem}.topup-checkout-notice-title,.topup-hero-title{font-size:1rem}.topup-checkout-notice-item,.topup-hero-text{font-size:.8125rem}.topup-hero-banner{grid-template-columns:1fr}.topup-hero-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.topup-page-shell{width:min(100%,100vw - 16px);padding-top:12px}.topup-checkout-shell{padding-inline:12px}.topup-checkout-header{margin-bottom:20px}.topup-progress{flex-wrap:nowrap;gap:8px;padding:14px 12px}.topup-progress-step{text-align:center;justify-content:center;width:auto;min-width:0}.topup-progress-label{font-size:.75rem}.topup-progress-divider{display:none}.topup-hero-banner,.topup-checkout-notice-card,.topup-pay-card,.topup-query-form,.topup-success-card,.topup-step-card,.topup-summary-card{border-radius:var(--admin-radius-md)}.topup-pay-card{padding:18px}.topup-promo-card{padding:12px 14px}.topup-promo-grid,.topup-coupon-applied-grid{grid-template-columns:1fr}.topup-promo-copy,.topup-promo-code{justify-content:center;width:100%}.topup-step-card,.topup-summary-card{padding:16px}.topup-key-input-field,.topup-coupon-input,.topup-step-card input[type=email],.topup-step-card input[type=text],.topup-step-card input[type=number]{font-size:16px}.topup-key-input-field:focus{transform:none}.topup-inline-field,.topup-coupon-entry,.topup-current-selection,.topup-summary-total{flex-direction:column;align-items:stretch}.topup-contact-grid{grid-template-columns:1fr;display:grid}.topup-inline-field>button{width:100%}.topup-key-guidance{flex-direction:column}.topup-key-help-trigger{justify-content:center;width:100%;min-height:44px}.topup-promo-copy{min-height:44px}.topup-package-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topup-quick-btn,.topup-package-card{border-width:1px;border-radius:12px;gap:5px;min-height:118px;padding:12px 10px}.topup-quick-btn.is-active{box-shadow:0 12px 22px rgba(var(--ds-color-primary-rgb), .14), inset 0 0 0 1px rgba(var(--ds-color-primary-rgb), .88);transform:translateY(-1px)}.topup-quick-btn.is-switching{animation:.76s cubic-bezier(.16,1,.3,1) topup-mobile-package-switch}.topup-package-active-marker{min-height:20px;padding:0 8px;font-size:.64rem;display:inline-flex;top:8px;right:8px}.topup-package-badges{gap:5px;min-height:22px;margin-bottom:2px;padding-right:36px}.topup-package-badge{min-height:20px;padding:2px 7px;font-size:.64rem}.topup-package-price{margin-top:2px;font-size:1.16rem;line-height:1.15}.topup-package-total{margin-top:4px;font-size:.84rem;line-height:1.3}.topup-package-unit{min-height:22px;margin-top:4px;padding:0 8px;font-size:.66rem}.topup-package-detail{margin-top:3px;font-size:.7rem;line-height:1.45}.topup-current-selection.is-emphasized{animation:.88s cubic-bezier(.16,1,.3,1) topup-mobile-selection-panel}.topup-coupon-action,.topup-coupon-remove{width:100%}.topup-quick-select{grid-template-columns:repeat(2,minmax(0,1fr))}.topup-hero-facts{grid-template-columns:1fr}.topup-summary-line,.topup-summary-total{gap:8px}.topup-summary-line strong,.topup-summary-total strong{text-align:left}.topup-step-overlay{padding:24px 16px}.topup-summary-pay-button{min-height:52px;padding:14px 16px;font-size:1rem}.topup-key-input-counter{display:none}.topup-key-input-field.has-counter{padding-right:16px}.topup-pay-qrcode-image{width:min(62vw,240px);height:min(62vw,240px)}.topup-query-action-row,.topup-query-form-actions{flex-direction:column}.topup-query-action-row>a,.topup-query-form-actions>button{justify-content:center;width:100%}}@media (min-width:1800px){.topup-page-shell{width:min(1380px,100vw - 64px)}.topup-checkout-shell{max-width:1380px}.topup-grid{grid-template-columns:minmax(0,1fr) 380px;gap:28px}}.topup-modal-overlay{-webkit-backdrop-filter:var(--ds-blur-sm);z-index:var(--ds-z-modal-backdrop);background:#0006;justify-content:center;align-items:center;padding:24px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.topup-modal-content{border:1px solid var(--ds-color-border);border-radius:var(--admin-radius-xl);background:#fff;width:100%;max-width:480px;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 32px 64px -16px #0003,inset 0 1px #fff}@media (max-width:820px){.topup-modal-overlay{-webkit-backdrop-filter:none;padding:16px;animation:none;overflow-y:auto}.topup-modal-content{border-radius:var(--admin-radius-lg);max-height:80vh;padding:20px;animation:none;overflow-y:auto}}.topup-step-overlay{border-radius:var(--admin-radius-xl);z-index:10;background:#ffffffeb;border:1px solid #fff6;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.topup-step-overlay-icon{background:linear-gradient(135deg,#ffffffe6,#fff9);border:1px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:flex;box-shadow:0 8px 16px #00000014,inset 0 1px #fff}.topup-custom-input-shell{border-radius:var(--admin-radius-lg);border:1px solid var(--ds-color-border);background:#fff;align-items:center;gap:8px;padding:6px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:inset 0 2px 4px #00000005}.topup-custom-input-shell.is-focused{border-color:var(--ds-color-primary);box-shadow:0 0 0 4px var(--ds-color-primary-soft), inset 0 2px 4px #00000003;background:#ffffffe6}.topup-custom-input-shell.is-disabled{opacity:.6;background:#ffffff4d}.topup-custom-input-field{text-align:center;width:100%;color:var(--ds-color-text);font-size:1.4rem;font-weight:700;font-family:var(--ds-font-sans), sans-serif;background:0 0;border:none;outline:none;flex:1;padding:10px 8px}.topup-key-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.topup-key-input-icon{color:var(--ds-color-text-muted);z-index:2;transition:color .3s;position:absolute;left:18px}.topup-key-input-wrapper.is-focused .topup-key-input-icon{color:var(--ds-color-primary)}.topup-key-input-wrapper.has-warning .topup-key-input-icon{color:#059669}.topup-key-input-field{border-radius:var(--admin-radius-lg);width:100%;color:var(--ds-color-text);background:#fff;border:1px solid #fffc;outline:none;padding:16px 16px 16px 48px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1rem;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 6px #00000005}.topup-key-input-field.has-counter{padding-right:88px}.topup-key-input-field:focus{border-color:var(--ds-color-primary);box-shadow:0 0 0 4px var(--ds-color-primary-soft), inset 0 2px 4px #00000003;background:#fffffff2;transform:translateY(-2px)}.topup-key-input-field:disabled{opacity:.7;background:#ffffff4d}.topup-key-input-field.has-warning{background:#fffaf0;border-color:#d9770661;box-shadow:0 0 0 3px #10b98114,inset 0 2px 6px #00000005}.topup-key-input-counter{color:#9ca3af;pointer-events:none;font-size:.75rem;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.topup-preview-success-card{border-radius:calc(var(--admin-radius-xl) - 2px);border:1px solid rgba(var(--ds-color-primary-rgb), .18);box-shadow:0 22px 44px rgba(var(--ds-color-primary-rgb), .08),  inset 0 1px 0 #ffffffd6;background:linear-gradient(145deg,#f0fdf4f0 0%,#fffffff5 48%,#ecfdf5e6 100%);margin-top:16px;padding:18px}.topup-preview-success-head{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.topup-preview-success-head strong,.topup-preview-success-head span{display:block}.topup-preview-success-head strong{color:#065f46;font-size:.98rem}.topup-preview-success-head span{color:var(--ds-color-primary-dark);margin-top:4px;font-size:.84rem;line-height:1.65}.topup-preview-success-icon{color:#fff;width:40px;height:40px;box-shadow:0 12px 24px rgba(var(--ds-color-primary-rgb), .24),  inset 0 1px 0 #ffffff52;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:inline-flex}.topup-quota-showcase{--quota-accent:#10b981;--quota-glow:rgba(var(--ds-color-primary-rgb), .32);--quota-accent-soft:rgba(var(--ds-color-primary-rgb), .12);--quota-surface:#f0fdf4db;--quota-percent:0;background:radial-gradient(circle at top right, var(--quota-glow) 0%, transparent 34%), linear-gradient(150deg, #ffffffe6 0%, var(--quota-surface) 52%, #fffffff0 100%);-webkit-backdrop-filter:var(--ds-blur-md);border:1px solid #ffffffb8;border-radius:28px;padding:clamp(18px,2vw,24px);position:relative;overflow:hidden;box-shadow:0 26px 56px #0f172a14,inset 0 1px #ffffffe0}.topup-quota-showcase:before,.topup-quota-showcase:after{content:"";pointer-events:none;position:absolute}.topup-quota-showcase:before{background:radial-gradient(circle, var(--quota-glow) 0%, transparent 70%);filter:blur(12px);border-radius:50%;width:180px;height:180px;animation:7s ease-in-out infinite topupQuotaFloat;top:-32px;right:-20px}.topup-quota-showcase:after{background:radial-gradient(circle, var(--quota-accent-soft) 0%, transparent 72%);filter:blur(10px);width:210px;height:130px;bottom:-56px;left:-18px}.topup-quota-showcase-glow{opacity:.72;pointer-events:none;background:linear-gradient(115deg,#0000 0%,#ffffff5c 44%,#0000 58%),linear-gradient(#ffffff2e,#0000 26%);position:absolute;inset:0}.topup-quota-showcase-head,.topup-quota-hero,.topup-quota-meter-panel,.topup-quota-stat-grid{z-index:1;position:relative}.topup-quota-showcase-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.topup-quota-showcase-identity{flex-direction:column;gap:8px;min-width:0;display:flex}.topup-quota-kicker{width:fit-content;color:var(--ds-color-primary-dark);letter-spacing:.08em;text-transform:uppercase;background:#ffffffb8;border:1px solid #ffffffd6;border-radius:999px;align-items:center;padding:6px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.topup-quota-identity-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.topup-quota-identity-copy strong,.topup-quota-identity-copy span,.topup-quota-primary-number,.topup-quota-percent-ring strong,.topup-quota-stat-card strong,.topup-quota-meter-head strong{font-variant-numeric:tabular-nums lining-nums}.topup-quota-identity-copy strong{color:#0f172a;font-size:1rem;line-height:1.2}.topup-quota-identity-copy span{color:#64748b;letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem}.topup-quota-status-pill{min-height:36px;color:var(--quota-accent);box-shadow:inset 0 0 0 1px var(--quota-accent-soft), 0 10px 18px #0f172a0d;white-space:nowrap;background:#ffffffc2;border:1px solid #ffffffd1;border-radius:999px;align-items:center;padding:0 14px;font-size:.82rem;font-weight:700;display:inline-flex}.topup-quota-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.topup-quota-primary{flex-direction:column;gap:10px;min-width:0;display:flex}.topup-quota-primary-label{letter-spacing:.08em;text-transform:uppercase;color:#64748b;font-size:.76rem;font-weight:700}.topup-quota-primary-value{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.topup-quota-primary-number{letter-spacing:-.07em;background:linear-gradient(135deg, var(--quota-accent) 0%, #0f172a 120%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,4vw,3.25rem);font-weight:800;line-height:.92}.topup-quota-primary-unit{color:#0f172a;opacity:.74;padding-bottom:8px;font-size:.95rem;font-weight:700}.topup-quota-primary-hint{color:#475569;max-width:48ch;margin:0;font-size:.9rem;line-height:1.7}.topup-quota-percent-ring{background:conic-gradient(var(--quota-accent) calc(var(--quota-percent) * 1%), #94a3b829 0), radial-gradient(circle at center, #ffffffb3, transparent 68%);width:132px;height:132px;box-shadow:0 20px 36px #0f172a14, 0 0 32px var(--quota-glow);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.topup-quota-percent-ring:before{content:"";background:radial-gradient(circle at top, #fffffff5, #ffffffe6 44%, var(--quota-surface) 100%);border-radius:50%;position:absolute;inset:11px;box-shadow:inset 0 1px #ffffffeb}.topup-quota-percent-ring-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.topup-quota-percent-ring strong{color:#0f172a;letter-spacing:-.05em;font-size:1.4rem;line-height:1}.topup-quota-percent-ring span{color:#64748b;letter-spacing:.04em;font-size:.74rem;font-weight:600}.topup-quota-meter-panel{background:#fff9;border:1px solid #94a3b829;border-radius:22px;margin-top:18px;padding:16px 18px 14px;box-shadow:inset 0 1px #ffffffdb}.topup-quota-meter-head,.topup-quota-meter-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.topup-quota-meter-head{color:#475569;margin-bottom:10px;font-size:.84rem}.topup-quota-meter-head strong{color:#0f172a;font-size:.9rem}.topup-quota-bar-shell{background:linear-gradient(#0f172a14,#ffffffdb),#ffffff80;border-radius:999px;height:18px;padding:3px;position:relative;overflow:hidden;box-shadow:inset 0 1px 4px #0f172a14,inset 0 -1px #ffffffb8}.topup-quota-bar-shell:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#ffffff1f 0%,#0000 28% 72%,#ffffff1f 100%),repeating-linear-gradient(90deg,#ffffff14 0 20px,#0000 20px 42px);position:absolute;inset:3px}.topup-quota-bar-fill{background:linear-gradient(90deg, var(--quota-accent), var(--quota-accent));min-width:12px;height:100%;box-shadow:0 0 18px var(--quota-glow), inset 0 1px 0 #ffffff52;border-radius:999px;transition:width .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.topup-quota-bar-fill:after{content:"";background:#ffffffeb;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;right:6px;transform:translateY(-50%);box-shadow:0 0 14px #ffffffeb}.topup-quota-bar-shimmer{background:linear-gradient(120deg,#0000 0%,#ffffff2e 35%,#ffffffe0 50%,#0000 66%);animation:2.8s ease-in-out infinite topupQuotaSweep;position:absolute;inset:0;transform:translate(-120%)}.topup-quota-meter-foot{color:#64748b;margin-top:10px;font-size:.78rem}.topup-quota-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.topup-quota-stat-card{background:#fff9;border:1px solid #94a3b829;border-radius:20px;flex-direction:column;gap:6px;min-width:0;padding:14px 16px;display:flex;box-shadow:inset 0 1px #ffffffd1}.topup-quota-stat-card span{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.topup-quota-stat-card strong{color:#0f172a;letter-spacing:-.04em;font-size:clamp(1rem,2vw,1.35rem);line-height:1.05}.topup-quota-stat-card small{color:#475569;font-size:.8rem;line-height:1.55}.topup-quota-stat-card.is-highlight{background:linear-gradient(145deg, #ffffffd6, var(--quota-accent-soft));border-color:#ffffffd1;box-shadow:0 16px 30px #0f172a0f,inset 0 1px #ffffffe0}.topup-quota-stat-card.is-highlight strong{color:var(--quota-accent)}.topup-quick-select-inline{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.topup-package-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.topup-quick-btn{border-radius:var(--admin-radius-lg);color:var(--ds-color-text);cursor:pointer;background:#fff;border:1px solid #fffc;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.topup-package-card{text-align:left;align-items:flex-start;min-height:152px}.topup-package-price{font-size:var(--ds-text-2xl);margin-top:4px;font-weight:700}.topup-package-total{color:var(--text);font-size:var(--ds-text-base);margin-top:12px;font-weight:700}.topup-package-unit{background:rgba(var(--ds-color-primary-rgb), .1);border:1px solid rgba(var(--ds-color-primary-rgb), .18);width:fit-content;min-height:28px;color:var(--ds-color-primary-dark);font-size:var(--ds-text-xs);border-radius:999px;align-items:center;margin-top:8px;padding:0 10px;font-weight:800;display:inline-flex}.topup-package-detail{color:var(--text-muted);font-size:var(--ds-text-xs);margin-top:8px;line-height:1.65}.topup-package-detail.has-bonus{color:var(--ds-color-primary-dark)}.topup-quick-btn:hover:not(:disabled){border-color:var(--ds-color-primary-soft);background:#ffffffe6;transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.topup-quick-btn:focus-visible{outline:2px solid var(--ds-color-primary);outline-offset:2px}.topup-quick-btn.is-active{background:linear-gradient(180deg, var(--ds-color-primary-soft) 0%, rgba(var(--ds-color-primary-rgb), .02)  100%);border-color:var(--ds-color-primary);color:var(--ds-color-primary-dark);box-shadow:0 10px 26px rgba(var(--ds-color-primary-rgb), .16), 0 4px 16px var(--ds-color-primary-soft), inset 0 0 0 1px var(--ds-color-primary)}.topup-quick-btn.is-switching{z-index:1}.topup-package-active-marker{color:#f0fdf4;letter-spacing:.02em;min-height:24px;box-shadow:0 10px 18px rgba(var(--ds-color-primary-rgb), .22);background:linear-gradient(135deg,#059669,#10b981);border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:.7rem;font-weight:700;display:none;position:absolute;top:10px;right:10px}.topup-package-active-marker.is-switching{animation:.7s cubic-bezier(.16,1,.3,1) topup-package-marker-pop}.topup-quick-btn.is-recommended{background:linear-gradient(160deg,#ecfdf5,#fff 45%,#ecfdf5);border-color:#10b98159;box-shadow:0 4px 16px #10b9811a}.topup-quick-btn.is-recommended:before{display:none}.topup-quick-btn.is-recommended:hover:not(:disabled):before{transform:translate(135%)}.topup-quick-btn.is-recommended:hover:not(:disabled){border-color:#10b9818c;transform:translateY(-4px)scale(1.015);box-shadow:0 22px 42px #10b9812e,inset 0 1px #ffffffeb}.topup-quick-btn.is-recommended.is-active{color:#9a3412;background:linear-gradient(160deg,#ecfdf5,#ecfdf5 45%,#ecfdf5);border-color:#10b981;box-shadow:0 4px 16px #10b9811f,inset 0 0 0 1px #10b98166}.topup-quick-btn:disabled{opacity:.4;cursor:not-allowed}.topup-package-badges{flex-wrap:wrap;gap:8px;min-height:28px;margin-bottom:4px;display:flex}.topup-package-badge{border-radius:var(--admin-radius-pill);letter-spacing:.01em;justify-content:center;align-items:center;min-height:24px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.topup-package-badge-recommended{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 8px 18px #10b98147}.topup-package-badge-bonus{color:#166534;border:1px solid rgba(var(--ds-color-primary-rgb), .22);background:#dcfce7f2}.topup-recommendation-inline{border-radius:var(--admin-radius-pill);color:#047857;background:#10b9811f;align-items:center;margin-top:10px;padding:6px 10px;font-size:.74rem;font-weight:500;display:inline-flex}.topup-summary-recommend{border-radius:var(--admin-radius-lg);color:#9a3412;background:linear-gradient(135deg,#fff7edf2 0%,#fefce8f0 100%);border:1px solid #10b98138;flex-direction:column;gap:6px;margin-top:14px;padding:14px 16px;display:flex}.topup-summary-recommend strong{font-size:.9rem}.topup-summary-recommend span{font-size:.84rem;line-height:1.6}@keyframes topup-package-marker-pop{0%{opacity:0;transform:translateY(-4px)scale(.88)}45%{opacity:1;transform:translateY(0)scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes topup-mobile-package-switch{0%{box-shadow:0 0 0 0 rgba(var(--ds-color-primary-rgb), .22);transform:scale(.96)}55%{box-shadow:0 0 0 10px rgba(var(--ds-color-primary-rgb), 0);transform:scale(1.025)}to{box-shadow:0 10px 26px rgba(var(--ds-color-primary-rgb), .16);transform:scale(1)}}@keyframes topup-mobile-selection-panel{0%{box-shadow:0 0 0 0 rgba(var(--ds-color-primary-rgb), .18);transform:translateY(6px)scale(.985)}50%{box-shadow:0 0 0 14px rgba(var(--ds-color-primary-rgb), 0);transform:translateY(0)scale(1.01)}to{box-shadow:0 14px 30px rgba(var(--ds-color-primary-rgb), .12), inset 0 0 0 1px rgba(var(--ds-color-primary-rgb), .16);transform:scale(1)}}.topup-summary-pay-button{white-space:normal;padding:16px;font-size:1.1rem;line-height:1.35}.topup-mobile-pay-cta{display:none}.topup-mobile-pay-cta-note{color:var(--text-muted);font-size:var(--ds-text-sm);margin:10px 0 0;line-height:1.6}@media (max-width:960px){.topup-mobile-pay-cta{margin-top:16px;display:block}}.topup-glass-alert{border-radius:var(--admin-radius-lg);border:1px solid rgba(var(--ds-color-primary-rgb), .2);border-left:4px solid var(--ds-color-primary);color:var(--ds-color-primary-darker);box-shadow:0 4px 12px rgba(var(--ds-color-primary-rgb), .08);background:linear-gradient(135deg,#ecfdf5,#d1fae5);align-items:center;gap:16px;padding:16px 20px;font-size:.95rem;font-weight:500;animation:.4s cubic-bezier(.16,1,.3,1) guidePopIn;display:flex}.topup-glass-warning{color:#047857;background:linear-gradient(135deg,#fef3c7b3 0%,#fde68a66 100%);border:1px solid #d9770633;border-left:4px solid #059669;box-shadow:0 4px 12px #d9770614}.topup-key-guidance{border-radius:var(--admin-radius-lg);background:#f8fafcd1;border:1px solid #94a3b82e;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;display:flex}.topup-key-help-trigger{border-radius:var(--admin-radius-pill);color:var(--ds-color-primary-dark);font-size:var(--ds-text-sm);cursor:pointer;background:#ffffffe6;border:1px solid #0f172a14;flex-shrink:0;padding:8px 12px;font-weight:600;transition:all .2s}.topup-key-help-trigger:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a14}.topup-summary-item-big{border-radius:var(--admin-radius-lg);background:#fff;border:1px solid #fffc;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}@keyframes topupQuotaSweep{0%{transform:translate(-120%)}55%,to{transform:translate(120%)}}@keyframes topupQuotaFloat{0%,to{transform:translate(0,0)}50%{transform:translate(-10px,10px)}}@media (max-width:960px){.topup-quota-hero{grid-template-columns:1fr}.topup-quota-percent-ring{width:118px;height:118px}.topup-quota-stat-grid{grid-template-columns:1fr}}@media (max-width:640px){.topup-preview-success-card{border-radius:var(--admin-radius-lg);padding:16px}.topup-preview-success-head{margin-bottom:12px}.topup-quota-showcase{border-radius:22px;padding:16px}.topup-quota-showcase-head{flex-direction:column;align-items:flex-start}.topup-quota-status-pill{min-height:34px}.topup-quota-primary-value{align-items:flex-start;gap:4px}.topup-quota-primary-number{font-size:clamp(1.8rem,10vw,2.5rem)}.topup-quota-primary-unit{padding-bottom:0}.topup-quota-primary-hint{font-size:.84rem}.topup-quota-percent-ring{width:108px;height:108px}.topup-quota-percent-ring strong{font-size:1.2rem}.topup-quota-meter-panel{padding:14px 14px 12px}.topup-quota-meter-head,.topup-quota-meter-foot{font-size:.78rem}.topup-quota-stat-card{padding:12px 14px}}@media (prefers-reduced-motion:reduce){.topup-quota-showcase:before,.topup-quota-bar-shimmer,.topup-quick-btn.is-switching,.topup-current-selection.is-emphasized,.topup-package-active-marker.is-switching{animation:none}}html.dark .topup-checkout-shell,html.dark .topup-payment-page,html.dark .topup-query-page{color:var(--ds-color-text)}html.dark .topup-checkout-subtitle,html.dark .topup-mobile-pay-cta-note,html.dark .topup-query-caption,html.dark .topup-pay-subtitle,html.dark .checkout-pay-tip{color:var(--ds-color-text-secondary)}html.dark .topup-checkout-kicker,html.dark .topup-query-eyebrow,html.dark .topup-pay-eyebrow{color:var(--ds-color-primary-light)}html.dark .topup-progress,html.dark .topup-checkout-notice-card,html.dark .topup-promo-card,html.dark .topup-promo-item,html.dark .topup-step-card,html.dark .topup-summary-card,html.dark .topup-pay-card,html.dark .topup-query-form,html.dark .topup-success-card,html.dark .topup-current-selection,html.dark .topup-referral-field,html.dark .topup-coupon-applied-card,html.dark .topup-preview-success-card,html.dark .topup-quota-showcase,html.dark .topup-quota-meter-panel,html.dark .topup-quota-stat-card,html.dark .topup-summary-item-big,html.dark .checkout-order-display,html.dark .checkout-pay-card,html.dark .checkout-pay-method-card,html.dark .checkout-pay-summary-card,html.dark .checkout-pay-ready-panel,html.dark .checkout-pay-guidance,html.dark .checkout-qr-panel{color:var(--ds-color-text);box-shadow:0 22px 52px #00000057,inset 0 1px #ffffff0d;background:linear-gradient(#1c212bf5,#141820f0)!important;border-color:#ffffff1a!important}html.dark .topup-step-card.is-inactive,html.dark .topup-quick-btn:disabled{color:var(--ds-color-text-muted);background:#141820b3!important;border-color:#ffffff14!important}html.dark .topup-checkout-notice-card{background:radial-gradient(circle at 0 0, rgba(var(--ds-color-primary-rgb), .18), transparent 36%), linear-gradient(180deg, #1c212bf5, #141820f0)!important}html.dark .topup-checkout-notice-highlight,html.dark .topup-promo-code,html.dark .topup-summary-link,html.dark .topup-key-input-wrapper,html.dark .topup-quota-percent-ring-inner{color:var(--ds-color-text);background:#0f172a9e!important;border-color:#ffffff1a!important}html.dark .topup-container input,html.dark .topup-container textarea,html.dark .topup-container select,html.dark .page-shell input,html.dark .page-shell textarea,html.dark .page-shell select,html.dark .hero-panel input,html.dark .hero-panel textarea,html.dark .hero-panel select,html.dark .topup-key-input-field,html.dark .topup-referral-input,html.dark .topup-coupon-input{box-shadow:inset 0 1px #ffffff0a;color:var(--ds-color-text)!important;background:#0f172abd!important;border-color:#ffffff24!important}html.dark .topup-container input::placeholder,html.dark .topup-container textarea::placeholder,html.dark .page-shell input::placeholder,html.dark .page-shell textarea::placeholder,html.dark .hero-panel input::placeholder,html.dark .hero-panel textarea::placeholder,html.dark .topup-key-input-field::placeholder,html.dark .topup-referral-input::placeholder,html.dark .topup-coupon-input::placeholder{color:#d4cfc58f}html.dark .topup-container input:disabled,html.dark .topup-container textarea:disabled,html.dark .topup-container select:disabled,html.dark .page-shell input:disabled,html.dark .page-shell textarea:disabled,html.dark .page-shell select:disabled,html.dark .hero-panel input:disabled,html.dark .hero-panel textarea:disabled,html.dark .hero-panel select:disabled,html.dark .topup-key-input-field:disabled,html.dark .topup-coupon-input:disabled{opacity:1;color:var(--ds-color-text-muted)!important;background:#0f172a7a!important}html.dark .topup-step-card input:focus,html.dark .topup-key-input-field:focus,html.dark .topup-coupon-input:focus,html.dark .topup-referral-input:focus{border-color:rgba(var(--ds-color-primary-rgb), .72)!important;box-shadow:0 0 0 4px rgba(var(--ds-color-primary-rgb), .16), inset 0 1px 0 #ffffff0a!important}html.dark .topup-quick-btn,html.dark .topup-package-card{color:var(--ds-color-text);box-shadow:0 16px 34px #00000042,inset 0 1px #ffffff0d;background:linear-gradient(#1c212bf5,#141820f0)!important;border-color:#ffffff1f!important}html.dark .topup-quick-btn:hover:not(:disabled){box-shadow:0 24px 44px #00000057,inset 0 1px #ffffff12;border-color:rgba(var(--ds-color-primary-rgb), .4)!important;background:linear-gradient(#252c39fa,#181c24f5)!important}html.dark .topup-quick-btn.is-active{color:var(--ds-color-primary-light);box-shadow:0 18px 42px #00000057, 0 0 0 1px rgba(var(--ds-color-primary-rgb), .24), inset 0 1px 0 #ffffff14;background:radial-gradient(circle at 16% 12%, rgba(var(--ds-color-primary-rgb), .2), transparent 34%), linear-gradient(180deg, #202732fa, #141820f5)!important;border-color:rgba(var(--ds-color-primary-rgb), .74)!important}html.dark .topup-quick-btn.is-recommended{background:radial-gradient(circle at 0 0, rgba(var(--ds-color-primary-rgb), .2), transparent 32%), linear-gradient(160deg, #452d0c57, #1c212bf5 44%, #14532d2e)!important;border-color:rgba(var(--ds-color-primary-rgb), .36)!important}html.dark .topup-quick-btn.is-recommended.is-active{color:#a7f3d0;background:radial-gradient(circle at 0 0, rgba(var(--ds-color-primary-rgb), .26), transparent 34%), linear-gradient(160deg, #5c390c70, #1c212bfa 46%, #14532d38)!important;border-color:rgba(var(--ds-color-primary-rgb), .72)!important}html.dark .topup-package-price,html.dark .topup-package-total,html.dark .topup-summary-title,html.dark .topup-step-title,html.dark .topup-current-selection-heading,html.dark .topup-coupon-applied-head strong,html.dark .topup-preview-success-head strong,html.dark .topup-quota-primary-number,html.dark .topup-quota-percent-ring strong,html.dark .topup-quota-stat-card strong,html.dark .topup-quota-meter-head strong,html.dark .checkout-order-number,html.dark .checkout-order-line dd,html.dark .checkout-order-total strong,html.dark .checkout-pay-summary-amount,html.dark .checkout-pay-ready-panel strong,html.dark .checkout-qr-title{color:var(--ds-color-text)!important}html.dark .topup-package-detail,html.dark .topup-current-selection-meta,html.dark .topup-referral-note,html.dark .topup-coupon-applied-head span,html.dark .topup-coupon-applied-metric span,html.dark .topup-preview-success-head span,html.dark .topup-quota-identity-copy span,html.dark .topup-quota-primary-label,html.dark .topup-quota-primary-hint,html.dark .topup-quota-meter-head,html.dark .topup-quota-meter-foot,html.dark .topup-quota-stat-card span,html.dark .topup-quota-stat-card small,html.dark .topup-summary-line,html.dark .topup-summary-note,html.dark .checkout-order-eyebrow,html.dark .checkout-order-amount-block span,html.dark .checkout-pay-summary-label,html.dark .checkout-order-line dt,html.dark .checkout-order-note,html.dark .checkout-pay-ready-panel p{color:var(--ds-color-text-secondary)!important}html.dark .topup-package-unit,html.dark .topup-current-selection-chip,html.dark .topup-quota-status-pill,html.dark .topup-pay-status-badge{background:rgba(var(--ds-color-primary-rgb), .16)!important;border-color:rgba(var(--ds-color-primary-rgb), .28)!important;color:var(--ds-color-primary-light)!important}html.dark .topup-package-detail.has-bonus,html.dark .topup-package-badge-bonus,html.dark .topup-coupon-applied-metric.is-saved strong,html.dark .checkout-order-line.is-accent dd,html.dark .checkout-order-line.is-discount dd{color:#86efac!important}html.dark .topup-package-badge-bonus{background:rgba(var(--ds-color-primary-rgb), .14)!important;border-color:#86efac3d!important}html.dark .topup-recommendation-inline,html.dark .topup-summary-recommend,html.dark .topup-glass-warning{box-shadow:0 14px 34px #0000003d;border-color:rgba(var(--ds-color-primary-rgb), .28)!important;color:#a7f3d0!important;background:linear-gradient(135deg,#5c390c6b,#452d0c38)!important}html.dark .topup-glass-alert,html.dark .topup-key-guidance,html.dark .topup-summary-note{border-color:rgba(var(--ds-color-primary-rgb), .22)!important;color:var(--ds-color-primary-light)!important;background:linear-gradient(135deg,#064e3b61,#141820eb)!important}html.dark .topup-key-help-trigger,html.dark .topup-coupon-clear{color:var(--ds-color-primary-light)!important;background:#0f172aad!important;border-color:#ffffff1f!important}html.dark .topup-key-help-trigger:hover,html.dark .topup-summary-link:hover{border-color:rgba(var(--ds-color-primary-rgb), .32)!important;background:#1e293be0!important}html.dark .topup-summary-divider,html.dark .checkout-order-lines,html.dark .checkout-order-line+.checkout-order-line{border-color:#ffffff1a!important}html.dark .topup-progress-divider{background:#ffffff1f}html.dark .topup-progress-step.is-complete .topup-progress-divider,html.dark .topup-progress-step.is-active .topup-progress-divider{background:rgba(var(--ds-color-primary-rgb), .64)}html.dark .topup-step-overlay{color:var(--ds-color-text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111318c2}html.dark .topup-step-overlay-icon{color:var(--ds-color-text-secondary);background:#ffffff1a}html.dark .topup-modal-content{color:var(--ds-color-text);box-shadow:0 32px 80px #00000080;background:linear-gradient(#1c212bfa,#141820fa)!important;border-color:#ffffff1f!important}html.dark .topup-pay-qrcode-shell,html.dark .topup-pay-qrcode-frame,html.dark .checkout-usdt-note,html.dark .checkout-link-panel{background:#0f172ab3!important;border-color:#ffffff1f!important}html.dark .checkout-pay-card.is-usdt,html.dark .checkout-usdt-note,html.dark .checkout-link-panel.is-usdt,html.dark .checkout-qr-panel.is-usdt{border-color:#10b98142!important}html.dark .checkout-link-panel.is-usdt,html.dark .checkout-qr-panel.is-usdt{background:linear-gradient(#064e3b52,#0f172ac7)!important}html.dark .checkout-usdt-note{background:linear-gradient(#064e3b57,#0f172abd)!important}html.dark .checkout-usdt-note strong{color:#a7f3d0!important}html.dark .checkout-usdt-note p{color:#d1fae5!important}html.dark .checkout-link-panel{background:radial-gradient(circle at 0 0, rgba(var(--ds-color-primary-rgb), .16), transparent 34%), linear-gradient(180deg, #0f172ab8, #141820eb)!important}html.dark .checkout-qr-icon,html.dark .topup-preview-success-icon,html.dark .topup-checkout-notice-icon{box-shadow:none;background:rgba(var(--ds-color-primary-rgb), .16)!important;color:var(--ds-color-primary-light)!important}html.dark .topup-quota-showcase{background:radial-gradient(circle at 8% 8%, rgba(var(--ds-color-primary-rgb), .2), transparent 34%), linear-gradient(180deg, #1c212bfa, #141820f5)!important}html.dark .topup-quota-bar-shell{background:#0f172ad6;border-color:#ffffff14}html.dark .topup-error-banner,html.dark .topup-pay-alert-error{color:#fecaca!important;background:linear-gradient(135deg,#7f1d1d5c,#141820eb)!important;border-color:#f871713d!important}html.dark .topup-quota-showcase{background:radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--quota-accent) 18%, transparent), transparent 34%), linear-gradient(145deg, #181d27fa, #0e121afa)!important;border-color:#ffffff1f!important;border-radius:22px!important;padding:clamp(18px,2.4vw,26px)!important;box-shadow:0 20px 48px #00000061,inset 0 1px #ffffff0f!important}html.dark .topup-quota-showcase:before,html.dark .topup-quota-showcase:after,html.dark .topup-quota-showcase-glow{display:none}html.dark .topup-quota-showcase-head{align-items:flex-start;margin-bottom:18px}html.dark .topup-quota-kicker{border-color:color-mix(in srgb, var(--quota-accent) 36%, #ffffff1a);min-height:30px;color:color-mix(in srgb, var(--quota-accent) 72%, #f3f1ec);letter-spacing:.06em;background:#ffffff14;padding:0 12px}html.dark .topup-quota-identity-copy{gap:6px}html.dark .topup-quota-identity-copy strong{font-size:.98rem;color:var(--ds-color-text)!important}html.dark .topup-quota-identity-copy span{letter-spacing:.035em;color:#d4cfc5b3!important}html.dark .topup-quota-status-pill{min-height:32px;box-shadow:none;padding:0 12px;background:color-mix(in srgb, var(--quota-accent) 13%, #0f172ab8)!important;border-color:color-mix(in srgb, var(--quota-accent) 34%, #ffffff1f)!important;color:color-mix(in srgb, var(--quota-accent) 72%, #f3f1ec)!important}html.dark .topup-quota-hero{grid-template-columns:minmax(0,1fr) 108px;align-items:center;gap:clamp(16px,3vw,28px)}html.dark .topup-quota-primary{gap:8px}html.dark .topup-quota-primary-label{letter-spacing:.06em;color:#d4cfc5b8!important}html.dark .topup-quota-primary-value{align-items:baseline;gap:8px}html.dark .topup-quota-primary-number{-webkit-text-fill-color:currentColor;letter-spacing:-.055em;font-size:clamp(2.35rem,4.8vw,3.65rem);line-height:.96;color:var(--ds-color-text)!important;background:0 0!important}html.dark .topup-quota-primary-unit{padding-bottom:0;font-size:.82rem;font-weight:700;color:#d4cfc594!important}html.dark .topup-quota-primary-hint{max-width:58ch;font-size:.88rem;line-height:1.65;color:#d4cfc5c2!important}html.dark .topup-quota-percent-ring{width:106px;height:106px;background:conic-gradient(var(--quota-accent) calc(var(--quota-percent) * 1%), #ffffff1a 0)!important;box-shadow:0 16px 30px #00000047,0 0 0 1px #ffffff14!important}html.dark .topup-quota-percent-ring:before{border:1px solid #ffffff14;inset:9px;box-shadow:inset 0 1px #ffffff0d;background:linear-gradient(145deg,#181d27fa,#0d1119fa)!important}html.dark .topup-quota-percent-ring-inner{gap:3px;background:0 0!important;border:0!important}html.dark .topup-quota-percent-ring strong{letter-spacing:-.025em;font-size:1.16rem;color:var(--ds-color-text)!important}html.dark .topup-quota-percent-ring span{letter-spacing:.02em;font-size:.68rem;color:#8ea3bed1!important}html.dark .topup-quota-meter-panel{margin-top:18px;padding:14px 16px 12px;background:#0a0e1694!important;border-color:#ffffff1a!important;border-radius:16px!important;box-shadow:inset 0 1px #ffffff0a,0 12px 26px #0000002e!important}html.dark .topup-quota-meter-head{margin-bottom:10px;color:#d4cfc5b8!important}html.dark .topup-quota-meter-head strong{font-size:.86rem;color:var(--ds-color-text)!important}html.dark .topup-quota-bar-shell{border:1px solid #ffffff14;height:12px;padding:0;box-shadow:inset 0 1px 2px #00000047;background:#ffffff1a!important}html.dark .topup-quota-bar-shell:before,html.dark .topup-quota-bar-fill:after,html.dark .topup-quota-bar-shimmer{display:none}html.dark .topup-quota-bar-fill{min-width:10px;box-shadow:0 0 16px color-mix(in srgb, var(--quota-accent) 42%, transparent), inset 0 1px 0 #fff3;background:linear-gradient(90deg, var(--quota-accent), color-mix(in srgb, var(--quota-accent) 70%, #fff))!important}html.dark .topup-quota-meter-foot{font-size:.76rem;color:#d4cfc59e!important}html.dark .topup-quota-stat-grid{gap:10px;margin-top:14px}html.dark .topup-quota-stat-card{min-height:112px;padding:14px 16px;background:#0c10189e!important;border-color:#ffffff1a!important;border-radius:16px!important;box-shadow:inset 0 1px #ffffff0a!important}html.dark .topup-quota-stat-card span{letter-spacing:.06em;font-size:.72rem;color:#d4cfc59e!important}html.dark .topup-quota-stat-card strong{letter-spacing:-.035em;font-size:clamp(1.05rem,2.2vw,1.45rem);color:#f3f1ece0!important}html.dark .topup-quota-stat-card small{color:#d4cfc5a8!important}html.dark .topup-quota-stat-card.is-highlight{background:color-mix(in srgb, var(--quota-accent) 12%, #0c1018b3)!important;border-color:color-mix(in srgb, var(--quota-accent) 38%, #ffffff14)!important}html.dark .topup-quota-stat-card.is-highlight strong{color:color-mix(in srgb, var(--quota-accent) 74%, #fff)!important}@media (max-width:760px){html.dark .topup-quota-hero{grid-template-columns:1fr}html.dark .topup-quota-percent-ring{justify-self:flex-start;width:96px;height:96px}html.dark .topup-quota-stat-grid{grid-template-columns:1fr}}