.wealth-page-header { position: absolute; inset: 0 0 auto; height: calc(44 * var(--u) + var(--safe-top)); background: #fff; z-index: 20; }
.wealth-toolbar { position: absolute; inset: calc(1 * var(--u) + var(--safe-top)) 0 auto; height: calc(43 * var(--u)); }
.wealth-search { left: calc(16 * var(--u)); width: calc(267 * var(--u)); background: #f4f4f4; border-color: #f4f4f4; color: #666; }
.wealth-search .search-icon { width: calc(17 * var(--u)); height: calc(17 * var(--u)); margin-left: calc(8.5 * var(--u)); }
.wealth-search input { color: #666; font-size: calc(14 * var(--u)); caret-color: #222; }
.wealth-search input::placeholder { color: #666; }
.wealth-search button { font-size: calc(14 * var(--u)); }
.wealth-search button::before { background: linear-gradient(transparent, #969696, transparent); }
.wealth-header-tool { position: absolute; width: calc(38 * var(--u)); height: calc(43 * var(--u)); }
.wealth-header-tool img { position: absolute; }
.wealth-header-tool span { position: absolute; top: calc(24 * var(--u)); left: 0; width: 100%; text-align: center; font-size: calc(12 * var(--u)); line-height: calc(18 * var(--u)); white-space: nowrap; }
.wealth-cart-tool { left: calc(290 * var(--u)); }
.wealth-cart-tool img { left: calc(4 * var(--u)); top: calc(.67 * var(--u)); width: calc(94 / 3 * var(--u)); height: calc(76 / 3 * var(--u)); }
.wealth-support-tool { left: calc(333.5 * var(--u)); }
.wealth-support-tool img { left: calc(5.5 * var(--u)); top: calc(.33 * var(--u)); width: calc(88 / 3 * var(--u)); height: calc(79 / 3 * var(--u)); }
#wealth-view { padding-top: calc((310 / 3 - 44) * var(--u) + var(--safe-top)); }
.wealth-assets { position: relative; width: calc(1031 / 3 * var(--u)); height: calc(341 / 3 * var(--u)); margin-left: calc(16 * var(--u)); color: #fff; background: url('./assets/wealth-assets-background.png') center / 100% 100% no-repeat; }
.wealth-assets-label, .wealth-yesterday-label { position: absolute; top: calc(25.34 * var(--u)); font-size: calc(12.2 * var(--u)); line-height: calc(20 * var(--u)); white-space: nowrap; }
.wealth-assets-label { left: calc(12 * var(--u)); }
.wealth-yesterday-label { right: calc(14 * var(--u)); }
.wealth-privacy { position: absolute; left: calc(130.33 * var(--u)); top: calc(17.33 * var(--u)); width: calc(36 * var(--u)); height: calc(30 * var(--u)); }
.wealth-privacy img { position: absolute; left: calc(8.33 * var(--u)); top: calc(11.33 * var(--u)); width: calc(58 / 3 * var(--u)); height: calc(31 / 3 * var(--u)); }
.wealth-privacy svg { position: absolute; left: calc(8.33 * var(--u)); top: calc(11.33 * var(--u)); width: calc(58 / 3 * var(--u)); height: calc(31 / 3 * var(--u)); stroke-width: 1.6; }
.wealth-assets-mask, .wealth-yesterday > span { font: 700 calc(24 * var(--u))/calc(32 * var(--u)) Arial, sans-serif; letter-spacing: calc(2 * var(--u)); white-space: nowrap; }
.wealth-assets-mask { position: absolute; left: calc(13 * var(--u)); top: calc(53.67 * var(--u)); }
.wealth-assets-mask.is-visible, .wealth-yesterday.is-visible > span { letter-spacing: 0; }
.wealth-assets-logged-in { display: contents; }
.wealth-login { position: absolute; left: calc(13 * var(--u)); top: calc(53 * var(--u)); width: calc(142 * var(--u)); height: calc(35 * var(--u)); text-align: left; font-size: calc(24 * var(--u)); line-height: calc(32 * var(--u)); font-weight: 600; color: #fff; }
.wealth-login img { position: absolute; left: calc(111 * var(--u)); top: calc(7.333 * var(--u)); width: calc(31 / 3 * var(--u)); height: calc(53 / 3 * var(--u)); }
.wealth-logged-out .wealth-assets { height: calc(314 / 3 * var(--u)); background-size: 100% calc(341 / 3 * var(--u)); background-position: top center; }
.wealth-yesterday { position: absolute; left: calc(241.67 * var(--u)); top: calc(52 * var(--u)); width: calc(88 * var(--u)); height: calc(32 * var(--u)); color: #fff; text-align: left; }
.wealth-yesterday > span { position: relative; left: calc(.67 * var(--u)); top: calc(1.67 * var(--u)); }
.wealth-yesterday img { position: absolute; left: calc(77.67 * var(--u)); top: calc(6.67 * var(--u)); width: calc(31 / 3 * var(--u)); height: calc(53 / 3 * var(--u)); }
.wealth-assets-expand { position: absolute; top: calc(96 * var(--u)); left: calc(150 * var(--u)); width: calc(44 * var(--u)); height: calc(22 * var(--u)); }
.wealth-assets-expand img { position: absolute; top: calc(3.67 * var(--u)); left: calc(12.33 * var(--u)); width: calc(18 * var(--u)); height: calc(37 / 3 * var(--u)); }
.wealth-services { display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(2, calc(80 * var(--u))); height: calc(160 * var(--u)); margin-top: calc(15 * var(--u)); }
.wealth-logged-out .wealth-services { margin-top: calc(24 * var(--u)); }
.wealth-services button { position: relative; }
.wealth-services img { position: absolute; object-fit: contain; }
.wealth-services span { position: absolute; left: 0; top: calc(38.33 * var(--u)); width: 100%; text-align: center; font-size: calc(12 * var(--u)); line-height: calc(18.3 * var(--u)); white-space: nowrap; }
.wealth-services button[data-route='funds'] img { left: calc(23.67 * var(--u)); top: calc(.67 * var(--u)); width: calc(86 / 3 * var(--u)); height: calc(31 * var(--u)); }
.wealth-services button[data-route='financial'] img { left: calc(21.67 * var(--u)); top: 0; width: calc(32 * var(--u)); height: calc(32 * var(--u)); }
.wealth-services button[data-route='deposits'] img { left: calc(22.33 * var(--u)); top: calc(.33 * var(--u)); width: calc(97 / 3 * var(--u)); height: calc(95 / 3 * var(--u)); }
.wealth-services button[data-route='forex-exchange'] img { left: calc(20.67 * var(--u)); top: 0; width: calc(106 / 3 * var(--u)); height: calc(32 * var(--u)); }
.wealth-services button[data-route='structured-deposits'] img { left: calc(21 * var(--u)); top: calc(.67 * var(--u)); width: calc(104 / 3 * var(--u)); height: calc(31 * var(--u)); }
.wealth-services button[data-route='flexible-money'] img { left: calc(22.67 * var(--u)); top: calc(-.33 * var(--u)); width: calc(31 * var(--u)); height: calc(94 / 3 * var(--u)); }
.wealth-services button[data-route='account-metals'] img { left: calc(20.67 * var(--u)); top: calc(.33 * var(--u)); width: calc(101 / 3 * var(--u)); height: calc(92 / 3 * var(--u)); }
.wealth-services button[data-route='metal-deposit'] img { left: calc(19.67 * var(--u)); top: 0; width: calc(36 * var(--u)); height: calc(31 * var(--u)); }
.wealth-services button[data-route='smart-invest'] img { left: calc(19.67 * var(--u)); top: calc(-.33 * var(--u)); width: calc(110 / 3 * var(--u)); height: calc(95 / 3 * var(--u)); }
.wealth-services button[data-route='wealth-more'] img { left: calc(21.33 * var(--u)); top: calc(.67 * var(--u)); width: calc(33 * var(--u)); height: calc(30 * var(--u)); }
.wealth-market { position: relative; display: block; width: calc(343 * var(--u)); height: calc(30 * var(--u)); margin: calc(2 * var(--u)) calc(16 * var(--u)) 0; text-align: left; line-height: calc(24 * var(--u)); font-size: calc(14 * var(--u)); }
.wealth-market > span { position: absolute; top: calc(3 * var(--u)); white-space: nowrap; }
.wealth-market-name { left: 0; }
.wealth-market-price, .wealth-market-change, .wealth-market-percent { color: #168468; font-family: Arial, sans-serif; font-size: calc(14.8 * var(--u)); }
.wealth-market-price, .wealth-market-percent { font-size: calc(14 * var(--u)); }
.wealth-market-price { left: calc(69 * var(--u)); display: flex; gap: calc(4 * var(--u)); align-items: center; }
.wealth-market-price svg { width: calc(10 * var(--u)); height: calc(13 * var(--u)); stroke-width: 1.9; }
.wealth-market-change { left: calc(219 * var(--u)); }
.wealth-market-percent { left: calc(279 * var(--u)); }
.wealth-market-chevron { position: absolute; top: calc(7.5 * var(--u)); right: calc(2 * var(--u)); width: calc(7 * var(--u)); height: calc(12 * var(--u)); color: #666; stroke-width: 1.7; }
.wealth-promotion { position: relative; display: block; width: calc(1031 / 3 * var(--u)); height: calc(205 * var(--u)); margin: calc(13.67 * var(--u)) 0 0 calc(16 * var(--u)); }
.wealth-banner-slide { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; }
.wealth-banner-slide.is-current { opacity: 1; pointer-events: auto; z-index: 2; }
.wealth-banner-slide.is-previous { opacity: 1; z-index: 1; }
.wealth-promotion img { width: 100%; height: 100%; }
.wealth-period { margin: calc(29.67 * var(--u)) calc(16 * var(--u)) 0; }
.wealth-period-heading { display: flex; width: 100%; justify-content: space-between; align-items: center; text-align: left; height: calc(27 * var(--u)); }
.wealth-period-heading h2 { margin: 0; font-size: calc(18.1 * var(--u)); line-height: calc(27 * var(--u)); font-weight: 700; transform: translateY(calc(1 * var(--u))); }
.wealth-period-heading svg { width: calc(7 * var(--u)); height: calc(11 * var(--u)); color: #666; stroke-width: 1.7; }
.wealth-period-tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(8 * var(--u)); width: calc(323.667 * var(--u)); max-width: 100%; height: calc(24 * var(--u)); margin-top: calc(21 * var(--u)); }
.wealth-period-tabs button { border-radius: calc(20 * var(--u)); background: #f4f4f4; color: #666; font-size: calc(14.2 * var(--u)); line-height: calc(24 * var(--u)); white-space: nowrap; }
.wealth-period-tabs button[aria-pressed='true'] { background: #fcf5f7; color: var(--accent-red); font-weight: 600; }
.wealth-period-description { margin: calc(22 * var(--u)) 0 0 calc(16 * var(--u)); height: calc(22 * var(--u)); color: #7f6d55; font-size: calc(14.2 * var(--u)); line-height: calc(22 * var(--u)); white-space: nowrap; }
.wealth-period-products { margin-top: calc(17.667 * var(--u)); background: #fcfbf7; border-radius: calc(4 * var(--u)); }
.wealth-period-product { position: relative; height: calc(154 * var(--u)); }
.wealth-daily-product { position: relative; display: block; width: 100%; height: calc(104 * var(--u)); text-align: left; color: #696864; }
.wealth-daily-product > span, .wealth-daily-rate { position: absolute; white-space: nowrap; }
.wealth-daily-rate { left: calc(16 * var(--u)); top: calc(16 * var(--u)); font: 700 calc(23 * var(--u))/calc(29 * var(--u)) Arial, sans-serif; color: var(--accent-red); }
.wealth-daily-title { left: calc(134 * var(--u)); right: calc(16 * var(--u)); top: calc(17.333 * var(--u)); overflow: hidden; text-overflow: ellipsis; font-size: calc(16.3 * var(--u)); line-height: calc(26 * var(--u)); font-weight: 600; color: #23221e; }
.wealth-daily-basis { left: calc(16 * var(--u)); top: calc(51 * var(--u)); font-size: calc(14.2 * var(--u)); line-height: calc(22 * var(--u)); }
.wealth-daily-tag { left: calc(134 * var(--u)); top: calc(54 * var(--u)); width: calc(109.333 * var(--u)); height: calc(16 * var(--u)); border: calc(.667 * var(--u)) solid #696864; border-radius: calc(1 * var(--u)); text-align: center; font-size: calc(12.2 * var(--u)); line-height: calc(14.5 * var(--u)); }
.wealth-daily-period { left: calc(16 * var(--u)); top: calc(77 * var(--u)); font-size: calc(12.2 * var(--u)); line-height: calc(20 * var(--u)); }
.wealth-daily-period > span { letter-spacing: calc(.6 * var(--u)); }
.wealth-period-risk { position: absolute; left: calc(8 * var(--u)); right: calc(8 * var(--u)); top: calc(105.333 * var(--u)); height: calc(26.667 * var(--u)); display: flex; align-items: center; justify-content: space-between; padding: 0 calc(8 * var(--u)); background: #faf8f9; color: #696768; font-size: calc(12.2 * var(--u)); line-height: calc(20 * var(--u)); }
.wealth-period-risk span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wealth-period-risk svg { flex: 0 0 auto; width: calc(13 * var(--u)); height: calc(8 * var(--u)); margin-left: calc(8 * var(--u)); stroke-width: 1.4; }
.wealth-period-refresh { display: flex; align-items: center; justify-content: center; gap: calc(5 * var(--u)); width: 100%; height: calc(43.333 * var(--u)); color: #696864; font-size: calc(16 * var(--u)); line-height: calc(25 * var(--u)); }
.wealth-period-refresh svg { width: calc(12 * var(--u)); height: calc(12 * var(--u)); stroke-width: 1.15; }
.on-wealth .floating-helper { top: calc((1480 / 3 - 44) * var(--u) + var(--safe-top)); height: calc(209 / 3 * var(--u)); }
.bottom-nav button[data-route='home']:not(.active) img { left: calc(19.67 * var(--u)); top: calc(1 * var(--u)); width: calc(98 / 3 * var(--u)); height: calc(91 / 3 * var(--u)); filter: none; }
.bottom-nav button[data-route='wealth'].active img { left: calc(21 * var(--u)); top: calc(.67 * var(--u)); width: calc(97 / 3 * var(--u)); height: calc(31 * var(--u)); filter: none; }