.hero-panel input[type=email],.hero-panel input[type=number],.hero-panel input[type=password],.hero-panel input[type=text],.page-shell input[type=email],.page-shell input[type=number],.page-shell input[type=password],.page-shell input[type=text],.topup-container input[type=email],.topup-container input[type=number],.topup-container input[type=password],.topup-container input[type=text]{min-height:44px;padding:0 14px;border-radius:var(--admin-radius-sm);border:1px solid #e5e7eb;background:#fff;font-size:.95rem;transition:all .15s;width:100%}.hero-panel input[type=email]:focus,.hero-panel input[type=number]:focus,.hero-panel input[type=password]:focus,.hero-panel input[type=text]:focus,.page-shell input[type=email]:focus,.page-shell input[type=number]:focus,.page-shell input[type=password]:focus,.page-shell input[type=text]:focus,.topup-container input[type=email]:focus,.topup-container input[type=number]:focus,.topup-container input[type=password]:focus,.topup-container input[type=text]:focus{outline:none;border-color:var(--ds-color-primary);box-shadow:0 0 0 3px var(--ds-color-primary-soft)}.hero-panel input[type=email]:disabled,.hero-panel input[type=number]:disabled,.hero-panel input[type=password]:disabled,.hero-panel input[type=text]:disabled,.page-shell input[type=email]:disabled,.page-shell input[type=number]:disabled,.page-shell input[type=password]:disabled,.page-shell input[type=text]:disabled,.topup-container input[type=email]:disabled,.topup-container input[type=number]:disabled,.topup-container input[type=password]:disabled,.topup-container input[type=text]:disabled{background:#f3f4f6;cursor:not-allowed}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--ds-color-primary);cursor:pointer;box-shadow:0 2px 6px rgba(16,185,129,.3);-webkit-transition:transform .15s;transition:transform .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--ds-color-primary);cursor:pointer;border:none;box-shadow:0 2px 6px rgba(16,185,129,.3)}.loading-spinner{justify-content:center;gap:4px}.spinner-dot{animation:spinner-bounce 1.4s ease-in-out infinite both}.spinner-dot:first-child{animation-delay:-.32s}.spinner-dot:nth-child(2){animation-delay:-.16s}@keyframes spinner-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.topup-page-shell{width:min(1200px,calc(100vw - 24px));margin:0 auto;padding-top:clamp(16px,3vw,28px);padding-bottom:max(20px,env(safe-area-inset-bottom,0))}.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{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:32px}.topup-checkout-title{margin:0 0 8px;font-size:clamp(1.45rem,3vw,1.75rem);font-weight:700;line-height:1.15;background:linear-gradient(135deg,#059669 0,var(--ds-color-primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.topup-checkout-subtitle{margin:0;color:var(--ds-color-text-muted);font-size:.95rem;line-height:1.6}.topup-progress{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px;padding:16px 20px;background:#fff;border-radius:var(--admin-radius-lg);border:1px solid #e5e7eb}.topup-progress-step{display:inline-flex;align-items:center;gap:8px;min-width:0}.topup-progress-index{width:32px;height:32px;border-radius:var(--admin-radius-pill);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;background:#e5e7eb;flex:0 0 auto}.topup-progress-index.is-active{background:linear-gradient(135deg,var(--ds-color-primary) 0,#059669 100%)}.topup-progress-label{font-size:.9rem;font-weight:500;color:#9ca3af;white-space:nowrap}.topup-progress-label.is-active{color:#059669}.topup-progress-divider{width:32px;height:2px;background:#e5e7eb;flex:0 0 32px}.topup-progress-divider.is-active{background:var(--ds-color-primary)}.topup-checkout-notice-card{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;padding:18px 20px;border-radius:var(--admin-radius-lg);border:1px solid rgba(16,185,129,.18);background:linear-gradient(135deg,rgba(240,253,244,.96),rgba(236,254,255,.95));box-shadow:0 12px 30px rgba(5,150,105,.08)}.topup-checkout-notice-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--admin-radius-md);background:var(--ds-color-primary-soft);font-size:1.1rem;flex-shrink:0}.topup-checkout-notice-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:12px}.topup-checkout-notice-title{margin:0;font-size:1rem;font-weight:600;color:var(--ds-color-primary-darker)}.topup-checkout-notice-list{display:flex;flex-direction:column;gap:8px}.topup-checkout-notice-item{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.9rem;line-height:1.6;color:var(--ds-color-primary-dark)}.topup-checkout-notice-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 10px;border-radius:var(--admin-radius-pill);background:rgba(5,150,105,.12);color:#047857;font-size:.75rem;font-weight:600;white-space:nowrap}.topup-checkout-notice-highlight{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:var(--admin-radius-sm);background:rgba(255,255,255,.82);color:#b91c1c;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;font-weight:500;-webkit-user-select:all;-moz-user-select:all;user-select:all}.topup-promo-card{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:var(--admin-radius-lg);border:1px solid rgba(16,185,129,.18);background:linear-gradient(135deg,rgba(236,253,245,.92),rgba(209,250,229,.96))}.topup-promo-head{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.topup-promo-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border-radius:var(--admin-radius-pill);background:var(--ds-color-primary-darker);color:#fff;font-size:.76rem;font-weight:600;white-space:nowrap}.topup-promo-title{color:var(--ds-color-primary-darker);font-size:.98rem;font-weight:600}.topup-promo-desc{margin:4px 0 0;color:#047857;font-size:.85rem;line-height:1.6}.topup-promo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.topup-promo-item{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--admin-radius-md);background:rgba(255,255,255,.84);border:1px solid rgba(5,150,105,.12)}.topup-promo-item-head{display:flex;flex-direction:column;gap:4px}.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{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.topup-promo-code{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 12px;border-radius:var(--admin-radius-pill);background:rgba(255,255,255,.95);border:1px dashed rgba(5,150,105,.45);color:var(--ds-color-primary-darker);font-size:.92rem;font-weight:500;letter-spacing:.08em}.topup-promo-copy{border:none;border-radius:var(--admin-radius-pill);min-height:40px;padding:0 16px;background:linear-gradient(135deg,#059669,#047857);color:#fff;font-size:.84rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;box-shadow:0 8px 18px rgba(5,150,105,.2)}.topup-promo-copy:hover{transform:translateY(-1px)}.topup-promo-copy.is-copied{background:linear-gradient(135deg,var(--ds-color-primary) 0,#059669 100%);box-shadow:0 8px 18px rgba(16,185,129,.22)}.topup-promo-meta{font-size:.8rem;color:var(--ds-color-primary-darker);opacity:.9}.topup-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:24px;gap:24px;align-items:start}.topup-form-main{display:flex;flex-direction:column;gap:20px;min-width:0}.topup-step-wrapper{position:relative}.topup-step-card{background:#fff;border-radius:var(--admin-radius-lg);padding:20px;border:1px solid var(--ds-color-border);transition:all var(--ds-transition-fast)}.topup-step-card.is-inactive{background:#f9fafb;border-color:#f3f4f6;opacity:.72}.topup-step-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.topup-step-number{width:28px;height:28px;border-radius:var(--admin-radius-pill);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;background:linear-gradient(135deg,var(--ds-color-primary) 0,#059669 100%);flex:0 0 auto}.topup-step-card.is-inactive .topup-step-number{background:#d1d5db}.topup-step-title{margin:0;font-size:1rem;font-weight:600}.topup-inline-field{display:flex;align-items:stretch;gap:12px}.topup-inline-field>input,.topup-inline-field>select,.topup-inline-field>textarea{min-width:0}.topup-inline-field>button{flex:0 0 auto}.topup-quick-select{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:16px}.topup-current-selection{margin-top:16px;padding:16px;background:#f9fafb;border-radius:var(--admin-radius-md);display:flex;justify-content:space-between;align-items:center;gap:16px}.topup-current-selection-meta{text-align:right}.topup-coupon-stack{display:flex;flex-direction:column;gap:12px}.topup-coupon-entry{display:flex;align-items:stretch;gap:10px}.topup-coupon-input-shell{position:relative;flex:1 1;min-width:0}.topup-coupon-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;transition:color .15s ease}.topup-coupon-input-icon.is-applied{color:#059669}.topup-coupon-input{width:100%;min-height:48px;padding:0 48px 0 44px;border-radius:var(--admin-radius-md);border:1px solid #e5e7eb;background:#fff;font-size:.95rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:#374151;transition:all .2s ease}.topup-coupon-input.is-applied{border:2px solid var(--ds-color-primary);background:#f0fdf4;color:#059669;font-weight:500}.topup-coupon-input:disabled{background:#f3f4f6}.topup-coupon-clear{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:24px;height:24px;border-radius:var(--admin-radius-pill);border:none;background:#e5e7eb;color:#6b7280;padding:0}.topup-coupon-action,.topup-coupon-clear,.topup-coupon-remove{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.topup-coupon-action,.topup-coupon-remove{gap:6px;min-width:108px;min-height:48px;border-radius:var(--admin-radius-md);font-size:.9rem;font-weight:600;white-space:nowrap;transition:all .2s ease}.topup-coupon-action{border:none;background:linear-gradient(135deg,var(--ds-color-primary) 0,#059669 100%);color:#fff;box-shadow:0 4px 12px rgba(16,185,129,.3)}.topup-coupon-action:disabled{background:#e5e7eb;color:#9ca3af;box-shadow:none;cursor:not-allowed}.topup-coupon-remove{border:1px solid #fecaca;background:#fef2f2;color:#dc2626}.topup-coupon-applied-card{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:var(--admin-radius-md);border:1px solid #86efac;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.topup-coupon-applied-head{display:flex;align-items:center;gap:10px}.topup-coupon-applied-head strong{display:block;color:#166534}.topup-coupon-applied-head span{display:block;margin-top:2px;color:#15803d;font-size:.82rem}.topup-coupon-applied-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--admin-radius-pill);background:#22c55e;color:#fff;font-size:.8rem;font-weight:600;flex-shrink:0}.topup-coupon-applied-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.topup-coupon-applied-metric{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:var(--admin-radius-sm);background:rgba(255,255,255,.72)}.topup-coupon-applied-metric span{font-size:.75rem;color:#6b7280}.topup-coupon-applied-metric code{color:#059669;font-size:.98rem;font-weight:500;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.topup-coupon-applied-metric.is-saved strong{color:#059669;font-size:1.18rem}.topup-error-banner{padding:14px 16px;background:#fef2f2;border-radius:var(--admin-radius-md);border:1px solid #fecaca;display:flex;align-items:flex-start;gap:10px;color:#dc2626}.topup-summary{position:-webkit-sticky;position:sticky;top:calc(24px + env(safe-area-inset-top, 0));align-self:start}.topup-summary-card{background:#fff;border-radius:var(--admin-radius-xl);padding:24px;border:1px solid var(--ds-color-border);box-shadow:var(--ds-shadow-sm)}.topup-summary-title{margin:0 0 20px;font-size:1.1rem;font-weight:600}.topup-summary-body{display:flex;flex-direction:column;gap:14px}.topup-summary-line{display:flex;justify-content:space-between;gap:16px;font-size:.9rem}.topup-summary-line strong{word-break:break-word;text-align:right}.topup-summary-divider{height:1px;background:#e5e7eb;margin:4px 0}.topup-summary-total{display:flex;justify-content:space-between;align-items:center;gap:16px}.topup-summary-actions{display:flex;flex-direction:column;gap:12px}.topup-summary-link{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border-radius:var(--admin-radius-sm);background:#f9fafb;color:#6b7280;text-decoration:none;font-size:.9rem;border:1px solid #e5e7eb}.topup-summary-note{margin-top:16px;padding:14px;background:#f0fdf4;border-radius:var(--admin-radius-md);font-size:.8rem;color:var(--ds-color-primary-darker);display:flex;align-items:flex-start;gap:8px}.topup-hero-banner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr);grid-gap:18px;gap:18px;align-items:stretch;max-width:1200px;margin:0 auto 20px;background:linear-gradient(135deg,#f0fdf4,#ecfeff);border:1px solid rgba(16,185,129,.18)}.topup-hero-copy{display:flex;flex-direction:column;gap:10px}.topup-hero-eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.08em;color:#047857;text-transform:uppercase}.topup-hero-title{margin:0;font-size:clamp(1.25rem,2.6vw,1.65rem);line-height:1.15;color:#0f172a}.topup-hero-highlight{color:#059669}.topup-hero-text{margin:0;color:var(--ds-color-text-muted);line-height:1.7}.topup-hero-text strong{color:#0f172a}.topup-hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.topup-hero-fact{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:16px;border-radius:var(--admin-radius-lg);background:rgba(255,255,255,.72);border:1px solid var(--ds-color-primary-soft)}.topup-hero-fact span{font-size:.78rem;color:#6b7280}.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{display:flex;flex-direction:column;gap:20px;margin-top:24px}.topup-query-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.topup-query-balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;text-align:center}.topup-query-action-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.topup-query-form-actions{justify-content:center}.topup-pay-card{padding:24px;background:#fff;border-radius:var(--admin-radius-lg);border:1px solid var(--ds-color-border)}.topup-pay-alert{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:12px;border-radius:var(--admin-radius-sm)}.topup-pay-alert-error{background:#fef2f2;color:#dc2626}.topup-pay-alert-info{background:#f0f9ff;color:#0369a1;border-left:4px solid #0ea5e9}.topup-pay-summary{text-align:center;margin-bottom:24px;padding:20px 0}.topup-pay-summary-mobile{padding:16px 0;background:#f9fafb;border-radius:var(--admin-radius-md)}.topup-pay-primary,.topup-pay-secondary{width:100%;min-height:48px;border-radius:var(--admin-radius-md);cursor:pointer}.topup-pay-primary{padding:16px;border:none;background:linear-gradient(135deg,#1677ff,#0958d9);color:#fff;font-size:1.05rem;font-weight:600}.topup-pay-primary:disabled{background:#d1d5db;cursor:not-allowed}.topup-pay-secondary{padding:12px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:.95rem}.topup-pay-tip{text-align:center;font-size:.8rem;color:#9ca3af;margin-top:16px}.topup-pay-qrcode-shell{display:flex;flex-direction:column;align-items:center;padding:32px;border-radius:var(--admin-radius-lg);background:#f9fafb;text-align:center}.topup-pay-qrcode-frame{padding:16px;background:#fff;border-radius:var(--admin-radius-md);box-shadow:0 4px 12px rgba(0,0,0,.1)}.topup-pay-qrcode-image{width:240px;height:240px;object-fit:contain;display:block}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.drawer-panel,.lang-dropdown-menu,.lang-dropdown-trigger,.lang-switcher-trigger,.package-item,.preview-row,.site-header,.topup-card,.topup-card-emerald,.topup-header,.topup-header-glass,.topup-section,.topup-section-emerald{background:rgba(255,255,255,.96);backdrop-filter:none;-webkit-backdrop-filter:none}}@media (max-width:960px){.topup-page-shell{width:min(100%,calc(100vw - 20px))}.topup-grid{grid-template-columns:1fr}.topup-summary{position:static;margin-top:20px}.topup-progress{gap:10px;padding:14px 16px;flex-wrap:nowrap;align-items:flex-start}.topup-progress-step{flex:1 1;flex-direction:column;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:1 1 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-balance-grid,.topup-query-status-grid{grid-template-columns:1fr}.topup-pay-qrcode-shell{padding:24px 16px}.topup-checkout-notice-card,.topup-hero-banner{padding:12px 16px;margin-bottom: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%,calc(100vw - 16px));padding-top:12px}.topup-checkout-shell{padding-inline:12px}.topup-checkout-header{margin-bottom:20px}.topup-progress{padding:14px 12px;gap:8px;flex-wrap:nowrap}.topup-progress-step{width:auto;min-width:0;justify-content:center;text-align:center}.topup-progress-label{font-size:.75rem}.topup-progress-divider{display:none}.topup-checkout-notice-card,.topup-hero-banner,.topup-pay-card,.topup-query-form,.topup-step-card,.topup-success-card,.topup-summary-card{border-radius:var(--admin-radius-md)}.topup-pay-card{padding:18px}.topup-promo-card{padding:12px 14px}.topup-coupon-applied-grid,.topup-promo-grid{grid-template-columns:1fr}.topup-promo-code,.topup-promo-copy{width:100%;justify-content:center}.topup-step-card,.topup-summary-card{padding:16px}.topup-coupon-entry,.topup-current-selection,.topup-inline-field,.topup-summary-total{flex-direction:column;align-items:stretch}.topup-inline-field>button{width:100%}.topup-package-grid{grid-template-columns:1fr}.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{width:100%;justify-content:center}}@media (min-width:1800px){.topup-page-shell{width:min(1380px,calc(100vw - 64px))}.topup-checkout-shell{max-width:1380px}.topup-grid{grid-template-columns:minmax(0,1fr) 380px;gap:28px}}.topup-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:var(--ds-blur-sm);-webkit-backdrop-filter:var(--ds-blur-sm);z-index:var(--ds-z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .3s ease}.topup-modal-content{background:#ffffff;border:1px solid var(--ds-color-border);border-radius:var(--admin-radius-xl);padding:40px;max-width:480px;width:100%;box-shadow:0 32px 64px -16px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,1);animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.topup-step-overlay{position:absolute;inset:0;background:rgba(255,255,255,.92);border-radius:var(--admin-radius-xl);flex-direction:column;gap:16px;z-index:10;border:1px solid rgba(255,255,255,.4)}.topup-step-overlay,.topup-step-overlay-icon{display:flex;align-items:center;justify-content:center}.topup-step-overlay-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.6));box-shadow:0 8px 16px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,1);font-size:1.5rem;border:1px solid rgba(255,255,255,.8)}.topup-custom-input-shell{display:flex;align-items:center;gap:8px;padding:6px;background:#ffffff;border-radius:var(--admin-radius-lg);border:1px solid var(--ds-color-border);transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 4px rgba(0,0,0,.02)}.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 rgba(0,0,0,.01);background:rgba(255,255,255,.9)}.topup-custom-input-shell.is-disabled{opacity:.6;background:rgba(255,255,255,.3)}.topup-custom-input-field{flex:1 1;width:100%;padding:10px 8px;border:none;background:transparent;font-size:1.4rem;font-weight:700;text-align:center;color:var(--ds-color-text);outline:none;font-family:var(--ds-font-sans),sans-serif}.topup-key-input-wrapper{flex:1 1;position:relative;display:flex;align-items:center}.topup-key-input-icon{position:absolute;left:18px;color:var(--ds-color-text-muted);transition:color .3s ease;z-index:2}.topup-key-input-wrapper.is-focused .topup-key-input-icon{color:var(--ds-color-primary)}.topup-key-input-field{width:100%;padding:16px 16px 16px 48px;border-radius:var(--admin-radius-lg);border:1px solid rgba(255,255,255,.8);background:#ffffff;font-size:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;transition:all .3s cubic-bezier(.16,1,.3,1);outline:none;color:var(--ds-color-text);box-shadow:inset 0 2px 6px rgba(0,0,0,.02)}.topup-key-input-field.has-counter{padding-right:88px}.topup-key-input-field:focus{background:rgba(255,255,255,.95);border-color:var(--ds-color-primary);box-shadow:0 0 0 4px var(--ds-color-primary-soft),inset 0 2px 4px rgba(0,0,0,.01);transform:translateY(-2px)}.topup-key-input-field:disabled{opacity:.7;background:rgba(255,255,255,.3)}.topup-key-input-counter{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:.75rem;color:#9ca3af;pointer-events:none}.topup-quota-bar-shell{height:12px;background:rgba(0,0,0,.04);box-shadow:inset 0 1px 3px rgba(0,0,0,.04)}.topup-quota-bar-fill,.topup-quota-bar-shell{border-radius:var(--admin-radius-sm);overflow:hidden}.topup-quota-bar-fill{height:100%;transition:width .4s cubic-bezier(.16,1,.3,1),background .4s ease;position:relative}.topup-quick-select-inline{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.topup-package-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.topup-quick-btn{padding:14px 12px;border-radius:var(--admin-radius-lg);border:1px solid rgba(255,255,255,.8);background:#ffffff;color:var(--ds-color-text);font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;overflow:hidden}.topup-quick-btn:hover:not(:disabled){background:rgba(255,255,255,.9);border-color:var(--ds-color-primary-soft);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.06)}.topup-quick-btn.is-active{background:linear-gradient(180deg,var(--ds-color-primary-soft) 0,rgba(16,185,129,.02) 100%);border-color:var(--ds-color-primary);color:var(--ds-color-primary-dark);box-shadow:0 4px 16px var(--ds-color-primary-soft),inset 0 0 0 1px var(--ds-color-primary)}.topup-quick-btn.is-recommended{border-color:rgba(245,158,11,.35);background:linear-gradient(160deg,#fffbeb,#ffffff 45%,#ecfdf5);box-shadow:0 4px 16px rgba(245,158,11,.1)}.topup-quick-btn.is-recommended:before{display:none}.topup-quick-btn.is-recommended:hover:not(:disabled):before{transform:translateX(135%)}.topup-quick-btn.is-recommended:hover:not(:disabled){border-color:rgba(245,158,11,.55);box-shadow:0 22px 42px rgba(245,158,11,.18),inset 0 1px 0 rgba(255,255,255,.92);transform:translateY(-4px) scale(1.015)}.topup-quick-btn.is-recommended.is-active{border-color:#f59e0b;color:#9a3412;background:linear-gradient(160deg,#fff7ed,#fffbeb 45%,#ecfdf5);box-shadow:0 4px 16px rgba(245,158,11,.12),inset 0 0 0 1px rgba(245,158,11,.4)}.topup-quick-btn:disabled{opacity:.4;cursor:not-allowed}.topup-package-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px;min-height:28px}.topup-package-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 10px;border-radius:var(--admin-radius-pill);font-size:.72rem;font-weight:600;letter-spacing:.01em}.topup-package-badge-recommended{color:#fff;background:linear-gradient(135deg,#f59e0b,#ea580c);box-shadow:0 8px 18px rgba(245,158,11,.28)}.topup-package-badge-bonus{color:#166534;background:rgba(220,252,231,.95);border:1px solid rgba(34,197,94,.22)}.topup-recommendation-inline{display:inline-flex;align-items:center;margin-top:10px;padding:6px 10px;border-radius:var(--admin-radius-pill);background:rgba(245,158,11,.12);color:#b45309;font-size:.74rem;font-weight:500}.topup-summary-recommend{display:flex;flex-direction:column;gap:6px;margin-top:14px;padding:14px 16px;border-radius:var(--admin-radius-lg);background:linear-gradient(135deg,rgba(255,247,237,.95),rgba(254,252,232,.94));border:1px solid rgba(245,158,11,.22);color:#9a3412}.topup-summary-recommend strong{font-size:.9rem}.topup-summary-recommend span{font-size:.84rem;line-height:1.6}.topup-summary-pay-button{padding:16px;font-size:1.1rem;white-space:normal;line-height:1.35}.topup-glass-alert{padding:16px 20px;border-radius:var(--admin-radius-lg);background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid rgba(16,185,129,.2);border-left:4px solid var(--ds-color-primary);display:flex;align-items:center;gap:16px;color:var(--ds-color-primary-darker);font-size:.95rem;font-weight:500;animation:guidePopIn .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px rgba(16,185,129,.08)}.topup-glass-warning{background:linear-gradient(135deg,rgba(254,243,199,.7),rgba(253,230,138,.4));border:1px solid rgba(217,119,6,.2);border-left:4px solid #d97706;color:#92400e;box-shadow:0 4px 12px rgba(217,119,6,.08)}.topup-status-block{padding:20px;background:#f0fdf4;border-radius:var(--admin-radius-lg);border:1px solid rgba(16,185,129,.2)}.topup-summary-item-big{background:#ffffff;border-radius:var(--admin-radius-lg);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.8)}@keyframes popIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}70%{transform:scale(1.02) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.pop-in{animation:popIn .4s cubic-bezier(.16,1,.3,1) forwards}.shake-animation{animation:shake .5s cubic-bezier(.36,0,.66,-.56) both}.pulse-animation{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.slide-in-right{animation:slideInRight .3s ease forwards}.loading-spinner{display:inline-flex;align-items:center;gap:3px}.spinner-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:bounce .6s infinite alternate}.spinner-dot:nth-child(2){animation-delay:.2s}.spinner-dot:nth-child(3){animation-delay:.4s}.spinner-sm .spinner-dot{width:4px;height:4px}.spinner-lg .spinner-dot{width:8px;height:8px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;min-height:60dvh;gap:24px}.loading-spinner-large{position:relative;width:60px;height:60px}.spinner-ring{position:absolute;inset:0;border:3px solid transparent;border-top:3px solid var(--ds-color-primary);border-radius:50%;animation:spin 1.2s linear infinite}.spinner-ring:first-child{animation-duration:1.2s}.spinner-ring:nth-child(2){animation-duration:1s;animation-delay:.1s;border-top-color:var(--ds-color-primary)}.spinner-ring:nth-child(3){animation-duration:.8s;animation-delay:.2s;border-top-color:#8b5cf6}.loading-text{font-weight:500}.error-container{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:24px}.error-content{text-align:center;max-width:480px;padding:48px 32px;background:#ffffff;border-radius:var(--admin-radius-xl);border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 40px rgba(0,0,0,.08)}.error-icon{font-size:4rem;margin-bottom:16px}.error-content h2{font-size:1.8rem;font-weight:700;margin-bottom:12px;color:var(--ds-color-text)}.error-content p{color:var(--ds-color-text-muted);margin-bottom:24px}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.error-details{margin-top:24px;padding:16px;background:rgba(239,68,68,.1);border-radius:var(--admin-radius-md);font-size:.85rem;color:#dc2626;text-align:left;overflow-x:auto;-webkit-overflow-scrolling:touch}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.5) 25%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.5) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--admin-radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}:focus-visible{outline:2px solid var(--ds-color-primary);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--ds-color-primary);color:white;padding:8px 16px;z-index:var(--ds-z-dropdown);transition:top .3s}.skip-link:focus{top:0}@media (prefers-contrast:high){:root{--glass-bg:rgba(255,255,255,0.95);--border:rgba(0,0,0,0.3)}}@media print{.button,.button-secondary,.mobile-menu-button,.site-footer,.site-header{display:none!important}body{background:white!important;color:black!important}}.not-found-container{max-width:720px;margin:0 auto;padding:60px 24px;text-align:center}.not-found-visual{position:relative;margin-bottom:40px}.not-found-code{font-size:clamp(5rem,15vw,10rem);font-weight:800;background:linear-gradient(135deg,var(--ds-color-primary) 0,#af52de 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:20px}.not-found-illustration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;opacity:.5;pointer-events:none}.not-found-svg{width:100%;height:100%;color:var(--ds-color-primary)}.not-found-content{margin-bottom:40px}.not-found-actions{display:flex;gap:16px;justify-content:center;margin-top:32px;flex-wrap:wrap}.not-found-suggestions{background:var(--ds-color-surface-glass);border-radius:var(--admin-radius-lg);padding:32px;margin-bottom:32px;border:1px solid var(--ds-color-border)}.not-found-suggestions-title{font-weight:600;margin-bottom:20px;color:var(--ds-color-text)}.not-found-links{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.not-found-link{display:flex;align-items:center;gap:10px;padding:16px 24px;background:var(--ds-color-surface-elevated);border-radius:var(--admin-radius-md);border:1px solid var(--ds-color-border);transition:all .2s ease}.not-found-link:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-xl)}.not-found-help{color:var(--ds-color-text-muted)}.not-found-help .link{color:var(--ds-color-primary);text-decoration:underline;margin-left:8px}.loading-page{min-height:60vh;justify-content:center}.loading-content,.loading-page{display:flex;align-items:center}.loading-content{flex-direction:column;gap:20px}.loading-spinner{animation:spin 1s linear infinite;color:var(--ds-color-primary)}.loading-text{color:var(--ds-color-text-muted);font-size:1.1rem}.skeleton-card{background:linear-gradient(90deg,rgba(255,255,255,.4) 25%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.4) 75%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-title{height:24px;width:40%;background:rgba(0,0,0,.08);border-radius:var(--admin-radius-sm);margin-bottom:12px}.skeleton-title.small{height:20px;width:60%}.skeleton-line{height:16px;background:rgba(0,0,0,.06);border-radius:var(--admin-radius-sm);margin-bottom:10px}.skeleton-line.short{width:70%}.skeleton-line.xshort{width:50%}.smart-alerts{display:flex;flex-direction:column;gap:16px}.smart-alert{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;border-radius:var(--admin-radius-lg);border:1px solid transparent}.smart-alert.warning{background:rgba(255,149,0,.1);border-color:rgba(255,149,0,.2);color:#b35900}.smart-alert.info{background:rgba(0,113,227,.1);border-color:rgba(0,113,227,.2);color:#0051a8}.smart-alert.success{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.2);color:#15803d}.smart-alert-content{flex:1 1}.smart-alert-title{font-weight:600;margin:0 0 4px}.smart-alert-message{margin:0;font-size:.95rem;opacity:.9}.smart-alert-action{display:flex;align-items:center;gap:4px;padding:8px 16px;background:rgba(255,255,255,.8);border-radius:var(--admin-radius-sm);font-weight:500;font-size:.9rem;white-space:nowrap;transition:all .2s ease}.smart-alert-action:hover{background:white;box-shadow:0 2px 8px rgba(0,0,0,.1)}.usage-trend{display:flex;flex-direction:column;gap:24px}.trend-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.trend-stat{display:flex;align-items:center;gap:16px;padding:20px;background:var(--ds-color-surface-glass);border-radius:var(--admin-radius-lg);border:1px solid var(--ds-color-border)}.trend-stat-icon{color:var(--ds-color-primary)}.trend-stat-content{display:flex;flex-direction:column;gap:4px}.trend-stat-value{font-size:1.5rem;font-weight:700;color:var(--ds-color-text)}.trend-stat-label{font-size:.875rem;color:var(--ds-color-text-muted)}.trend-chart{background:var(--ds-color-surface-glass);border-radius:var(--admin-radius-lg);padding:24px;border:1px solid var(--ds-color-border)}.trend-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.trend-chart-title{font-weight:600;color:var(--ds-color-text)}.trend-chart-subtitle{font-size:.875rem;color:var(--ds-color-text-muted)}.trend-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;height:150px}.trend-bar-wrapper{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:8px}.trend-bar{width:100%;max-width:40px;background:linear-gradient(180deg,var(--ds-color-primary) 0,rgba(0,113,227,.5) 100%);border-radius:6px 6px 0 0;min-height:4px;transition:all .3s ease}.trend-bar:hover{background:var(--ds-color-primary-dark)}.trend-bar-label{font-size:.75rem;color:var(--ds-color-text-muted)}.key-table{overflow-x:auto}.key-table table{width:100%;min-width:900px}.key-value{display:flex;align-items:center;gap:12px}.masked-key{font-family:monospace;font-size:.9rem;background:rgba(0,0,0,.05);padding:6px 12px}.icon-button,.masked-key{border-radius:var(--admin-radius-sm)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--ds-color-border);background:var(--ds-color-surface-glass);cursor:pointer;transition:all .2s ease}.icon-button:hover:not(:disabled){background:var(--ds-color-surface-elevated);transform:translateY(-1px)}.icon-button:disabled{opacity:.5;cursor:not-allowed}.icon-button.copied{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.3);color:var(--ds-color-success)}.action-buttons{display:flex;gap:8px}.disable-button:hover{background:rgba(255,59,48,.1);border-color:rgba(255,59,48,.3);color:var(--ds-color-danger)}.enable-button:hover{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3);color:var(--ds-color-success)}.delete-button:hover{background:rgba(255,59,48,.15);border-color:rgba(255,59,48,.4);color:var(--ds-color-danger)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--admin-radius-lg);font-size:.85rem;font-weight:500}.status-badge.active{background:rgba(34,197,94,.15);color:#15803d}.status-badge.disabled{background:rgba(107,114,128,.15);color:#6b7280}.disabled-row{opacity:.7;background:rgba(0,0,0,.02)}.quota-value.low{color:var(--ds-color-danger);font-weight:600}.quota-unlimited{color:var(--ds-color-success);font-weight:500}.expires-date{font-size:.9rem}.no-expires{color:var(--ds-color-text-muted)}.quota-cell,.usage-cell{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.created-cell{font-size:.9rem;color:var(--ds-color-text-muted)}.key-name{font-weight:500}.error-card{background:rgba(255,59,48,.1);border-color:rgba(255,59,48,.2)}.contact-header{text-align:center;margin-bottom:48px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px;margin-bottom:48px}.contact-card{background:var(--ds-color-surface-glass);border-radius:var(--admin-radius-lg);padding:32px;border:1px solid var(--ds-color-border);display:flex;flex-direction:column;gap:20px;transition:all .3s ease}.contact-card:hover{transform:translateY(-4px);box-shadow:var(--ds-shadow-xl)}.contact-card-icon{width:56px;height:56px;border-radius:var(--admin-radius-lg);background:linear-gradient(135deg,var(--ds-color-primary) 0,#af52de 100%);display:flex;align-items:center;justify-content:center;color:white}.contact-card-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--ds-color-text)}.contact-card-description{color:var(--ds-color-text-muted);margin:0;line-height:1.6}.contact-card-value{font-family:monospace;font-size:.95rem;color:var(--ds-color-text);padding:12px 16px;background:rgba(0,0,0,.04);border-radius:var(--admin-radius-sm);word-break:break-all}.contact-card-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:var(--ds-color-primary);color:white;border-radius:var(--admin-radius-md);font-weight:600;transition:all .2s ease;margin-top:auto}.contact-card-action:hover{background:var(--ds-color-primary-dark);transform:translateY(-2px)}.contact-sales{background:linear-gradient(135deg,rgba(0,113,227,.08),rgba(175,82,222,.08));border-radius:var(--admin-radius-xl);padding:48px;display:flex;justify-content:space-between;align-items:center;gap:48px;margin-bottom:48px;flex-wrap:wrap}.contact-sales-content h2{font-size:1.75rem;margin:0 0 16px;color:var(--ds-color-text)}.contact-sales-content p{color:var(--ds-color-text-muted);margin:0 0 24px;font-size:1.1rem}.contact-sales-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.contact-sales-features li{display:flex;align-items:center;gap:10px;color:var(--ds-color-text)}.contact-sales-features li:before{content:"✓";width:24px;height:24px;border-radius:50%;background:var(--ds-color-success);color:white;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600}.contact-sales-action{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.contact-sales-email{display:flex;align-items:center;gap:12px;font-family:monospace;font-size:1.1rem;color:var(--ds-color-text);margin:0}.contact-sales-email a{color:var(--ds-color-primary);text-decoration:underline}.contact-faq{background:var(--ds-color-surface-glass);border-radius:var(--admin-radius-lg);padding:32px;border:1px solid var(--ds-color-border)}.contact-faq h2{font-size:1.5rem;margin:0 0 24px;color:var(--ds-color-text)}@media (max-width:1024px){.trend-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.trend-stats{grid-template-columns:1fr}.contact-sales{padding:32px 24px;flex-direction:column;text-align:center}.contact-sales-action{align-items:center;width:100%}}.skeleton-section{height:200px}.skeleton-card,.skeleton-section{opacity:.5;background:linear-gradient(90deg,rgba(255,255,255,.5) 25%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.5) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.skeleton-card{height:400px}@media (min-width:2560px){:root{--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif}.topup-container{max-width:1400px}.topup-content{grid-template-columns:1.3fr 420px;gap:48px}}@media (min-width:768px) and (max-width:1024px){.topup-content{grid-template-columns:1fr}.topup-right{order:-1;position:static}}@media (max-width:767px){.topup-container{padding:12px}.topup-content{grid-template-columns:1fr;gap:20px}.topup-right{order:-1;position:static}.topup-header-glass{flex-direction:column;text-align:center;padding:24px 20px}.topup-gem-icon{order:-1}.page-title-emerald{font-size:1.5rem}.topup-card-emerald,.topup-section-emerald{padding:20px;border-radius:var(--admin-radius-lg)}.coupon-row-emerald{flex-direction:column}.coupon-row-emerald button,.coupon-row-emerald input{width:100%}.button-row-emerald{gap:10px}.btn-pay-emerald,.btn-query-emerald{width:100%}}@media (max-width:375px){.topup-card-emerald,.topup-section-emerald{padding:16px}.package-item-emerald{padding:14px 16px}.quota-details-panel{padding:16px}.quota-stats-grid{gap:12px}.quota-stat-card{padding:12px 14px}}@media (max-width:767px){.quota-details-panel{padding:16px;border-radius:var(--admin-radius-lg)}.quota-verified-badge{padding:8px 14px;font-size:.85rem}.quota-verified-badge .token-name{max-width:150px}.quota-progress-container{padding:16px}.quota-progress-header{margin-bottom:12px}.quota-progress-left{gap:8px}.quota-status-badge{padding:3px 8px;font-size:.7rem}.quota-progress-percentage{font-size:1.2rem}.quota-progress-bar-bg{height:12px;margin-bottom:14px}.quota-progress-bar-bg,.quota-progress-bar-fill{border-radius:var(--admin-radius-sm)}.quota-progress-stats{gap:8px;padding-top:14px}.quota-stat-item{padding:10px 6px;gap:4px}.quota-stat-label-sm{font-size:.65rem}.quota-stat-value-sm{font-size:.85rem}}@media (max-width:480px){.quota-progress-stats{grid-template-columns:repeat(3,1fr);gap:6px}.quota-stat-item{padding:8px 4px;border-radius:var(--admin-radius-sm)}.quota-stat-label-sm{font-size:.6rem;letter-spacing:0}.quota-stat-value-sm{font-size:.8rem}.quota-progress-header{flex-wrap:wrap;gap:8px}.quota-progress-left{flex-wrap:wrap;gap:6px}}@media (max-width:375px){.quota-details-panel{padding:14px}.quota-progress-container{padding:14px 12px}.quota-verified-badge{font-size:.8rem;padding:6px 12px}.check-icon{width:18px;height:18px;font-size:10px}.quota-stat-value-sm{font-size:.75rem}}@supports (-webkit-touch-callout:none){html{touch-action:manipulation}}@supports (padding-top:env(safe-area-inset-top)){.app-shell{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.site-header{padding-top:max(12px,env(safe-area-inset-top))}.site-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}.sticky-bottom-bar{padding-bottom:env(safe-area-inset-bottom)}}@media screen and (max-width:430px) and (-webkit-device-pixel-ratio:3){.liquid-glass-page{width:min(1200px,calc(100vw - 16px))}.topup-hero-tiers-grid{grid-template-columns:repeat(2,1fr);gap:8px}.liquid-glass-hero-title{font-size:clamp(1.4rem,5vw,1.7rem)}}@media screen and (max-width:375px) and (max-height:667px){.liquid-glass-hero{padding:16px;border-radius:var(--admin-radius-lg)}.topup-hero-tier-card{padding:10px 6px}.topup-hero-tier-price .amount{font-size:1.1rem}.topup-checkout-title{font-size:1.2rem}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){.liquid-glass-hero-emerald{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.topup-grid{grid-template-columns:minmax(0,1fr) 320px;gap:20px}.topup-hero-tiers-grid{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){.liquid-glass-hero-emerald,.topup-grid{grid-template-columns:1fr}.topup-summary{order:-1;position:static}.topup-hero-tiers-grid{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-device-width:1024px) and (max-device-width:1366px){.liquid-glass-page{width:min(1100px,calc(100vw - 48px))}.liquid-glass-hero-emerald{grid-template-columns:minmax(0,1.3fr) minmax(300px,.9fr)}}@supports not (-webkit-touch-callout:none){.app-shell{padding-bottom:16px}}@media screen and (max-width:480px) and (resolution:2dppx){.liquid-glass-hero-emerald,.liquid-glass-panel-emerald{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.98)}.topup-step-card{backdrop-filter:none;-webkit-backdrop-filter:none}.topup-hero-tier-card{transition:none}}@media (hover:none) and (pointer:coarse){.button,button,input{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}}.wechat-browser .liquid-glass-page,.wx-browser .liquid-glass-page{--glass-blur:8px}@supports (-webkit-touch-callout:none){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.liquid-glass-page{overscroll-behavior-y:none}}@supports (not (-webkit-touch-callout:none)){.topup-key-input-wrapper input:focus{position:relative;z-index:100}}@media screen and (aspect-ratio:1/1){.liquid-glass-hero{box-shadow:0 4px 20px rgba(0,0,0,.08)}}.button,.topup-btn-verified,.topup-btn-verify{display:inline-flex;align-items:center;justify-content:center}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi){.liquid-glass-hero-text{text-rendering:optimizeLegibility}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi){.liquid-glass-hero,.topup-hero-tier-card{border-width:.5px}}@supports (-webkit-backdrop-filter:blur(10px)) and (not (-webkit-touch-callout:none)){.liquid-glass-hero-emerald{-webkit-backdrop-filter:var(--ds-blur-lg);backdrop-filter:var(--ds-blur-lg)}}@media (-webkit-min-device-pixel-ratio:2) and (min-width:1440px),(min-resolution:2dppx) and (min-width:1440px){:root{font-size:16px}}@media screen and (min-width:2560px){:root{font-size:18px}.liquid-glass-page{width:min(1400px,calc(100vw - 80px))}.liquid-glass-hero-emerald{max-width:1400px;grid-template-columns:minmax(0,1.35fr) minmax(380px,.95fr);gap:28px;padding:40px}.topup-grid{grid-template-columns:minmax(0,1fr) 400px;gap:32px}.topup-hero-tiers-grid{grid-template-columns:repeat(3,1fr);gap:14px}.topup-hero-tier-card{padding:20px 16px}.topup-hero-tier-price .amount{font-size:1.6rem}.topup-hero-tier-quota .total{font-size:1.3rem}}@media screen and (min-width:3840px){:root{font-size:20px}.liquid-glass-page{width:min(1600px,calc(100vw - 120px))}.liquid-glass-hero-emerald{max-width:1600px;grid-template-columns:minmax(0,1.4fr) minmax(440px,1fr);gap:36px;padding:48px;border-radius:var(--admin-radius-xl)}.liquid-glass-hero-title{font-size:clamp(2rem,3vw,2.8rem)}.topup-grid{grid-template-columns:minmax(0,1fr) 440px;gap:40px}.topup-hero-tiers-grid{grid-template-columns:repeat(3,1fr);gap:16px}.topup-hero-tier-card{padding:24px 20px;border-radius:var(--admin-radius-lg)}.topup-hero-tier-price .amount{font-size:1.8rem}.topup-hero-tier-quota .total{font-size:1.5rem}}@media screen and (min-aspect-ratio:7/3) and (min-width:2560px){.liquid-glass-page{width:min(1800px,calc(100vw - 160px))}.liquid-glass-hero-emerald{grid-template-columns:minmax(0,1.5fr) minmax(500px,1fr)}}@media screen and (max-width:280px){.liquid-glass-page{width:100vw;padding-left:8px;padding-right:8px}.liquid-glass-hero{padding:12px;border-radius:var(--admin-radius-lg)}.topup-hero-tiers-grid{grid-template-columns:repeat(2,1fr);gap:6px}.topup-hero-tier-card{padding:8px 4px}.topup-hero-tier-price .amount{font-size:1rem}.topup-hero-tier-quota .total{font-size:.9rem}}@media screen and (min-width:700px) and (max-width:900px) and (min-height:1000px){.liquid-glass-hero-emerald{grid-template-columns:1fr}.topup-hero-tiers-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-height:500px) and (orientation:landscape){.liquid-glass-hero-emerald{grid-template-columns:minmax(0,1fr) minmax(200px,.6fr);gap:16px;padding:16px}.topup-hero-tiers-grid{grid-template-columns:repeat(3,1fr);gap:8px}.topup-hero-tier-card{padding:10px 6px}.topup-hero-tiers-header{display:none}.liquid-glass-hero-title{font-size:1.3rem}}@media print{.site-footer,.site-header,.topup-modal-overlay,.topup-step-overlay{display:none!important}.liquid-glass-page{width:100%;padding:0}.liquid-glass-hero{background:white;border:1px solid #ccc;box-shadow:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.liquid-glass-hero{background:var(--ds-color-surface-dim);border:1px solid #e2e8f0}.topup-grid{display:flex;flex-wrap:wrap}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.liquid-glass-hero-emerald{background:rgba(236,253,245,.98)}.liquid-glass-panel-emerald{background:rgba(255,255,255,.98)}}@media screen and (max-width:375px){.liquid-glass-page{width:100%;padding-left:12px;padding-right:12px;padding-top:12px}.liquid-glass-hero-emerald{padding:16px;border-radius:var(--admin-radius-lg);margin-bottom:16px}.liquid-glass-hero-title{font-size:1.3rem;line-height:1.2}.liquid-glass-hero-text{font-size:.9rem}.topup-hero-tiers-grid{grid-template-columns:repeat(2,1fr);gap:8px}.topup-hero-tier-card{padding:12px 6px;border-radius:var(--admin-radius-md)}.topup-hero-tier-price .amount{font-size:1.1rem}.topup-hero-tier-quota .total{font-size:.95rem}.topup-hero-tier-badge{font-size:.55rem;padding:2px 6px;top:-4px}.topup-checkout-shell{padding:0}.topup-checkout-header{padding:16px}.topup-checkout-title{font-size:1.2rem}.topup-progress{padding:12px 8px;gap:4px}.topup-progress-label{font-size:.7rem}.topup-grid{grid-template-columns:1fr;gap:16px;padding:0 12px}.topup-summary{order:-1;position:static}.topup-package-grid{grid-template-columns:repeat(2,1fr);gap:10px}.topup-inline-field{flex-direction:column;gap:10px}.topup-key-input-wrapper{width:100%}.topup-btn-verified,.topup-btn-verify{width:100%;justify-content:center}}@media screen and (max-width:320px){.liquid-glass-page{padding-left:8px;padding-right:8px}.liquid-glass-hero-emerald{padding:12px}.topup-hero-tiers-grid{grid-template-columns:repeat(2,1fr);gap:6px}.topup-hero-tier-card{padding:8px 4px}.topup-hero-tier-price .amount{font-size:1rem}.topup-hero-tier-quota .total{font-size:.85rem}.topup-hero-tier-breakdown{font-size:.6rem}}@media screen and (min-width:768px) and (max-width:1024px){.liquid-glass-page{width:min(1000px,calc(100vw - 32px))}.liquid-glass-hero-emerald{grid-template-columns:1fr;gap:20px}.topup-hero-tiers-grid{grid-template-columns:repeat(3,1fr)}.topup-grid{grid-template-columns:1fr}.topup-summary{order:-1;position:static;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.topup-summary-card{margin-bottom:0}}@media screen and (min-width:1024px) and (max-width:1366px) and (orientation:landscape){.liquid-glass-hero-emerald{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}.topup-grid{grid-template-columns:minmax(0,1fr) 340px}.topup-hero-tiers-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1400px){.liquid-glass-page{width:min(1300px,calc(100vw - 48px))}.topup-grid{grid-template-columns:minmax(0,1fr) 360px;gap:28px}}.wechat-browser .liquid-glass-hero-emerald,.wx-browser .liquid-glass-hero-emerald{-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%)}.wechat-browser .topup-hero-tier-card,.wx-browser .topup-hero-tier-card{transition:none}.wechat-browser .topup-hero-tier-card:active,.wx-browser .topup-hero-tier-card:active{transform:scale(.98)}.wechat-browser.android-device input:focus,.wx-browser.android-device input:focus{position:relative;z-index:100}@media screen and (max-height:500px) and (orientation:landscape){.liquid-glass-hero-emerald{grid-template-columns:minmax(0,1fr) minmax(180px,.5fr);gap:16px;padding:16px}.topup-hero-tiers-header{display:none}.topup-hero-tiers-grid{grid-template-columns:repeat(3,1fr);gap:8px}.topup-hero-tier-card{padding:10px 6px}.topup-checkout-shell{padding:0}.topup-grid{grid-template-columns:1fr 1fr;gap:16px}}@supports (padding:max(0px)){.app-shell{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom))}.liquid-glass-page{padding-bottom:max(20px,env(safe-area-inset-bottom))}.fixed-bottom-bar,.sticky-bottom-actions{padding-bottom:env(safe-area-inset-bottom)}}@media (hover:none) and (pointer:coarse){.topup-hero-tier-card{cursor:pointer;-webkit-tap-highlight-color:rgba(16,185,129,.1)}.topup-btn-verified,.topup-btn-verify,.topup-package-grid button{min-height:44px}.topup-hero-tier-card:hover{transform:none}.topup-hero-tier-card:active{transform:scale(.98);opacity:.9}}@media (prefers-reduced-motion:no-preference){.topup-hero-tier-card{transition:transform .2s ease,box-shadow .2s ease}}@media (prefers-contrast:high){.liquid-glass-hero-text{color:#1f2937}.topup-hero-tier-quota .label{color:#374151}}*{box-sizing:border-box}html{min-height:100%;background:#f5f5f7;background-attachment:fixed;text-size-adjust:100%}body{margin:0;min-height:100vh;color:var(--ds-color-text);font-family:var(--ds-font-sans),sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:env(safe-area-inset-bottom,0)}body.mobile-menu-open{overflow:hidden;position:fixed;width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.button,.button-secondary,.package-item,a,button{touch-action:manipulation}a:active,button:active{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.05)}@media (prefers-color-scheme:dark){html{background:#0f172a}::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2)}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}*{scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.05)}}