:root{color-scheme:light;--mode-canvas:#f1f2f5;--mode-panel:rgb(255 255 255 / var(--panel-opacity, .94));--mode-card:rgb(255 255 255 / var(--card-opacity, .96));--mode-field:#f7f8fa;--mode-text:#20242c;--mode-muted:#536071;--mode-border:#ced4de;--mode-success:#166534;--mode-danger:#b91c32;--mode-warning:#92400e;--workspace-stripe:#f7f8fa;--workspace-hover:#eef4f5;--workspace-selected:#fff0f2;--workspace-selected-text:#b71932}html[data-color-mode=dark]{color-scheme:dark;--mode-canvas:#101114;--mode-panel:rgb(24 26 31 / var(--panel-opacity, .94));--mode-card:rgb(29 31 37 / var(--card-opacity, .96));--mode-field:#24272e;--mode-text:#f0f2f5;--mode-muted:#b4bbc8;--mode-border:#424852;--mode-success:#64dfa4;--mode-danger:#ff8b9b;--mode-warning:#f3ca78;--workspace-stripe:#22252b;--workspace-hover:#293439;--workspace-selected:#3a232c;--workspace-selected-text:#ff9dae}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;flex:0 0 40px;padding:9px;border:1px solid var(--mode-border);border-radius:8px;background:var(--mode-panel);color:var(--mode-text);cursor:pointer}.theme-toggle:hover{border-color:#cf5369;background:var(--mode-field)}.theme-toggle:focus-visible{outline:2px solid #16a6ba;outline-offset:3px}.theme-toggle>span{display:block;width:20px;height:20px;background:currentColor;mask:url('assets/icons/moon.svg') center/contain no-repeat;-webkit-mask:url('assets/icons/moon.svg') center/contain no-repeat}[data-color-mode=dark] .theme-toggle>span{mask-image:url('assets/icons/sun.svg');-webkit-mask-image:url('assets/icons/sun.svg')}.login-box>.theme-toggle,.login-card>.theme-toggle{margin-left:auto;margin-bottom:14px}html[data-theme-surface=storefront][data-color-mode=dark]{--bg-card:var(--mode-card);--bg-card2:var(--mode-panel);--text-primary:var(--mode-text);--text-muted:var(--mode-muted);--text-dim:#a7b0bf;--border-subtle:var(--mode-border);--green:var(--mode-success);--gold:var(--mode-warning);--purple:#b9a5ff}html[data-theme-surface=storefront][data-color-mode=dark] body{background-color:var(--mode-canvas)}html[data-theme-surface=storefront][data-color-mode=dark] :is(
.topbar,.topbar-nav-menu,.section-block,.catalog-header,.stream-hero,.home-quick-shop,.home-product-groups,.product-home-group,.product-home-mini,.flash-card,.stream-card,.catalog-card,.game-card,.review-card,.contact-channel-card,.notification-panel,.mini-cart-panel,.modal-content,.modal-box,.profile-card,.orders-panel,.order-card,.order-detail-panel,.checkout-panel,.checkout-summary,.support-chat-panel,.support-ticket-card,.delivery-card,.expiry-card,.access-code-card,.footer-contact-info,.footer-version,.product-home-skeleton,.product-home-skeleton-card
){background:var(--mode-panel);border-color:var(--mode-border);color:var(--mode-text)}html[data-theme-surface=storefront][data-color-mode=dark] :is(
.stream-card-footer,.catalog-card-footer,.category-filter-chip:not(.active),.stream-filter-btn:not(.active),.product-home-nav,.product-home-icon,.hamburger,.notification-toggle,.mini-cart-toggle,.lang-toggle,.game-topup-progress,.game-topup-stage,.game-topup-summary,.game-topup-actions,.game-topup-game,.game-topup-package,.game-topup-detail-card,.game-topup-confirm-card
){background:var(--mode-field);border-color:var(--mode-border);color:var(--mode-text)}html[data-theme-surface=storefront][data-color-mode=dark] :is(
.product-home-mini strong,.product-home-mini-price,.product-home-group-head h3,.section-title,.catalog-title,.stream-hero-title,.footer-contact-info strong,.game-topup-header h1,.game-topup-header h2
){color:var(--mode-text)}html[data-theme-surface=storefront][data-color-mode=dark] :is(
.product-home-group-head p,.footer-contact-info small,.footer-bottom,.footer-links a,.contact-channel-detail,.catalog-subtitle
){color:var(--mode-muted)}html[data-theme-surface=storefront][data-color-mode=dark] :is(
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea
){background-color:var(--mode-field);color:var(--mode-text);border-color:var(--mode-border)}html[data-theme-surface=storefront][data-color-mode=dark] :is(input,textarea)::placeholder{color:var(--mode-muted)}html[data-theme-surface=storefront][data-color-mode=dark] .game-topup-page{--topup-text:var(--mode-text);--topup-muted:var(--mode-muted);--topup-border:var(--mode-border);--topup-green:var(--mode-success);background:var(--mode-panel);color:var(--mode-text)}html[data-color-mode=dark] #page-home .product-home-availability.available{color:var(--mode-success)}html[data-color-mode=dark] #page-home .product-home-availability.updating{color:#7cd6ed}html[data-color-mode=dark] #page-home .product-home-availability.out{color:var(--mode-danger)}html[data-color-mode=dark] :is(.hamburger img,.nav-icon img,.workspace-icon){filter:brightness(0) invert(1)}html[data-color-mode=dark] .category-filter-chip{text-shadow:none;box-shadow:none}html[data-color-mode] .wallet-page{--wallet-surface:var(--mode-panel);--wallet-surface-2:var(--mode-field);--wallet-surface-3:var(--mode-card);--wallet-text:var(--mode-text);--wallet-muted:var(--mode-muted);--wallet-border:var(--mode-border);--wallet-green:var(--mode-success);border-color:var(--mode-border)}html[data-color-mode=light] .wallet-page{--wallet-accent:#bd1937}html[data-color-mode] :is(.wallet-flow-shell,.wallet-flow-shell .wallet-flow-stage,.wallet-flow-shell .wallet-input-panel,.wallet-flow-shell .wallet-payment-panel,.wallet-flow-shell .wallet-flow-method-summary,.wallet-flow-shell .wallet-motion-state,.wallet-flow-shell .wallet-review-state,.wallet-transactions-page .wallet-ledger-panel.wallet-glass-panel,.wallet-transactions-page .wallet-transaction-summary-card,.wallet-transactions-page .wallet-balance-card.wallet-glass-panel
){background:var(--mode-panel);color:var(--mode-text);border-color:var(--mode-border)}html[data-color-mode] :is(.wallet-transactions-layout,.wallet-ledger-head h3,.wallet-ledger-row,.wallet-transaction-summary-card strong,.wallet-balance-card strong,.wallet-review-state strong){color:var(--mode-text)}html[data-color-mode] :is(.wallet-transaction-summary-card span,.wallet-transaction-summary-card small,.wallet-transactions-page .wallet-balance-card span,.wallet-transactions-page .wallet-balance-card small,.wallet-review-state small){color:var(--mode-muted)}html[data-color-mode=light] :is(.wallet-page,#page-wallet.wallet-page,#page-wallet-transactions.wallet-page){background-color:rgb(255 255 255 / .88);background-blend-mode:normal}html[data-theme-surface=storefront][data-color-mode=light] body:is([data-page=wallet],[data-page=wallet-transactions]){background-color:var(--bg-base);background-image:var(--shop-bg-image,none)!important}html[data-color-mode=light] :is(.wallet-flow-shell input,.wallet-flow-shell select,.wallet-flow-shell textarea){background:var(--mode-field);color:var(--mode-text);border-color:var(--mode-border)}html[data-color-mode=light] .storefront-faq{background:var(--mode-panel);border-color:var(--mode-border)}html[data-color-mode=light] :is(.storefront-faq-head h2,.storefront-faq-item summary){color:var(--mode-text)}html[data-color-mode=light] :is(.storefront-faq-head p,.storefront-faq-answer p,.storefront-faq-count){color:var(--mode-muted)}html[data-color-mode=light] .storefront-faq-item{background:var(--mode-card);border-color:var(--mode-border)}html[data-theme-surface=admin][data-color-mode=dark],html[data-theme-surface=admin][data-color-mode=dark] body.admin-workspace{--bg:var(--mode-canvas);--bg-card:#1d1f25;--bg-card2:#272a32;--text:var(--mode-text);--muted:var(--mode-muted);--dim:#a7b0bf;--border:var(--mode-border);--border-s:var(--mode-border);--green:var(--mode-success);--red:var(--mode-danger);--gold:var(--mode-warning);--purple:#b9a5ff}html[data-theme-surface=admin][data-color-mode=dark] body{background:var(--mode-canvas);color:var(--mode-text)}html[data-theme-surface=admin][data-color-mode=dark] :is(
.stat-card,.dashboard-stat-card,.dashboard-metric-card,.dashboard-card,.chart-card,.dashboard-filter-band,.dashboard-kpi,.dashboard-chart-panel,.dashboard-summary-panel,.dashboard-operations-card,.admin-staff-manager,.order-control-stat,.product-workspace-toolbar,.product-workspace-list,.product-workspace-overview-item,.product-workspace-empty,.dedicated-supplier-safety,.supplier-products-panel,.supplier-center-workers,.admin-help-toolbar,.admin-help-flow-item,.admin-help-card,.supplier-doc-step,.supplier-center-api-state,.supplier-center-summary article,.reward-admin-summary article,.page-header-editor,.supplier-center-card,.supplier-center-summary-card,.supplier-center-metric,.operations-summary-item,.operations-health-item,.operations-case-card,.faq-admin-pages,.faq-admin-editor,.faq-admin-item,.faq-admin-page-button,.faq-admin-image-card,.admin-sales-cart,.admin-sales-product-card,.admin-sales-summary,.inventory-product-stock-card,.product-workspace-card,.product-workspace-summary,.form-box,.modal-box,.modal-content,.login-box,.help-card,.help-section,.wallet-summary-card,.wallet-stat-card,.wallet-filter-row,.toast
){background:var(--mode-card);color:var(--mode-text);border-color:var(--mode-border)}html[data-theme-surface=admin][data-color-mode=dark] :is(
.operations-shell,.operations-empty-state strong,.faq-admin-page-title,.faq-admin-items-head h3,.faq-admin-item-title,.supplier-center-card-title,.supplier-center-summary-value,.admin-sales-product-name
){color:var(--mode-text)}html[data-theme-surface=admin][data-color-mode=dark] :is(
.operations-updated-at,.operations-summary-item span,.operations-health-item small,.operations-panel-heading small,.operations-case-main p,.faq-admin-media-note,.faq-admin-image-position,.contact-field-error
){color:var(--mode-muted)}html[data-theme-surface=admin][data-color-mode=dark] .contact-field-error{color:var(--mode-danger)}html[data-color-mode=dark] .admin-workspace .admin-main .admin-export-btn{color:var(--mode-success);border-color:#46785f}html[data-color-mode=dark] .admin-workspace :focus-visible{outline-color:#66d6df}html[data-color-mode=dark] .admin-workspace .workspace-icon-button:hover{border-color:var(--mode-border)}html[data-color-mode=dark] .admin-workspace .workspace-pin[aria-pressed=true]{background:#453b25}html[data-color-mode=dark] .admin-workspace .faq-switch-label{color:var(--mode-muted)}html[data-color-mode=dark] .admin-workspace :is(.dashboard-action-row,.dashboard-snapshot-grid > div,.product-workspace-summary > div,.customer-otp-setting,.inventory-workspace,.admin-api-docs-endpoint,.admin-help-note){background:var(--mode-card);border-color:var(--mode-border);color:var(--mode-text)}html[data-color-mode=dark] .admin-workspace .dashboard-section-heading h3{color:var(--mode-text)}html[data-color-mode=dark] .admin-workspace .dashboard-filter-status.success{color:var(--mode-success)}html[data-color-mode=dark] .admin-workspace :is(.dashboard-filter-fields label,.dashboard-filter-fields label > span,.customer-otp-setting-copy p,.customer-otp-setting-copy span,.admin-api-docs-title-row > span){color:var(--mode-muted)}html[data-color-mode=dark] .admin-workspace .customer-otp-setting-copy strong{color:var(--mode-text)}html[data-color-mode=dark] .admin-workspace .admin-api-docs-method.post{background:#203b30;color:var(--mode-success)}html[data-color-mode=dark] .admin-workspace :is(.order-history-supplier-tabs button,.dashboard-filter-presets button){background:var(--mode-field);color:var(--mode-muted);border-color:var(--mode-border)}html[data-color-mode=dark] .admin-workspace :is(.order-history-supplier-tabs button.active,.dashboard-filter-presets button.active){background:var(--workspace-selected);color:var(--workspace-selected-text);border-color:#a34f65}html[data-color-mode=dark] .admin-workspace :is(.status-pill.success,.badge-green,.status-badge.completed){color:var(--mode-success);background:#203b30;border-color:#46785f}html[data-color-mode=dark] .admin-workspace :is(.status-pill.danger,.badge-red,.status-badge.failed){color:var(--mode-danger);background:#41262d;border-color:#875461}html[data-color-mode=dark] .admin-workspace :is(.badge-gold,.status-badge.pending){color:var(--mode-warning);background:#3c3324;border-color:#847048}html[data-theme-surface=storefront][data-color-mode=dark] #page-home :is(
.product-home-mini,.product-home-group,.product-home-group-head,.product-row-all,.product-row-arrow,.product-home-nav,.home-announcement-arrow
){background:var(--mode-card);border-color:var(--mode-border);color:var(--mode-text);box-shadow:var(--shadow-xs)}html[data-theme-surface=storefront][data-color-mode=dark] #page-home :is(.product-home-group-head p,.product-home-head-actions > span,.product-home-head-actions > strong){color:var(--mode-muted)}html[data-theme-surface=storefront][data-color-mode=dark] :is(
.mini-cart-footer,.notification-empty,.modal-close,.ticker-item,.support-contact-link,.game-topup-header,.game-topup-security,.game-topup-game-card,.game-topup-package-card,.game-topup-input-section
){background:var(--mode-field);color:var(--mode-text);border-color:var(--mode-border)}html[data-color-mode=dark] :is(.game-topup-security strong,.game-topup-progress-item.active strong){color:var(--mode-text)}html[data-color-mode=dark] .ticker-item-status{color:var(--mode-success)}html[data-color-mode=dark] .mini-cart-count.is-empty{color:var(--mode-muted);background:var(--mode-field)}html[data-color-mode=dark] .notification-header button{color:#ff9dae;background:var(--mode-field)}html[data-color-mode=dark] :is(.home-announcement-arrow,#page-home .product-row-controls button){background:var(--mode-field);color:var(--mode-text);border-color:var(--mode-border)}html[data-color-mode=dark] .hamburger span{background:var(--mode-text)}html[data-color-mode=dark] :is(.product-home-icon,.product-row-arrow,.product-home-detail,.topbar-nav-toggle,.section-title) img[src*="assets/icons/"]{filter:brightness(0) invert(1)}html[data-color-mode=dark] #page-home .product-home-detail{color:#ff9dae}html[data-color-mode=dark] .admin-workspace .btn-logout:hover{color:var(--mode-danger)}html[data-color-mode] :is(.wallet-header-chip,.wallet-topup-header .wallet-refresh,.wallet-subpage-header .wallet-refresh,.wallet-topup-unavailable,.wallet-rank-level,.wallet-rank-level.active){background:var(--mode-field);color:var(--mode-text);border-color:var(--mode-border)}html[data-color-mode] .wallet-page .wallet-page-eyebrow{color:var(--wallet-accent)}html[data-color-mode=dark] :is(.orders-search,.profile-basic-card,.profile-basic-row,.profile-form-card,.profile-avatar-tool.ghost,.profile-simple-actions .profile-secondary,.support-form-card,.support-chat-card){background:var(--mode-panel);color:var(--mode-text);border-color:var(--mode-border)}html[data-color-mode=dark] :is(.profile-basic-row span,.orders-search > span){color:var(--mode-muted)}html[data-color-mode=light] :is(.wallet-reward-head strong,.wallet-flow-stepper li strong){color:var(--mode-text)}html[data-color-mode=dark] .wallet-transactions-page :is(.wallet-transaction-toolbar,.wallet-transaction-search,.wallet-filter-clear,.wallet-ledger-empty,.wallet-ledger-item.wallet-transaction-card){background:var(--mode-field);color:var(--mode-text);border-color:var(--mode-border)}html[data-color-mode=dark] .wallet-transactions-page .wallet-transaction-summary-card.is-credit strong{color:var(--mode-success)}html[data-color-mode=dark] .wallet-transactions-page .wallet-transaction-summary-card.is-debit strong{color:var(--mode-danger)}html[data-color-mode=dark] .wallet-transactions-page .wallet-transaction-summary-card.is-pending strong{color:var(--mode-warning)}html[data-theme-surface=admin-login] body{background:var(--mode-canvas);color:var(--mode-text)}html[data-theme-surface=admin-login] .login-card{background:var(--mode-panel);border-color:var(--mode-border);border-radius:8px}html[data-theme-surface=admin-login] :is(input,select){background:var(--mode-field);color:var(--mode-text);border-color:var(--mode-border)}html[data-theme-surface=admin-login] :is(label,.sub,.hint){color:var(--mode-muted)}html[data-theme-surface=admin-login] .error{color:var(--mode-danger)}@media (max-width:600px){.topbar-search input{width:100%;min-width:0}.topbar-right .theme-toggle{width:36px;height:40px;min-width:36px;flex-basis:36px;padding:8px}.admin-workspace .admin-topbar-left{flex:1 1 0;overflow:hidden}.admin-workspace .admin-topbar-left>div{min-width:0}.admin-workspace .admin-topbar-right{flex:0 0 auto}.admin-workspace .admin-logo-title{max-width:100%}.admin-workspace #workspace-menu-toggle{flex-shrink:0}}