:root {
  --ui-bg: #090f1f;
  --ui-surface: #111722;
  --ui-surface-2: #191e2d;
  --ui-primary: #20df74;
  --ui-primary-2: #fba531;
  --ui-text: #ffffff;
  --ui-muted: #9ba7be;
  --ui-border: rgba(255, 255, 255, .1);
  --ui-shadow: 0 18px 60px rgba(0, 0, 0, .46);
  --ui-radius: 10px;
  --ui-duration: 220ms;
  --ui-max-width: 486px;
  --app-page-bg: var(--color-bg-1200, #151c30);
  --app-window-width: 100vw;
  --app-window-max-width: var(--ui-max-width);
  --app-window-height: 100dvh;
  --app-window-bg: var(--color-screen-bg, #090f1f);
  --app-content-padding-x: 0px;
  --app-content-padding-top: 103px;
  --app-content-padding-bottom: 72px;
  --app-download-height: 50px;
  --app-header-height: 53px;
  --app-tabbar-height: 68px;
  --z-drawer: 70;
  --z-modal: 80;
  --z-tabbar: 40;
  --z-header: 35;
  --z-download: 36;
  --ui-font-size-2xs: 11px;
  --ui-font-size-zero: 0;
  --ui-font-size-cqw-xs: 2.4615cqw;
  --ui-font-size-cqw-sm: 2.6667cqw;
  --ui-font-size-cqw-md: 3.0769cqw;
  --ui-font-size-cqw-lg: 3.5897cqw;
  --ui-font-size-cqw-xl: 4.1026cqw;
  --ui-font-size-cqw-2xl: 5.1282cqw;
  --ui-font-size-marker-xs: 7.68px;
  --ui-font-size-4xs: 8.8px;
  --ui-font-size-3xs: 9.6px;
  --ui-font-size-2xs-plus: 10.4px;
  --ui-font-size-micro: 10px;
  --ui-font-size-menu-xs: 11.2px;
  --ui-font-size-profile-id: 10.8px;
  --ui-font-size-profile-share: 12.48px;
  --ui-font-size-xs: 12px;
  --ui-font-size-sm: 13px;
  --ui-font-size-md: 14px;
  --ui-font-size-section: 15px;
  --ui-font-size-lg: 16px;
  --ui-font-size-lg-plus: 17px;
  --ui-font-size-balance: 18px;
  --ui-font-size-balance-plus: 19px;
  --ui-font-size-reward-tab: clamp(14px, 3.5897cqw, 18px);
  --ui-font-size-xl: 20px;
  --ui-font-size-2xl: 21px;
  --ui-font-size-display-sm: 22px;
  --ui-font-size-icon-md: 24px;
  --ui-font-size-icon-lg-plus: 25px;
  --ui-font-size-icon-lg: 28px;
  --ui-font-size-display-md: 30px;
  --ui-font-size-auth-heading: 31px;
  --ui-font-size-auth-title: 34px;
  --ui-font-size-auth-arrow: 38px;
  --ui-font-size-auth-back: 58px;
  --ui-line-height-none: 1;
  --ui-line-height-title-ratio: 1.2;
  --ui-line-height-label-ratio: 1.3;
  --ui-line-height-copy-ratio: 1.4;
  --ui-line-height-longform: 1.6;
  --ui-line-height-wallet: 12px;
  --ui-line-height-2xs: 14px;
  --ui-line-height-compact: 16px;
  --ui-line-height-meta-relaxed: 16.5px;
  --ui-line-height-form: 18px;
  --ui-line-height-half-md: 19.5px;
  --ui-line-height-control: 21px;
  --ui-line-height-title: 22px;
  --ui-line-height-title-lg: 22.5px;
  --ui-line-height-readable: 24px;
  --ui-line-height-display-sm: 30px;
  --ui-line-height-display-md: 34px;
  --ui-line-height-display-lg: 40px;
  --ui-line-height-welcome-title: 33px;
  --ui-line-height-cqw-lg: 3.5897cqw;
  --ui-line-height-tight-ratio: 1.1;
  --ui-line-height-tab: 1.15;
  --ui-line-height-profile-menu: 1.35;
  --ui-line-height-xs: 15px;
  --ui-line-height-sm: 17px;
  --ui-line-height-md: 19px;
  --ui-line-height-record: 20px;
  --ui-line-height-auth-back: 28px;
  --ui-line-height-body: 1.45;
  --ui-line-height-tight-plus: 1.25;
  --ui-line-height-relaxed: 1.5;
  --ui-font-weight-light: 300;
  --ui-font-weight-regular: 400;
  --ui-font-weight-medium: 500;
  --ui-font-weight-semibold: 600;
  --ui-font-weight-strong: 650;
  --ui-font-weight-bold: 700;
  --ui-font-weight-heavy: 800;
  --ui-font-weight-black: 900;
  --ui-page-title-size: var(--ui-font-size-xl);
  --ui-tab-text-size: var(--ui-font-size-sm);
  --ui-tab-text-size-compact: var(--ui-font-size-xs);
  --ui-control-text-size: var(--ui-font-size-xs);
  --ui-control-text-size-compact: var(--ui-font-size-xs);
  --ui-menu-text-size: var(--ui-font-size-xs);
  --ui-menu-text-size-compact: var(--ui-font-size-2xs);
  --ui-record-text-size: var(--ui-font-size-md);
  --ui-record-meta-text-size: var(--ui-font-size-xs);
  --ui-summary-text-size: var(--ui-font-size-sm);
  --ui-empty-text-size: var(--ui-font-size-display-sm);
  --ui-empty-text-size-compact: var(--ui-font-size-xl);
  --ui-text-primary: var(--color-text-white-100);
  --ui-text-secondary: var(--color-text-gray-300);
  --ui-text-muted: var(--color-text-gray-400);
  --ui-text-faint: var(--color-text-white-40);
  --ui-text-fainter: rgba(255, 255, 255, .25);
  --ui-text-disabled: rgba(255, 255, 255, .4);
  --ui-text-inverse: #04100a;
  --ui-text-page: #f6f8fc;
  --ui-text-page-active: #f7fbff;
  --ui-text-soft-white: #f7f7f7;
  --ui-text-lime: #6de93d;
  --ui-text-page-muted: #aab4c7;
  --ui-text-section-muted: #a3acbb;
  --ui-text-support-muted: #a8afbd;
  --ui-text-form-label: #b8c2d5;
  --ui-text-soft-muted: #9ca3af;
  --ui-text-claw-muted: #aeb4c0;
  --ui-text-reset: #6b7280;
  --ui-text-reward-badge: #292000;
  --ui-agent-ladder-active-border: #e6a23c;
  --ui-agent-ladder-claimed-border: #67c23a;
  --ui-text-radio-border: #8b94a8;
  --ui-text-row-icon: #c6ccd8;
  --ui-text-tab-muted: rgba(223, 230, 243, .58);
  --ui-text-control: rgba(236, 242, 251, .86);
  --ui-text-menu: rgba(215, 225, 240, .82);
  --ui-text-empty: rgba(246, 248, 252, .9);
  --ui-text-summary: rgba(230, 236, 248, .9);
  --ui-text-ribbon: #fff4d5;
  --ui-surface-deep: var(--color-bg-300);
  --ui-surface-white: #fff;
  --ui-surface-black: #000;
  --ui-surface-html: var(--ui-surface-profile-avatar);
  --ui-surface-base: var(--color-bg-200);
  --ui-surface-raised: var(--color-bg-100);
  --ui-surface-soft: var(--color-bg-900);
  --ui-surface-page: #151a25;
  --ui-surface-page-deep: #111723;
  --ui-surface-spread: #1c202d;
  --ui-surface-route: #181c29;
  --ui-surface-subpage-header: #151924;
  --ui-surface-control: #181b26;
  --ui-surface-control-soft: #1b1f2b;
  --ui-surface-input: #161823;
  --ui-surface-ranking: #151823;
  --ui-surface-rewards-black: #020306;
  --ui-surface-reward-action: rgba(135, 206, 250, .12);
  --ui-surface-reward-badge: #52420d;
  --ui-agent-ladder-active-bg: rgba(230, 162, 60, .15);
  --ui-agent-ladder-claimed-bg: rgba(103, 194, 58, .1);
  --ui-toast-overlay: rgba(0, 0, 0, .82);
  --ui-surface-input-deep: #111522;
  --ui-surface-table-deep: #11141e;
  --ui-surface-network-card: #10131d;
  --ui-surface-card-deep: #171b27;
  --ui-surface-card-soft: #181c27;
  --ui-surface-panel-deep: #101722;
  --ui-surface-panel: #181f2d;
  --ui-surface-panel-soft: #1b2433;
  --ui-surface-panel-muted: #171c2a;
  --ui-surface-panel-muted-2: #171c28;
  --ui-surface-panel-dark: #11141f;
  --ui-surface-panel-lifted: #1d2230;
  --ui-surface-panel-flat: #131722;
  --ui-surface-auth: #171925;
  --ui-surface-auth-panel: #1b1e2b;
  --ui-surface-menu-overlay: rgba(14, 20, 31, .98);
  --ui-surface-record: rgba(19, 25, 38, .72);
  --ui-surface-card: #171d2b;
  --ui-surface-profile-panel: var(--ui-surface);
  --ui-surface-profile-invite: #0e1422;
  --ui-surface-profile-invite-row: #2c2a28;
  --ui-surface-profile-progress: #343b52;
  --ui-surface-profile-toast: rgba(43, 47, 64, .98);
  --ui-surface-profile-avatar: #05070c;
  --ui-surface-hover-soft: rgba(255, 255, 255, .06);
  --ui-surface-hover-muted: var(--ui-border);
  --ui-border-subtle: rgba(255, 255, 255, .08);
  --ui-border-muted: rgba(255, 255, 255, .12);
  --ui-border-strong: #2a2e3f;
  --ui-border-input: #2f3547;
  --ui-border-select: #2a324e;
  --ui-agent-ladder-chest-border: rgba(255, 255, 255, .15);
  --ui-divider-agent: rgba(180, 180, 180, .2);
  --ui-border-page: #2b354b;
  --ui-border-page-header: #2a3042;
  --ui-border-page-soft: rgba(135, 150, 180, .16);
  --ui-divider: rgba(124, 140, 170, .18);
  --ui-divider-faint: rgba(124, 140, 170, .11);
  --ui-divider-subtle: rgba(124, 140, 170, .14);
  --ui-highlight-inset: rgba(255, 255, 255, .03);
  --ui-highlight-menu: rgba(255, 255, 255, .035);
  --ui-highlight-divider: rgba(126, 141, 170, .18);
  --ui-success: #00f076;
  --ui-success-bright: #00e680;
  --ui-success-electric: #08e978;
  --ui-success-neon: #00ff8f;
  --ui-success-notice: #06e777;
  --ui-success-muted: #00d563;
  --ui-success-profile: #06d86f;
  --ui-success-action: #06c767;
  --ui-success-deep: #05a95d;
  --ui-success-soft: rgba(25, 211, 126, .16);
  --ui-success-faint-border: rgba(2, 209, 108, .08);
  --ui-success-border: #00db70;
  --ui-success-arrow: rgba(22, 207, 119, .9);
  --ui-success-underline: rgba(22, 207, 119, .72);
  --ui-danger: #ee4639;
  --ui-danger-bright: #ff5048;
  --ui-danger-soft: #ff9b8f;
  --ui-warning: #ffb300;
  --ui-warning-soft: #ffd98a;
  --ui-warning-gold: #ffae00;
  --ui-warning-table: #ffd15c;
  --ui-warning-profile: #fff000;
  --ui-warning-profile-value: #ffa51e;
  --ui-info: var(--theme-color-700);
  --ui-disabled: #677084;
  --ui-text-dark-action: #141821;
  --ui-text-navy-action: #061322;
  --ui-overlay: rgba(0, 0, 0, .58);
  --ui-overlay-strong: rgba(0, 0, 0, .72);
  --ui-control-overlay: rgba(0, 0, 0, .28);
  --ui-overlay-rewards: rgba(0, 0, 0, .85);
  --ui-backdrop-translucent: rgba(7, 9, 16, .82);
  --ui-auth-placeholder: #a0a6b0;
  --ui-shadow-floating: 0 18px 36px rgba(0, 0, 0, .36);
  --ui-shadow-modal: 0 20px 60px rgba(0, 0, 0, .5);
  --ui-shadow-active-indicator: 0 4px 10px rgba(8, 190, 102, .22);
  --ui-shadow-ribbon: 0 5px 12px rgba(0, 0, 0, .32);
  --ui-shadow-toggle-inset: inset 0 0 0 4px var(--ui-surface-input-deep);
  --ui-shadow-agent-card: 0 4px 12px rgba(0, 0, 0, .3);
  --ui-shadow-agent-floating: 0 10px 30px rgba(0, 0, 0, .35);
  --ui-shadow-agent-panel: 0 -18px 48px rgba(0, 0, 0, .42);
  --ui-shadow-agent-ladder-active: 0 4px 10px rgba(230, 162, 60, .3);
  --ui-gradient-page-sheen: linear-gradient(180deg, rgba(255, 255, 255, .025) 0%, rgba(255, 255, 255, 0) 132px);
  --ui-gradient-app-main-bg: linear-gradient(180deg, rgba(9, 15, 31, .98) 0, rgba(9, 15, 31, .99) 52%, var(--color-bg-300) 100%);
  --ui-gradient-page-bg: linear-gradient(180deg, var(--ui-surface-page) 0%, var(--ui-surface-page-deep) 100%);
  --ui-gradient-source-empty-bg: linear-gradient(180deg, #1a1e2a 0%, #181b27 26%, #171a26 52%, #151822 76%, #151721 100%);
  --ui-gradient-page-side-sheen: linear-gradient(90deg, rgba(255, 255, 255, .018), rgba(255, 255, 255, 0) 22%, rgba(255, 255, 255, 0) 78%, rgba(0, 0, 0, .12));
  --ui-gradient-menu-sheen: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, 0) 54%);
  --ui-gradient-modal-sheen: linear-gradient(180deg, rgba(25, 211, 126, .1), transparent 42%);
  --ui-gradient-active-indicator: linear-gradient(90deg, #18d77e 0%, #05a95d 100%);
  --ui-gradient-primary-button: var(--theme-color-gradient-200);
  --ui-gradient-success-bright: linear-gradient(180deg, #08e978, #07bd61);
  --ui-gradient-profile-action: linear-gradient(90deg, #00d563 0%, #00f076 100%);
  --ui-gradient-profile-title: linear-gradient(0deg, #101622, #0c1220);
  --ui-gradient-profile-copy: linear-gradient(90deg, #009d48, #00d563);
  --ui-gradient-auth-ribbon: linear-gradient(100deg, #ff8b22, #9445e9);
  --ui-gradient-table-header: linear-gradient(180deg, #232736, #1a1f2c);
  --ui-gradient-disabled-button: linear-gradient(180deg, #6b6b6b 0%, #555 100%);
  --ui-gradient-danger-button: linear-gradient(#ef4444 0%, #dc2626 50%, #b91c1c 100%);
  --ui-gradient-summary-fade: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, .08) 100%);

  /* App-level semantic tokens for remaining generic 7000 UI surfaces. */
  --app-pwa-close-color: #5f74ff;
  --app-pwa-close-size: 29.9077px;
  --app-pwa-title-color: #2c3748;
  --app-pwa-title-line-height: 1.16;
  --app-pwa-update-gradient: linear-gradient(-90deg, #6366f1, #7c3aed);
  --app-font-size-cqw-md: 3.3333cqw;
  --app-font-size-cqw-lg: 3.8462cqw;
  --app-line-height-tightest: .8;
  --app-guest-action-text: #102018;
  --app-guest-primary-gradient: linear-gradient(180deg, #08e878, #02ca61);
  --app-guest-secondary-text: #03df75;
  --app-guest-secondary-bg: #171b25;
  --app-route-slide-bg: #252a3a;
  --app-page-busy-bg: rgba(5, 216, 106, .16);
  --app-page-busy-border: rgba(255, 255, 255, .28);
  --app-page-busy-accent: rgba(5, 216, 106, .86);
  --app-deposit-tabs-bg: rgba(22, 24, 35, .98);
  --app-deposit-tab-line-height: 14.4px;
  --app-deposit-tab-active-gradient: linear-gradient(to right, #00d563, #00b353);
  --app-deposit-record-icon: #d8dde8;
  --app-deposit-hero-bg: linear-gradient(to bottom, rgba(19, 21, 31, .6) 0%, rgba(19, 21, 31, 1) 100%), url("/7000/assets/shared/svg/c77/usa_recharge_hero.jpg") center / cover;
  --app-deposit-hero-border: rgba(255, 255, 255, .06);
  --app-deposit-label-size: clamp(14px, 3.8462cqw, 18px);
  --app-deposit-total-size: clamp(28px, 7.1795cqw, 34px);
  --app-deposit-accent: #06ee75;
  --app-deposit-badge-text: #131100;
  --app-deposit-badge-bg: #ffc51d;
  --app-deposit-badge-icon: #111;
  --app-deposit-option-text: #cfd7e6;
  --app-deposit-option-bg: #252b3d;
  --app-control-inverse-text: #06150d;
  --app-deposit-range-dot: #08ce6d;
  --app-fluid-sm: clamp(13px, 3.5897cqw, 17px);
  --app-fluid-md: clamp(14px, 3.8462cqw, 17px);
  --app-fluid-lg: clamp(16px, 4.1026cqw, 20px);
  --app-fluid-xl: clamp(18px, 4.6154cqw, 22px);
  --app-fluid-title: clamp(20px, 5.1282cqw, 22px);
  --app-fluid-value: clamp(20px, 5.1282cqw, 25px);
  --app-fluid-micro: clamp(10px, 2.8205cqw, 12px);
  --app-deposit-amount-bg: #2a3042;
  --app-deposit-amount-selected-gradient: linear-gradient(180deg, #08e978, #079f57);
  --app-deposit-selected-inset: rgba(255, 255, 255, .55);
  --app-muted-amount: #9aa5ba;
  --app-relative-small-text: .88em;
  --app-deposit-next-shadow: 0 12px 24px rgba(0, 201, 106, .24);
  --app-payment-action-bg: #2b3144;
  /* QR 支付弹窗 — 浅蓝 panda 调色板, 对齐 9000 brl_pay_panda 参考稿 */
  --app-qr-payment-backdrop: rgba(17, 24, 45, .55);
  --app-qr-payment-card-bg: #ffffff;
  --app-qr-payment-shadow: 0 18px 48px rgba(74, 108, 247, .18);
  --app-qr-payment-border: #e6ebf9;
  --app-qr-payment-title: #1f2438;
  --app-qr-payment-close-bg: #eaf1ff;
  --app-qr-payment-close-icon: #4a6cf7;
  --app-qr-payment-instruction: #93a4c8;
  --app-qr-payment-amount: #ff8f1f;
  --app-qr-payment-qr-bg: #ffffff;
  --app-qr-payment-qr-border: #e6ebf7;
  --app-qr-payment-countdown: #4a6cf7;
  --app-qr-payment-copy-bg: linear-gradient(135deg, #6a93ff 0%, #4a6cf7 100%);
  --app-qr-payment-copy-text: #ffffff;
  --app-qr-payment-address-bg: #eef2fb;
  --app-qr-payment-address-text: #7a8bb5;
  --app-deposit-perks-muted: #9ba5b8;
  --app-agent-action-text: #141a22;
  --app-agent-action-bg: #f6c445;
  --app-agent-link: #ffc33a;
  --app-agent-muted: #99a4b6;
  --app-first-deposit-highlight: #ffd95c;
  --app-rules-tab-muted: #aeb8c8;
  --app-rules-copy: #d6dce8;
  --app-agent-value: #ffb22c;
  --app-withdraw-header-border: rgba(255, 255, 255, .25);
  --app-withdraw-card-border: rgba(255, 255, 255, .65);
  --app-withdraw-card-accent: #10e7ad;
  --app-withdraw-card-accent-alt: #f5cf38;
  --app-withdraw-card-bg: linear-gradient(135deg, #333, #272727);
  --app-withdraw-muted: #8d8d8d;
  --app-withdraw-row-muted: #777;
  --app-withdraw-quick-text: #f2e900;
  --app-withdraw-quick-bg: rgba(246, 229, 0, .08);
  --app-withdraw-quick-font-size: 11.52px;
  --app-withdraw-limit-border: rgba(255, 255, 255, .6);
  --app-withdraw-limit-bg: #292929;
  --app-withdraw-main-bg: #1f1f1f;
  --app-withdraw-record-bg: #1b1b1b;
  --app-subpage-header-bg: rgba(18, 23, 34, .96);
  --app-share-title-line-height: 47px;
  --app-share-money-line-height: 42px;
  --app-share-action-gradient: linear-gradient(90deg, #49a319, #2b8b2f);
  --app-share-control-bg: #202124;
  --app-share-report-muted: #8b97ae;
  --app-sub-tab-bg: #121722;
  --app-betby-bg: #262b3b;
  --app-betby-accent: #f0aa26;
  --app-record-filter-border: #00bf68;
  --app-record-filter-active-bg: #00c866;
  --app-list-divider: rgba(0, 0, 0, .28);
  --app-ledger-icon-bg: #5a3c72;
  --app-report-card-bg: #151a26;
  --app-report-summary-bg: #10131d;
  --app-status-yellow: #ffdf00;
  --app-spread-link: #159cff;
  --app-spread-value: #00d66c;
  --app-form-text: #f5f7fb;
  --app-withdraw-field-bg: rgba(255, 255, 255, .07);
  --app-withdraw-method-panel-bg: rgba(255, 255, 255, .045);
  --app-dynamic-meta-text: rgba(255, 255, 255, .66);
  --app-control-dark-text: #121212;
  --app-vip-drawer-bg: var(--color-bar-bg);
  --app-vip-panel-bg: var(--color-bg-200);
  --app-vip-deep-bg: var(--color-bg-200);
  --app-vip-card-bg: var(--color-bg-50);
  --app-vip-divider: var(--color-border-400);
  --app-vip-accent: var(--theme-color-600);
  --app-vip-gold: var(--accent-color-yellow);
  --app-vip-primary-gradient: var(--theme-color-gradient-100);
  --app-vip-text: var(--color-text-white-100);
  --app-vip-muted-text: var(--color-text-white-100);
  --app-vip-calendar-header-bg: linear-gradient(0deg, hsl(192, 5%, 38%), hsl(190, 6%, 21%));
  --app-vip-scroll-arrow-color: #b0b0b0;
  --app-vip-badge-glow: rgba(0, 213, 99, .35);
  --app-vip-shadow-subtle: 0 2px 8px rgba(0, 0, 0, .1);
  --app-vip-card-shadow-subtle: 0 2px 4px rgba(0, 0, 0, .1);
  --app-vip-modal-overlay-bg: rgba(0, 0, 0, .62);
  --app-vip-modal-bg: var(--color-bg-50);
  --app-vip-modal-shadow: 0 22px 68px rgba(0, 0, 0, .54);
  --app-vip-modal-header-bg: var(--color-bg-100);
  --app-vip-modal-header-border: rgba(255, 255, 255, .14);
  --app-vip-modal-close-bg: var(--color-bg-200);
  --app-vip-tabbar-bg: var(--color-bg-100);
  --app-vip-tab-bg: var(--color-bg-200);
  --app-vip-tab-border: rgba(255, 255, 255, .1);
  --app-vip-tab-muted: rgba(255, 255, 255, .58);
  --app-vip-tab-active-text: #05150d;
  --app-vip-tab-active-bg: #00df76;
  --app-vip-table-divider: rgba(255, 255, 255, .08);
  --app-vip-table-cell-text: rgba(255, 255, 255, .78);
  --app-vip-table-cell-bg: var(--color-bg-200);
  --app-vip-table-header-bg: var(--color-bg-300);
  --app-vip-salary-accent: #ffb03b;
  --app-vip-salary-record-bg: var(--color-bg-200);
  --app-vip-salary-record-muted: rgba(255, 255, 255, .68);
  --app-vip-disabled-bg: #4a4f5d;
  --app-vip-claim-text: #3a1e00;
  --app-vip-claim-gradient: linear-gradient(180deg, #ffe77f, #ff9c28);
  --app-vip-drawer-title-size: var(--ui-font-size-lg);
  --app-vip-drawer-title-line-height: var(--ui-line-height-title);
  --app-vip-card-meta-line-height: var(--ui-line-height-wallet);
  --app-vip-source-font-size: 19.9385px;
  --app-vip-source-line-height: 29.9077px;
  --app-vip-source-title-font-size: 17.4462px;
  --app-vip-source-title-line-height: 26.1692px;
  --app-vip-source-label-font-size: 14.9538px;
  --app-vip-source-label-line-height: 22.4308px;
  --app-vip-source-small-font-size: 12.4615px;
  --app-vip-source-small-line-height: 18.6923px;
  --app-vip-source-micro-font-size: 9.9692px;
  --app-vip-source-micro-line-height: 14.9538px;
  --app-vip-source-summary-font-size: 15.4523px;
  --app-vip-source-summary-line-height: 23.1785px;
  --app-vip-source-card-amount-font-size: 22.4308px;
  --app-vip-source-card-amount-line-height: 33.6462px;
  --app-vip-source-status-font-size: 13.7077px;
  --app-vip-source-status-line-height: 20.5615px;

  /* 9000 Layout5 current local source theme. Keep these tokens available so
     7000 can match localhost:5173 without scattering hard-coded near-colors. */
  --pwa-bar-background: linear-gradient(90deg, #202940 0%, #131a2c 100%);
  --theme-color-500: #00f076;
  --theme-color-600: #00d563;
  --theme-color-700: #00b955;
  --theme-color-800: #009d48;
  --theme-color-900: #00813b;
  --theme-color-gradient-100: linear-gradient(90deg, #00d563 0%, #00f076 100%);
  --theme-color-gradient-200: linear-gradient(90deg, #00b955 0%, #00d563 100%);
  --theme-color-gradient-300: linear-gradient(90deg, #202940 0%, #131a2c 100%);
  --theme-color-gradient-400: linear-gradient(180deg, #00d563 0%, #00b955 100%);
  --color-bg-50: #13151f;
  --color-bg-100: #161823;
  --color-bg-200: #181b26;
  --color-bg-300: #1c202d;
  --color-bg-400: #1a1d22;
  --color-bg-500: #141b24;
  --color-bg-600: #3b4152;
  --color-bg-700: #2d323d;
  --color-bg-800: #0b101d;
  --color-bg-900: #111524;
  --color-bg-1000: #141a29;
  --color-bg-1100: #121624;
  --color-bg-1200: #151c30;
  --color-bg-1300: #1f2024;
  --color-bg-1400: rgba(0, 0, 0, .25);
  --color-bg-1500: #1be99f;
  --color-screen-bg: #090f1f;
  --color-screen-bg-img: none;
  --color-text-white-100: #fff;
  --color-text-white-40: rgba(255, 255, 255, .62);
  --color-text-white-80: rgba(255, 255, 255, .92);
  --color-text-gray-100: #b8c0d4;
  --color-text-gray-200: #aab4c6;
  --color-text-gray-300: #c4cbda;
  --color-text-gray-400: #9ba6bd;
  --color-text-gray-500: #8490aa;
  --color-text-gray-600: #9c9c9c;
  --color-text-gray-700: rgba(255, 255, 255, .72);
  --color-text-gray-800: #6d6d6d;
  --color-border-400: #566381;
  --color-line: #1a233e;
  --line-color: #1a233e;
  --accent-color-yellow: #fba531;
  --accent-color-white: #fff;

  /* 9000 Agent/Agente theme tokens. These names mirror the source runtime so
     invite-like pages can consume the shared theme instead of local hard codes. */
  --agent-theme-primary: #05d76a;
  --agent-theme-primary-strong: #40de85;
  --agent-theme-primary-deep: #1d9554;
  --ui-agent-primary-translucent: rgba(5, 215, 106, .6);
  --agent-ladder-bonus-color: #ffd700;
  --agent-ladder-section-bg: hsl(190, 6%, 21%);
  --agent-theme-surface-50: #202633;
  --agent-theme-surface-100: #1b202c;
  --agent-theme-surface-200: #171b27;
  --agent-theme-surface-300: #10141d;
  --agent-theme-border: rgba(255, 255, 255, .08);
  --agent-theme-muted: rgba(255, 255, 255, .62);
  --agent-segment-selected-bg-color: linear-gradient(180deg, var(--agent-theme-primary-strong) 0%, var(--agent-theme-primary) 100%);
  --ui-gradient-agent-data-accent: linear-gradient(90deg, var(--agent-theme-primary), var(--ui-agent-primary-translucent));
  --ui-gradient-agent-highlight-sheen: linear-gradient(90deg, var(--ui-text-primary), rgba(255, 255, 255, .6));
  --agent-segmnet-base-bg-color: var(--agent-theme-surface-100);
  --agent-base-bg-color: var(--agent-theme-surface-100);
  --agent-white-text-color: var(--color-text-white-100);
  --agent-minor-text-color: var(--agent-theme-muted);
  --agnet-border-color: var(--agent-theme-border);
  --agent-save-qrcode-bg-color: var(--agent-theme-surface-50);
  --agent-share-link-border-color: var(--agent-theme-border);
  --agnet-share-icon-text-color: var(--agent-theme-primary);
  --agnet-item-detail-color: var(--agent-theme-muted);
  --agent-register-border-color: var(--agent-theme-border);
  --agnet-register-tips-text-color: var(--agent-theme-muted);
  --agent-bonus-rate-bg-color: var(--agent-theme-surface-200);
  --agent-segment-bottom-border-color: var(--agent-theme-border);
  --agent-bonus-segment-bg-color: var(--agent-theme-surface-100);
  --agent-table-item-title-bg-color: var(--agent-theme-surface-300);
  --agent-bonus-rate-item-list-od-bgc: var(--agent-theme-surface-300);
  --agent-table-content-text-color: var(--agent-theme-muted);
  --agent-commission-select-bg-color: var(--agent-theme-surface-100);
  --agent-commission-select-content-bg-color: var(--agent-theme-surface-300);
  --agent-commission-select-date-text-color: var(--agent-theme-muted);
  --agent-commission-select-text-color: var(--agent-theme-muted);
  --agent-commission-list-odd-bg: var(--agent-theme-surface-100);
  --agent-commission-list-even-bg: var(--agent-theme-surface-300);
  --agent-commission-detail-segment-bottom-brder-color: var(--agent-theme-primary);
  --agent-commission-detail-list-title-bgc: var(--agent-theme-surface-300);
  --agent-commission-detail-list-odd-bg: var(--agent-theme-surface-100);
  --agent-commission-detail-list-even-bg: var(--agent-theme-surface-300);
  --agent-newest-border-color: var(--agent-theme-border);
  --agent-agent-small-box-bgc: var(--agent-theme-surface-100);
  --agent-newest-minor-text-color: var(--agent-theme-muted);
  --agent-ion-datetime-bgc: var(--agent-theme-surface-100);
  --agent-network-moeny-color: var(--money-text-color);
  --agent-commission-select-text-color: var(--agent-theme-muted);
  --app-card-bg: var(--agent-base-bg-color);
  --app-drawer-bg: hsl(0, 0%, 12%);
  --app-dialog-bg: var(--agent-theme-surface-300);
  --app-divider-color: rgba(255, 255, 255, .05);
  --app-setting-tab-active-bg: var(--agent-segment-selected-bg-color);
  --app-action-orange: var(--agent-theme-primary);
  --app-gold-color: #05e06c;
  --app-red-color: #ff4757;
  --app-toolbar-title: var(--ui-text-primary);
  --app-gradient-worklog: linear-gradient(90deg, var(--theme-color-600) 0%, var(--theme-color-500) 100%);
  --agent-datetime-default-text-color: var(--agent-theme-muted);
  --agent-datetime-select-text-color: var(--color-text-white-100);
  --agent-ion-datetime-calen-day-bgc: var(--agent-theme-surface-50);
  --agent-popover-trigger-border-color: var(--agent-theme-primary);
  --agent-ion-color-primary: var(--agent-theme-primary);
  --agent-history-bgc: linear-gradient(180deg, var(--agent-theme-primary-strong) 0%, var(--agent-theme-primary) 100%);
  --agent-claim-bgc: linear-gradient(180deg, var(--agent-theme-primary-strong) 0%, var(--agent-theme-primary-deep) 100%);
  --agent-disabled-btn-bgc: linear-gradient(180deg, #227f36 0%, #256c2e 100%);
  --agent-disabled-btn-text-color: rgba(255, 255, 255, .4);
  --agent-network-bgc: var(--agent-theme-surface-200);
  --agent-segment-base-tab-text-color: var(--agent-theme-muted);
  --agent-register-form-bgc: var(--agent-theme-surface-200);
  --agent-commission-detail-segbgc: var(--agent-theme-surface-200);
  --agent-performance-detail-tober-bgc: var(--agent-theme-surface-300);
  --agent-performance-detail-tober-border-c: var(--agent-theme-border);
  --agent-performance-detail-item-bgc: var(--agent-theme-surface-100);
  --money-text-color: var(--agent-theme-primary);
  --agent-network-moeny-color: var(--agent-theme-primary);

  --ion-text-color: var(--color-text-white-100);
  --ion-color-primary: var(--theme-color-700);
  --ion-background-color: var(--color-bg-300);
  --ion-tab-bar-background: var(--color-bg-200);
  --ion-toolbar-color: var(--color-text-white-100);
  --color-bar-bg: var(--color-screen-bg);
  --color-bg-card: var(--color-bg-200);
  --color-card-title: var(--color-text-white-100);
  --color-card-text: var(--color-text-gray-300);
  --color-text-basic: var(--color-text-white-100);
  --color-text-second: var(--color-text-gray-300);
  --color-text-title-basic: var(--color-text-white-100);
  --color-text-option-active: var(--color-text-white-100);
  --color-text-option-basic: var(--color-text-gray-300);
  --color-text-input-placeholder: var(--color-text-gray-300);
  --app-toolbar-title: #fff;
  --app-popular-header-bg: linear-gradient(90deg, rgba(0, 213, 99, .2) 0%, rgba(0, 0, 0, 0) 100%);
  --bg-popular-container-tab-all: var(--color-bg-100);
  --bg-popular-container-tab-back: var(--color-bg-100);
  --bg-popular-container-tab-forward: var(--color-bg-100);
  --bg-sort-container-tab-all: var(--color-bg-100);
  --bg-sort-container-tab-back: var(--color-bg-100);
  --bg-sort-container-tab-forward: var(--color-bg-100);
  --font-weight-bold: 700;
  --font-weight-medium: 500;
  --font-weight-regular: 400;
  --font-title: Prompt, Roboto, "Helvetica Neue", sans-serif;
  --font-body: Roboto, "Helvetica Neue", sans-serif;
}