/* Generated by scripts/build-appearance.mjs. Color overrides only; do not edit manually. */
html[data-appearance="light"] #profile-section .profile-card.collapsed {
  box-shadow: 0 1px 2px rgba(107,142,170,0.02)
}
html[data-appearance="light"] #profile-section .profile-page.banymay-my-plan.is-retirement-resilience {
  --rr-bg: #ffffff;
  --rr-panel: #ffffff;
  --rr-panel-2: #ffffff;
  --rr-border: #dfeaf3;
  --rr-text: #173353;
  --rr-secondary: #637f9a;
  --rr-muted: #637f9a;
  --rr-cyan: #009c93;
  --rr-green: #009c93;
  --rr-blue: #2180cf;
  --rr-amber: #d6960b;
  --rr-danger: #e74762;
  background: var(--rr-bg) !important;
  color: var(--rr-text) !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan.is-retirement-resilience .rr-green { color: var(--rr-green) !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan.is-retirement-resilience .rr-cyan { color: var(--rr-cyan) !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan.is-retirement-resilience .rr-blue { color: var(--rr-blue) !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan.is-retirement-resilience .rr-amber { color: var(--rr-amber) !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan.is-retirement-resilience .rr-red { color: var(--rr-danger) !important
}
html[data-appearance="light"] #profile-section .rr-page-head h1 { color: var(--rr-text)
}
html[data-appearance="light"] #profile-section .rr-page-head p { color: var(--rr-secondary)
}
html[data-appearance="light"] #profile-section .rr-updated { color: var(--rr-secondary)
}
html[data-appearance="light"] #profile-section .rr-kpi-strip { border: 1px solid var(--rr-border); background: #ffffff
}
html[data-appearance="light"] #profile-section .rr-kpi + .rr-kpi::before { background: #f2f7fb
}
html[data-appearance="light"] #profile-section .rr-kpi > span { color: #637f9a
}
html[data-appearance="light"] #profile-section .rr-kpi > strong { color: var(--rr-text)
}
html[data-appearance="light"] #profile-section .rr-panel { border: 1px solid var(--rr-border); background: #ffffff; box-shadow: none
}
html[data-appearance="light"] #profile-section .rr-panel h2 { color: var(--rr-text)
}
html[data-appearance="light"] #profile-section .rr-big-score strong { color: var(--rr-green)
}
html[data-appearance="light"] #profile-section .rr-big-score span,
html[data-appearance="light"] #profile-section .rr-resilience-score span { color: #637f9a
}
html[data-appearance="light"] #profile-section .rr-status { border: 1px solid var(--rr-green); color: var(--rr-green); background: rgba(0,156,147,0.04)
}
html[data-appearance="light"] #profile-section .rr-score-track { border: 1px solid #dfeaf3; background: #f2f7fb
}
html[data-appearance="light"] #profile-section .rr-score-track i { background: linear-gradient(90deg,#009c93,#009c93)
}
html[data-appearance="light"] #profile-section .rr-score-track b { background: #ffffff
}
html[data-appearance="light"] #profile-section .rr-scale { color: #637f9a
}
html[data-appearance="light"] #profile-section .rr-summary { color: #637f9a
}
html[data-appearance="light"] #profile-section .rr-metric-list { border-top: 1px solid rgba(223,234,243,0.52)
}
html[data-appearance="light"] #profile-section .rr-metric-list > div { color: #637f9a
}
html[data-appearance="light"] #profile-section .rr-metric-list i,
html[data-appearance="light"] #profile-section .rr-coverage-row > i { background: #f2f7fb
}
html[data-appearance="light"] #profile-section .rr-bg-green { background: var(--rr-green)
}
html[data-appearance="light"] #profile-section .rr-bg-cyan { background: var(--rr-cyan)
}
html[data-appearance="light"] #profile-section .rr-bg-blue { background: var(--rr-blue)
}
html[data-appearance="light"] #profile-section .rr-bg-amber { background: var(--rr-amber)
}
html[data-appearance="light"] #profile-section .rr-label { color: #173353
}
html[data-appearance="light"] #profile-section .rr-resilience-score strong { color: var(--rr-blue)
}
html[data-appearance="light"] #profile-section .rr-value-list { border-top: 1px solid #dfeaf3
}
html[data-appearance="light"] #profile-section .rr-value-list > div { border-bottom: 1px solid #dfeaf3; color: #637f9a
}
html[data-appearance="light"] #profile-section .rr-coverage-row span { color: #173353
}
html[data-appearance="light"] #profile-section .rr-coverage-row strong { color: #173353
}
html[data-appearance="light"] #profile-section .rr-coverage-row em { color: #637f9a
}
html[data-appearance="light"] #profile-section .rr-coverage-row > i { border: 1px solid #dfeaf3
}
html[data-appearance="light"] #profile-section .rr-inner-box { border: 1px solid var(--rr-border); background: #ffffff
}
html[data-appearance="light"] #profile-section .rr-inner-box h3,
html[data-appearance="light"] #profile-section .rr-timing h3 { border-bottom: 1px solid var(--rr-border); color: #173353
}
html[data-appearance="light"] #profile-section .rr-inner-box > div { border-bottom: 1px solid rgba(223,234,243,0.7); color: #637f9a
}
html[data-appearance="light"] #profile-section .rr-inner-box > div:last-child { border-bottom: 0
}
html[data-appearance="light"] #profile-section .rr-inner-box strong { color: #173353
}
html[data-appearance="light"] #profile-section .rr-stress table { color: #173353
}
html[data-appearance="light"] #profile-section .rr-stress th { color: #637f9a
}
html[data-appearance="light"] #profile-section .rr-stress td { border-bottom: 1px solid #dfeaf3
}
html[data-appearance="light"] #profile-section .rr-alert { border: 1px solid rgba(231,71,98,0.38); background: rgba(231,71,98,0.08)
}
html[data-appearance="light"] #profile-section .rr-alert > span { color: #173353; background: var(--rr-danger)
}
html[data-appearance="light"] #profile-section .rr-alert strong { color: var(--rr-danger)
}
html[data-appearance="light"] #profile-section .rr-alert p { color: #637f9a
}
html[data-appearance="light"] #profile-section .rr-spend-value { color: var(--rr-green)
}
html[data-appearance="light"] #profile-section .rr-spending > p { color: #637f9a
}
html[data-appearance="light"] #profile-section .rr-lifestyle-list { border-top: 1px solid #dfeaf3
}
html[data-appearance="light"] #profile-section .rr-lifestyle-list > div { border-bottom: 1px solid #dfeaf3; color: #173353
}
html[data-appearance="light"] #profile-section .rr-lifestyle-list b { color: #173353
}
html[data-appearance="light"] #profile-section .rr-ok { background: var(--rr-green)
}
html[data-appearance="light"] #profile-section .rr-warn { background: var(--rr-amber)
}
html[data-appearance="light"] #profile-section .rr-bad { background: var(--rr-danger)
}
html[data-appearance="light"] #profile-section .rr-target-box { border: 1px solid #dfeaf3; background: #ffffff; color: #173353
}
html[data-appearance="light"] #profile-section .rr-timeline { border: 1px solid #dfeaf3
}
html[data-appearance="light"] #profile-section .rr-milestone { border-bottom: 1px solid #dfeaf3
}
html[data-appearance="light"] #profile-section .rr-milestone:last-child { border-bottom: 0
}
html[data-appearance="light"] #profile-section .rr-milestone::before { border: 1px solid #dfeaf3; background: var(--node); box-shadow: 0 0 0 2px rgba(107,142,170,0.008)
}
html[data-appearance="light"] #profile-section .rr-milestone::after { background: #009c93
}
html[data-appearance="light"] #profile-section .rr-node-muted { --node: #637f9a
}
html[data-appearance="light"] #profile-section .rr-milestone strong { color: #173353
}
html[data-appearance="light"] #profile-section .rr-milestone span { color: #637f9a
}
html[data-appearance="light"] #profile-section .rr-timing { border: 1px solid var(--rr-border)
}
html[data-appearance="light"] #profile-section .rr-timing-grid > div { border-right: 1px solid #dfeaf3
}
html[data-appearance="light"] #profile-section .rr-timing-grid > div:last-child { border-right: 0
}
html[data-appearance="light"] #profile-section .rr-timing-grid span,
html[data-appearance="light"] #profile-section .rr-timing-grid small { color: #637f9a
}
html[data-appearance="light"] #profile-section .rr-timing-grid strong { color: var(--rr-green)
}
html[data-appearance="light"] .allocation-switch {
  background: linear-gradient(135deg, rgba(136,171,197,0.09), rgba(136,171,197,0.04));
  border: 2px solid rgba(223,234,243,0.45);
  box-shadow:
    0 12px 35px rgba(107,142,170,0.07),
    inset 0 2px 6px rgba(107,142,170,0.06)
}
html[data-appearance="light"] .allocation-option {
  background: transparent;
  border: none;
  color: #173353
}
html[data-appearance="light"] .allocation-option.active {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] .allocation-option:not(.active):hover {
  color: #173353
}
html[data-appearance="light"] .switch-glow {
  background: linear-gradient(135deg, var(--stocks-row-grad-start) 0%, var(--stocks-row-grad-end) 100%);
  box-shadow:
    0 8px 25px rgba(107,142,170,0.1),
    inset 0 0 0 2px rgba(107,142,170,0.05)
}
html[data-appearance="light"] .dividends-chart-title {
  color: #173353
}
html[data-appearance="light"] .dividends-chart-filter-label {
  color: #173353
}
html[data-appearance="light"] .allocation-stats.vertical-list {
  background: transparent;
  border: none;
  box-shadow: none
}
html[data-appearance="light"] .allocation-list-vertical::-webkit-scrollbar-track {
  background: rgba(136,171,197,0.08)
}
html[data-appearance="light"] .allocation-list-vertical::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, var(--stocks-row-grad-start), var(--stocks-row-grad-end))
}
html[data-appearance="light"] .allocation-item {
  background: transparent;
  border: none;
  box-shadow: none
}
html[data-appearance="light"] .allocation-item:hover {
  background: transparent;
  box-shadow: none;
  border-color: transparent
}
html[data-appearance="light"] .allocation-item .allocation-name {
  color: #173353
}
html[data-appearance="light"] .allocation-item .allocation-percentage {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] .allocation-pie-wrapper.square-pie {
  background: transparent;
  box-shadow: none;
  border: none
}
html[data-appearance="light"] .allocation-hover-popup {
  border: 1px solid rgba(223,234,243,0.45);
  background: #ffffff;
  box-shadow: 0 18px 42px rgba(107,142,170,0.056)
}
html[data-appearance="light"] .allocation-hover-popup-title {
  color: #173353
}
html[data-appearance="light"] .allocation-hover-popup-percent {
  color: #173353
}
html[data-appearance="light"] .allocation-hover-popup-total {
  color: #173353
}
html[data-appearance="light"] .allocation-hover-popup-body::-webkit-scrollbar-track {
  background: rgba(136,171,197,0.06)
}
html[data-appearance="light"] .allocation-hover-popup-body::-webkit-scrollbar-thumb {
  background: rgba(0,156,147,0.09)
}
html[data-appearance="light"] .allocation-hover-popup-row--head {
  color: #173353;
  border-bottom: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] .allocation-hover-popup-symbol,
html[data-appearance="light"] .allocation-hover-popup-value {
  color: #173353
}
html[data-appearance="light"] .allocation-hover-popup-company {
  color: #173353
}
html[data-appearance="light"] .allocation-hover-popup-more {
  color: #173353
}
html[data-appearance="light"] .allocation-hover-popup-empty {
  color: #173353
}
html[data-appearance="light"] #stocks-section .stocks-last-updated {
  color: #173353
}
html[data-appearance="light"] .column-filter-toggle {
  border: none;
  background: transparent;
  color: #173353
}
html[data-appearance="light"] .column-filter-toggle.active {
  color: #009c93
}
html[data-appearance="light"] .column-filter-toggle:hover {
  background: rgba(136,171,197,0.08);
  color: #173353
}
html[data-appearance="light"] .column-filter-menu {
  background: #ffffff;
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 16px 30px rgba(107,142,170,0.07)
}
html[data-appearance="light"] .column-filter-option {
  border: none;
  background: transparent;
  color: #173353
}
html[data-appearance="light"] .column-filter-option.active {
  background: rgba(0,156,147,0.09);
  color: #009c93
}
html[data-appearance="light"] .column-filter-option:hover {
  background: rgba(136,171,197,0.08)
}
html[data-appearance="light"] #stocks-section .stocks-table thead th {
  background: var(--stocks-row-grad-start);
  border: none;
  border-bottom: 1px dotted rgba(223,234,243,0.45);
  box-shadow: none;
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] #stocks-section .stocks-table thead {
  background: var(--stocks-row-grad-start)
}
html[data-appearance="light"] #stocks-section .stocks-table th.sortable:hover {
  color: #009c93;
  background: rgba(136,171,197,0.06)
}
html[data-appearance="light"] .stocks-table thead tr {
  border: 1px solid transparent
}
html[data-appearance="light"] .stocks-table thead th {
  background: var(--stocks-row-grad-start);
  color: #173353;
  border: none;
  border-bottom: 1px dotted rgba(223,234,243,0.45);
  text-shadow: none
}
html[data-appearance="light"] #stocks-tbody tr {
  background: var(--stocks-row-grad-start);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 6px 16px rgba(107,142,170,0.11)
}
html[data-appearance="light"] #deposits-tbody tr {
  background: linear-gradient(135deg, #ffffff, #ffffff);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 6px 16px rgba(107,142,170,0.11)
}
html[data-appearance="light"] #deposits-tbody tr:hover {
  box-shadow: 0 12px 26px rgba(107,142,170,0.12);
  border-color: rgba(223,234,243,0.45);
  background: linear-gradient(135deg, #ffffff, #ffffff)
}
html[data-appearance="light"] #stocks-tbody tr:hover {
  box-shadow: 0 12px 26px rgba(107,142,170,0.12);
  border-color: rgba(223,234,243,0.45);
  background: linear-gradient(135deg, #ffffff, #ffffff)
}
html[data-appearance="light"] #stocks-tbody td {
  background: transparent;
  color: #173353;
  border: none
}
html[data-appearance="light"] #deposits-tbody td {
  background: transparent;
  color: #173353;
  border: none
}
html[data-appearance="light"] #deposits-section .stocks-table thead th {
  background: var(--stocks-row-grad-start);
  color: #173353;
  border: none;
  border-bottom: 1px dotted rgba(223,234,243,0.45);
  box-shadow: none;
  text-shadow: none
}
html[data-appearance="light"] #deposits-section .stocks-table thead th.sortable:hover {
  color: #009c93;
  background: rgba(136,171,197,0.06)
}
html[data-appearance="light"] #deposits-section .deposits-header-info {
  border: 1px solid rgba(223,234,243,0.45);
  background: rgba(136,171,197,0.06);
  color: #173353
}
html[data-appearance="light"] #deposits-section .deposits-header-info:hover,
html[data-appearance="light"] #deposits-section .deposits-header-info:focus-visible {
  border-color: rgba(0,156,147,0.38);
  background: rgba(0,156,147,0.09);
  color: #173353;
  outline: none
}
html[data-appearance="light"] #deposits-section .deposits-header-info::before {
  border-color: rgba(223,234,243,0.96) transparent transparent transparent
}
html[data-appearance="light"] #deposits-section .deposits-header-info::after {
  background:
    radial-gradient(circle at top left, rgba(0,156,147,0.09), transparent 46%),
    linear-gradient(165deg, #ffffff, #ffffff);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 18px 38px rgba(107,142,170,0.096);
  color: #173353
}
html[data-appearance="light"] #deposits-section .deposit-exclude-checkbox {
  accent-color: #009c93
}
html[data-appearance="light"] #deposits-section .deposit-exclude-checkbox:focus-visible {
  outline: 2px solid rgba(0,156,147,0.38)
}
html[data-appearance="light"] #stocks-tbody td[data-field='number'] {
  color: #173353
}
html[data-appearance="light"] #stocks-tbody td[data-field='symbol'],
html[data-appearance="light"] #stocks-tbody td[data-field='company'] {
  color: #173353
}
html[data-appearance="light"] #stocks-tbody td[data-field='allocation'],
html[data-appearance="light"] #stocks-tbody td[data-field='weight'] {
  color: #173353
}
html[data-appearance="light"] #stocks-tbody td[data-field='allocation'] {
  color: #009c93;
  text-shadow:
    none
}
html[data-appearance="light"] #deposits-tbody td[data-field='count'] {
  color: #173353
}
html[data-appearance="light"] #deposits-tbody td[data-field='amount'] {
  color: #173353
}
html[data-appearance="light"] #stocks-tbody td[data-field='risk'] .risk-dot {
  box-shadow: 0 0 6px rgba(107,142,170,0.07)
}
html[data-appearance="light"] #stocks-tbody td[data-field='risk'] .risk-dot--high {
  background: #e74762
}
html[data-appearance="light"] #stocks-tbody td[data-field='risk'] .risk-dot--medium {
  background: #d6960b
}
html[data-appearance="light"] #stocks-tbody td[data-field='risk'] .risk-dot--safe {
  background: #2180cf
}
html[data-appearance="light"] #stocks-tbody td[data-field='risk'] .risk-dot--very-safe {
  background: #009c93
}
html[data-appearance="light"] #stocks-tbody .editable-cell input,
html[data-appearance="light"] #stocks-tbody .editable-cell select {
  background: #ffffff;
  color: #173353;
  border: 1px solid #dfeaf3
}
html[data-appearance="light"] .price-change-cell {
  color: #637f9a
}
html[data-appearance="light"] #stocks-section td[data-field="symbol"],
html[data-appearance="light"] #stocks-section td[data-field="company"],
html[data-appearance="light"] #stocks-section td[data-field="shares"],
html[data-appearance="light"] #stocks-section td[data-field="share_price"],
html[data-appearance="light"] #stocks-section td[data-field="broker"],
html[data-appearance="light"] #stocks-section td[data-field="sector"],
html[data-appearance="light"] #stocks-section td[data-field="risk"] {
  color: #173353
}
html[data-appearance="light"] #stocks-section td[data-field="company"][data-tooltip]::after {
  background: #ffffff;
  color: #173353;
  box-shadow: 0 12px 30px rgba(107,142,170,0.09);
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #stocks-section td[data-field="company"][data-tooltip]::before {
  border: 6px solid transparent;
  border-bottom-color: #dfeaf3
}
html[data-appearance="light"] {
  --app-text-primary: #173353;
  --app-text-strong: #173353;
  --app-text-muted: #637f9a;
  --app-text-subtle: #637f9a;
  --profile-gray-panel-bg: rgba(136,171,197,0.09);
  --profile-gray-panel-border: rgba(223,234,243,0.45);
  --profile-gray-panel-shadow: 0 8px 32px 0 rgba(107,142,170,0.074);
  --stocks-row-grad-start: #173353;
  --stocks-row-grad-end: #173353
}
html[data-appearance="light"] body {
  background: #ffffff;
  color: var(--app-text-primary)
}
html[data-appearance="light"] .login-body {
  background-color: #ffffff;
  background-image: none
}
html[data-appearance="light"] .login-card {
  background: linear-gradient(145deg, #ffffff, #ffffff);
  box-shadow:
    0 25px 80px rgba(107,142,170,0.12),
    0 8px 32px rgba(107,142,170,0.08),
    inset 0 1px 0 rgba(107,142,170,0.016),
    inset 0 -1px 0 rgba(107,142,170,0.06);
  border: 1px solid rgba(33,128,207,0.18)
}
html[data-appearance="light"] .login-card:hover {
  border-color: rgba(33,128,207,0.32);
  box-shadow:
    0 25px 80px rgba(107,142,170,0.12),
    0 8px 32px rgba(107,142,170,0.08),
    0 0 40px rgba(107,142,170,0.016),
    inset 0 1px 0 rgba(107,142,170,0.016)
}
html[data-appearance="light"] .auth-language-bar {
  color: #173353
}
html[data-appearance="light"] .auth-language-select {
  background: rgba(136,171,197,0.08);
  border: 1px solid rgba(223,234,243,0.45);
  color: #173353
}
html[data-appearance="light"] .auth-language-select:hover,
html[data-appearance="light"] .auth-language-select:focus {
  border-color: rgba(0,156,147,0.38);
  background: rgba(0,156,147,0.08);
  outline: none
}
html[data-appearance="light"] .auth-language-select option {
  color: #173353
}
html[data-appearance="light"] .brand-logo-wrap {
  background: linear-gradient(135deg, rgba(136,171,197,0.09), rgba(136,171,197,0.06));
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow:
    0 14px 36px rgba(107,142,170,0.09),
    inset 0 1px 0 rgba(107,142,170,0.07)
}
html[data-appearance="light"] .brand-glow {
  background: radial-gradient(circle, rgba(33,128,207,0.09), rgba(0,156,147,0.09), transparent 70%)
}
html[data-appearance="light"] .brand-title {
  color: #173353;
  text-shadow:
    none
}
html[data-appearance="light"] .brand-sub {
  color: rgba(33,128,207,0.85)
}
html[data-appearance="light"] .input-label {
  color: rgba(33,128,207,0.9)
}
html[data-appearance="light"] .login-input {
  background: #ffffff;
  color: #173353;
  border: 1px solid rgba(33,128,207,0.2);
  outline: none
}
html[data-appearance="light"] .login-input:focus {
  border-color: rgba(33,128,207,0.38);
  box-shadow: 0 0 0 3px rgba(107,142,170,0.036), 0 0 20px rgba(107,142,170,0.016);
  background: #ffffff
}
html[data-appearance="light"] .login-input.is-invalid {
  border-color: rgba(231,71,98,0.38);
  box-shadow: 0 0 0 3px rgba(107,142,170,0.032), 0 0 18px rgba(107,142,170,0.024);
  background: #ffffff
}
html[data-appearance="light"] .login-input::placeholder { color: rgba(33,128,207,0.45)
}
html[data-appearance="light"] .password-toggle {
  background: rgba(33,128,207,0.09);
  border: 1px solid rgba(33,128,207,0.25);
  color: rgba(33,128,207,0.9)
}
html[data-appearance="light"] .password-toggle:hover {
  background: rgba(33,128,207,0.09);
  border-color: rgba(33,128,207,0.38)
}
html[data-appearance="light"] .remember-me {
  color: rgba(33,128,207,0.8)
}
html[data-appearance="light"] .remember-me input {
  accent-color: #2180cf
}
html[data-appearance="light"] .forgot-link {
  color: #2180cf
}
html[data-appearance="light"] .forgot-link:hover {
  color: #009c93
}
html[data-appearance="light"] .login-btn.primary {
  background: linear-gradient(135deg, #2180cf 0%, #2180cf 50%, #2180cf 100%);
  border: 1px solid rgba(33,128,207,0.38);
  color: #173353;
  box-shadow: 0 4px 20px rgba(107,142,170,0.06)
}
html[data-appearance="light"] .login-btn.primary:hover {
  box-shadow: 0 8px 30px rgba(107,142,170,0.09);
  background: linear-gradient(135deg, #2180cf 0%, #2180cf 50%, #2180cf 100%)
}
html[data-appearance="light"] .login-btn.ghost {
  background: rgba(33,128,207,0.08);
  border: 1px solid rgba(33,128,207,0.22);
  color: rgba(33,128,207,0.9)
}
html[data-appearance="light"] .login-btn.ghost:hover {
  background: rgba(33,128,207,0.09);
  border-color: rgba(33,128,207,0.35);
  color: #173353
}
html[data-appearance="light"] .social-auth-btn--google {
  color: #173353;
  background: #ffffff;
  border: 1px solid rgba(223,234,243,0.92);
  box-shadow: 0 14px 28px rgba(107,142,170,0.056)
}
html[data-appearance="light"] .social-auth-btn--google:hover:not(:disabled) {
  border-color: rgba(0,156,147,0.38);
  box-shadow: 0 18px 36px rgba(107,142,170,0.068), 0 0 20px rgba(107,142,170,0.024)
}
html[data-appearance="light"] .sep-line {
  background: rgba(33,128,207,0.09)
}
html[data-appearance="light"] .sep-text {
  color: rgba(33,128,207,0.6)
}
html[data-appearance="light"] .login-footer {
  color: #173353
}
html[data-appearance="light"] .auth-alert {
  border: 1px solid rgba(223,234,243,0.45);
  background: rgba(136,171,197,0.07);
  box-shadow: 0 14px 34px rgba(107,142,170,0.044), inset 0 1px 0 rgba(107,142,170,0.012)
}
html[data-appearance="light"] .auth-alert strong {
  color: #173353
}
html[data-appearance="light"] .auth-alert span {
  color: #173353
}
html[data-appearance="light"] .auth-alert-warning {
  border-color: rgba(214,150,11,0.38);
  background: linear-gradient(135deg, rgba(214,150,11,0.09), rgba(231,71,98,0.09))
}
html[data-appearance="light"] .auth-alert-error {
  border-color: rgba(231,71,98,0.38);
  background: linear-gradient(135deg, rgba(231,71,98,0.09), rgba(231,71,98,0.08))
}
html[data-appearance="light"] .auth-alert-success {
  border-color: rgba(0,156,147,0.38);
  background: linear-gradient(135deg, rgba(0,156,147,0.09), rgba(33,128,207,0.08))
}
html[data-appearance="light"] .wow-dialog__backdrop {
  background: radial-gradient(circle at top, rgba(231,71,98,0.09), #ffffff 55%)
}
html[data-appearance="light"] .wow-dialog__panel {
  background: linear-gradient(135deg, rgba(136,171,197,0.09), rgba(136,171,197,0.06));
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow:
    0 25px 70px rgba(107,142,170,0.11),
    inset 0 1px 0 rgba(107,142,170,0.06)
}
html[data-appearance="light"] .wow-dialog__glow {
  background: linear-gradient(120deg, rgba(231,71,98,0.09), rgba(214,150,11,0.09), rgba(0,156,147,0.09))
}
html[data-appearance="light"] .wow-dialog__icon {
  text-shadow: none
}
html[data-appearance="light"] .wow-dialog__title {
  color: #173353
}
html[data-appearance="light"] .wow-dialog__message {
  color: #173353
}
html[data-appearance="light"] .wow-dialog__close {
  background: linear-gradient(135deg, #e74762, #e74762);
  border: none;
  color: #173353;
  box-shadow: 0 12px 25px rgba(107,142,170,0.07)
}
html[data-appearance="light"] .wow-dialog__close:hover {
  box-shadow: 0 16px 30px rgba(107,142,170,0.1)
}
html[data-appearance="light"] .wow-dialog__close:focus {
  outline: 3px solid rgba(223,234,243,0.5)
}
html[data-appearance="light"] .navbar {
  background: #ffffff;
  border-bottom: 0
}
html[data-appearance="light"] .nav-stats .stat-item {
  border: 1px solid rgba(0,156,147,0.14);
  background:
    linear-gradient(180deg, rgba(136,171,197,0.07), rgba(136,171,197,0.02)),
    #ffffff;
  box-shadow:
    inset 0 1px 0 rgba(107,142,170,0.012),
    0 16px 30px rgba(107,142,170,0.048);
  text-shadow: none
}
html[data-appearance="light"] .nav-stats .stat-label {
  color: #173353
}
html[data-appearance="light"] .nav-stats .stat-item--balance .currency-symbol {
  color: rgba(0,156,147,0.84)
}
html[data-appearance="light"] .nav-stats .stat-item--profit .currency-symbol {
  color: rgba(0,156,147,0.84)
}
html[data-appearance="light"] .header-investor-badge {
  border: none;
  background: none;
  box-shadow: none
}
html[data-appearance="light"] .header-greeting {
  color: #173353
}
html[data-appearance="light"] .header-greeting-name {
  color: inherit
}
html[data-appearance="light"] .header-greeting-mark {
  color: rgba(0,156,147,0.88)
}
html[data-appearance="light"] .header-investor-badge-pill {
  border: 1px solid rgba(223,234,243,0.45);
  background: linear-gradient(180deg, rgba(136,171,197,0.09), rgba(136,171,197,0.03))
}
html[data-appearance="light"] .header-investor-badge-pill--accent {
  border-color: rgba(0,156,147,0.24);
  background: linear-gradient(135deg, rgba(0,156,147,0.09), rgba(33,128,207,0.08))
}
html[data-appearance="light"] .header-investor-badge-pill-label {
  color: #173353
}
html[data-appearance="light"] .header-investor-badge-pill-value {
  color: #173353
}
html[data-appearance="light"] .header-investor-badge-pill--accent .header-investor-badge-pill-value {
  color: #009c93;
  text-shadow: none
}
html[data-appearance="light"] .header-investor-badge[data-state="empty"] .header-investor-badge-pill-value {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] .leaderboard-score-info-tip {
  border: 1px solid rgba(0,156,147,0.38);
  background: linear-gradient(180deg, rgba(136,171,197,0.09), rgba(0,156,147,0.09));
  color: #173353;
  text-shadow: none;
  box-shadow: 0 0 10px rgba(107,142,170,0.028)
}
html[data-appearance="light"] .leaderboard-score-info-tip::after {
  background: linear-gradient(180deg, #ffffff, #ffffff);
  border: 1px solid rgba(0,156,147,0.34);
  color: #173353;
  box-shadow: 0 14px 34px rgba(107,142,170,0.1), 0 0 18px rgba(107,142,170,0.028)
}
html[data-appearance="light"] .leaderboard-score-info-tip:focus-visible {
  outline: 2px solid rgba(0,156,147,0.38)
}
html[data-appearance="light"] #total-balance {
  color: #009c93;
  text-shadow:
    none
}
html[data-appearance="light"] #total-profit {
  color: #009c93;
  text-shadow:
    none
}
html[data-appearance="light"] .nav-mascot-badge {
  background: #ffffff;
  box-shadow: none
}
html[data-appearance="light"] .nav-menu li a {
  color: #173353
}
html[data-appearance="light"] .nav-menu li a.nav-link::after {
  background: #ffffff
}
html[data-appearance="light"] .nav-menu li a:hover {
  color: #173353
}
html[data-appearance="light"] .nav-menu li a.active {
  background: transparent;
  color: #173353
}
html[data-appearance="light"] .profile-nav-badge,
html[data-appearance="light"] .admin-new-users-nav-badge,
html[data-appearance="light"] .leaderboard-nav-badge {
  background: #e74762;
  color: #173353;
  box-shadow: 0 0 16px rgba(107,142,170,0.09)
}
html[data-appearance="light"] .profile-notification-banner {
  border: 1px solid rgba(0,156,147,0.38);
  background: linear-gradient(135deg, #f2f7fb, rgba(0,156,147,0.09));
  box-shadow:
    0 18px 36px rgba(107,142,170,0.056),
    0 0 24px rgba(107,142,170,0.04),
    inset 0 1px 0 rgba(107,142,170,0.036)
}
html[data-appearance="light"] .profile-notification-banner::before {
  background: linear-gradient(90deg, rgba(0,156,147,0.09), transparent 38%, rgba(136,171,197,0.08))
}
html[data-appearance="light"] .profile-notification-title {
  color: #173353
}
html[data-appearance="light"] .profile-notification-body {
  color: #173353
}
html[data-appearance="light"] .profile-notification-close {
  border: 0;
  background: rgba(136,171,197,0.09);
  color: #173353
}
html[data-appearance="light"] .profile-notification-close:hover,
html[data-appearance="light"] .profile-notification-close:focus-visible {
  background: rgba(136,171,197,0.09);
  outline: none
}
html[data-appearance="light"] .settings-cog-btn {
  border: 1px solid rgba(0,156,147,0.24);
  background:
    radial-gradient(circle at 30% 30%, rgba(136,171,197,0.09), transparent 48%),
    linear-gradient(145deg, #ffffff, #ffffff);
  box-shadow: 0 14px 28px rgba(107,142,170,0.06), inset 0 1px 0 rgba(107,142,170,0.028)
}
html[data-appearance="light"] .settings-cog-btn::before {
  background: linear-gradient(180deg, rgba(136,171,197,0.09), rgba(136,171,197,0))
}
html[data-appearance="light"] .settings-cog-btn svg {
  fill: #173353
}
html[data-appearance="light"] .settings-cog-btn:hover,
html[data-appearance="light"] .settings-cog-btn[aria-expanded="true"] {
  border-color: rgba(0,156,147,0.38);
  box-shadow: 0 20px 36px rgba(107,142,170,0.072), 0 0 18px rgba(107,142,170,0.044), inset 0 1px 0 rgba(107,142,170,0.036)
}
html[data-appearance="light"] .settings-menu {
  background-color: #ffffff;
  background:
    radial-gradient(circle at top left, rgba(0,156,147,0.09), transparent 42%),
    radial-gradient(circle at 100% 0%, rgba(33,128,207,0.08), transparent 38%),
    linear-gradient(180deg, #ffffff, #ffffff);
  border: 1px solid rgba(0,156,147,0.18);
  box-shadow: 0 26px 54px rgba(107,142,170,0.092), 0 0 32px rgba(107,142,170,0.024)
}
html[data-appearance="light"] .settings-menu::before {
  background: linear-gradient(90deg, rgba(136,171,197,0), #009c93, rgba(136,171,197,0))
}
html[data-appearance="light"] .settings-menu::after {
  background: radial-gradient(circle, rgba(0,156,147,0.09), rgba(0,156,147,0))
}
html[data-appearance="light"] .settings-menu-item {
  border: 1px solid rgba(0,156,147,0.14);
  background-color: #f2f7fb;
  background: linear-gradient(180deg, #f2f7fb, #f2f7fb);
  color: #173353
}
html[data-appearance="light"] .settings-menu-item:hover {
  border-color: rgba(0,156,147,0.3);
  background: linear-gradient(180deg, #f2f7fb, #f2f7fb);
  box-shadow: 0 12px 24px rgba(107,142,170,0.04), 0 0 18px rgba(107,142,170,0.024)
}
html[data-appearance="light"] .settings-menu-icon {
  border: 1px solid rgba(0,156,147,0.16);
  background:
    radial-gradient(circle at 30% 25%, rgba(136,171,197,0.09), transparent 40%),
    linear-gradient(145deg, #ffffff, #ffffff);
  color: #009c93;
  box-shadow: inset 0 1px 0 rgba(107,142,170,0.024), 0 10px 20px rgba(107,142,170,0.032)
}
html[data-appearance="light"] .settings-menu-icon-platform {
  color: #009c93
}
html[data-appearance="light"] .settings-menu-icon-account {
  color: #2180cf
}
html[data-appearance="light"] .settings-menu-icon-language {
  color: #009c93
}
html[data-appearance="light"] .settings-menu-icon-currency {
  color: #009c93
}
html[data-appearance="light"] .settings-menu-row {
  border: 1px solid rgba(0,156,147,0.12);
  background-color: #ffffff;
  background: linear-gradient(180deg, #f2f7fb, #ffffff);
  color: #173353
}
html[data-appearance="light"] .settings-select {
  background:
    linear-gradient(180deg, rgba(136,171,197,0.09), rgba(136,171,197,0.04)),
    linear-gradient(135deg, #ffffff, #ffffff);
  color: #173353;
  border: 1px solid rgba(0,156,147,0.18);
  background-image:
    linear-gradient(45deg, transparent 50%, #009c93 50%),
    linear-gradient(135deg, #009c93 50%, transparent 50%),
    linear-gradient(180deg, rgba(136,171,197,0.08), rgba(136,171,197,0))
}
html[data-appearance="light"] .settings-language-trigger {
  border: 1px solid rgba(0,156,147,0.18);
  background: linear-gradient(135deg, #f2f7fb, #ffffff);
  color: #173353;
  box-shadow: inset 0 1px 0 rgba(107,142,170,0.016)
}
html[data-appearance="light"] .settings-language-trigger:hover,
html[data-appearance="light"] .settings-language-picker.open .settings-language-trigger {
  border-color: rgba(0,156,147,0.34);
  box-shadow: 0 0 16px rgba(107,142,170,0.028);
  background: linear-gradient(135deg, #f2f7fb, #f2f7fb)
}
html[data-appearance="light"] .settings-language-current-code {
  background: rgba(0,156,147,0.09);
  border: 1px solid rgba(0,156,147,0.22);
  color: #009c93
}
html[data-appearance="light"] .settings-language-chevron {
  background: #f2f7fb;
  color: rgba(0,156,147,0.92)
}
html[data-appearance="light"] .settings-language-picker.open .settings-language-chevron {
  background: #f2f7fb
}
html[data-appearance="light"] .settings-language-menu {
  border: 1px solid rgba(0,156,147,0.16);
  background-color: #ffffff;
  background:
    radial-gradient(circle at top left, rgba(0,156,147,0.09), transparent 40%),
    linear-gradient(180deg, #ffffff, #ffffff);
  box-shadow: 0 18px 34px rgba(107,142,170,0.072), 0 0 20px rgba(107,142,170,0.024)
}
html[data-appearance="light"] .settings-language-option {
  border: 1px solid transparent;
  background: #f2f7fb;
  color: #173353
}
html[data-appearance="light"] .settings-language-option:hover,
html[data-appearance="light"] .settings-language-option[aria-selected="true"] {
  background: #f2f7fb;
  border-color: rgba(0,156,147,0.24);
  box-shadow: 0 0 14px rgba(107,142,170,0.02)
}
html[data-appearance="light"] .settings-language-option-code {
  background: rgba(136,171,197,0.06);
  border: 1px solid rgba(223,234,243,0.45);
  color: rgba(0,156,147,0.95)
}
html[data-appearance="light"] .settings-language-option-check {
  color: #009c93
}
html[data-appearance="light"] .settings-chip-row {
  border: 1px solid rgba(0,156,147,0.14);
  background:
    linear-gradient(180deg, rgba(136,171,197,0.06), rgba(136,171,197,0.02)),
    #ffffff;
  box-shadow: inset 0 1px 0 rgba(107,142,170,0.012)
}
html[data-appearance="light"] .settings-chip {
  border: 1px solid transparent;
  background: transparent;
  color: #173353
}
html[data-appearance="light"] .settings-chip-row .settings-chip:hover {
  border-color: rgba(0,156,147,0.2);
  background: rgba(0,156,147,0.09);
  color: #173353;
  box-shadow: none
}
html[data-appearance="light"] .settings-chip-row .settings-chip.active {
  border-color: rgba(0,156,147,0.28);
  background:
    linear-gradient(135deg, rgba(0,156,147,0.09), rgba(33,128,207,0.09)),
    #f2f7fb;
  color: #173353;
  box-shadow: inset 0 1px 0 rgba(107,142,170,0.024), 0 0 12px rgba(107,142,170,0.02)
}
html[data-appearance="light"] .settings-logout-btn {
  border: 1.5px solid rgba(0,156,147,0.3);
  color: #009c93;
  background: linear-gradient(180deg, #f2f7fb, #f2f7fb);
  box-shadow: inset 0 1px 0 rgba(107,142,170,0.016)
}
html[data-appearance="light"] .settings-logout-btn:hover {
  background: linear-gradient(180deg, #2180cf, #f2f7fb);
  box-shadow: 0 0 12px rgba(107,142,170,0.06);
  border-color: rgba(0,156,147,0.38)
}
html[data-appearance="light"] .leaderboard-header {
  color: #173353
}
html[data-appearance="light"] .leaderboard-header h2 {
  color: #173353
}
html[data-appearance="light"] .leaderboard-subtitle {
  color: #173353
}
html[data-appearance="light"] .leaderboard-loaded {
  background: #ffffff;
  border: 1px solid rgba(223,234,243,0.45);
  color: #173353
}
html[data-appearance="light"] .leaderboard-card {
  background: #ffffff;
  border: 1px solid rgba(223,234,243,0.45);
  color: #173353;
  box-shadow: 0 12px 28px rgba(107,142,170,0.07)
}
html[data-appearance="light"] .leaderboard-card.gold { border-color: rgba(214,150,11,0.38)
}
html[data-appearance="light"] .leaderboard-card.silver { border-color: rgba(223,234,243,0.6)
}
html[data-appearance="light"] .leaderboard-card.bronze { border-color: rgba(214,150,11,0.38)
}
html[data-appearance="light"] .leaderboard-tier {
  color: #d6960b
}
html[data-appearance="light"] .leaderboard-card.silver .leaderboard-tier { color: #173353
}
html[data-appearance="light"] .leaderboard-card.bronze .leaderboard-tier { color: #d6960b
}
html[data-appearance="light"] .leaderboard-card-name {
  color: #173353
}
html[data-appearance="light"] .leaderboard-card-meta {
  color: #173353
}
html[data-appearance="light"] .leaderboard-popular {
  background: linear-gradient(90deg, #ffffff, #f2f7fb);
  border: 1px solid rgba(0,156,147,0.3);
  color: #173353
}
html[data-appearance="light"] .leaderboard-popular-tag {
  color: #009c93
}
html[data-appearance="light"] .leaderboard-popular-name {
  color: #173353
}
html[data-appearance="light"] .leaderboard-popular-meta {
  color: #173353
}
html[data-appearance="light"] .leaderboard-pagination-wrapper {
  background: #ffffff;
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] .leaderboard-pagination-left label,
html[data-appearance="light"] .leaderboard-pagination-info {
  color: #173353
}
html[data-appearance="light"] .leaderboard-pagination-left select {
  border: 1px solid rgba(223,234,243,0.45);
  background: #ffffff;
  color: #173353
}
html[data-appearance="light"] .leaderboard-table {
  background: #ffffff;
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 18px 42px rgba(107,142,170,0.08)
}
html[data-appearance="light"] .leaderboard-table table {
  color: #173353
}
html[data-appearance="light"] .leaderboard-table thead th {
  background: rgba(136,171,197,0.08)
}
html[data-appearance="light"] .leaderboard-table tbody td {
  border-top: 1px solid rgba(223,234,243,0.45);
  color: #173353
}
html[data-appearance="light"] .leaderboard-table tbody td:nth-child(6) {
  color: #173353
}
html[data-appearance="light"] .leaderboard-table tbody tr:hover {
  background: rgba(136,171,197,0.035)
}
html[data-appearance="light"] .leaderboard-sort-btn {
  border: none;
  background: transparent;
  color: #173353
}
html[data-appearance="light"] .leaderboard-sort-btn:hover {
  color: #173353
}
html[data-appearance="light"] .leaderboard-sort-btn.active {
  color: #009c93
}
html[data-appearance="light"] .leaderboard-rank {
  color: #d6960b
}
html[data-appearance="light"] .leaderboard-country-name {
  color: #173353
}
html[data-appearance="light"] .leaderboard-table tbody td .leaderboard-pct-positive {
  color: #009c93
}
html[data-appearance="light"] .leaderboard-table tbody td .leaderboard-pct-negative {
  color: #e74762
}
html[data-appearance="light"] .leaderboard-table tbody td .leaderboard-pct-zero {
  color: #173353
}
html[data-appearance="light"] .leaderboard-like-btn {
  border: 1px solid rgba(0,156,147,0.38);
  background: linear-gradient(135deg, rgba(0,156,147,0.08), rgba(0,156,147,0.09));
  color: #009c93;
  box-shadow: 0 0 0 rgba(107,142,170,0), inset 0 1px 0 rgba(107,142,170,0.016)
}
html[data-appearance="light"] .leaderboard-like-btn:hover:not(:disabled) {
  border-color: rgba(0,156,147,0.38);
  box-shadow: 0 0 12px rgba(107,142,170,0.044), 0 0 24px rgba(107,142,170,0.028);
  color: #009c93
}
html[data-appearance="light"] .leaderboard-like-btn.active {
  background: linear-gradient(135deg, rgba(0,156,147,0.09), rgba(0,156,147,0.09));
  border-color: rgba(0,156,147,0.38);
  box-shadow: 0 0 14px rgba(107,142,170,0.052), 0 0 28px rgba(107,142,170,0.036);
  color: #009c93
}
html[data-appearance="light"] .leaderboard-like-btn.pending,
html[data-appearance="light"] .leaderboard-like-btn:disabled {
  box-shadow: none
}
html[data-appearance="light"] .leaderboard-like-icon svg {
  fill: currentColor
}
html[data-appearance="light"] .leaderboard-like-count {
  color: #009c93
}
html[data-appearance="light"] .container {
  color: #173353
}
html[data-appearance="light"] h1 {
  text-shadow: none
}
html[data-appearance="light"] p {
  text-shadow: none
}
html[data-appearance="light"] .chart-container {
  background: #ffffff;
  box-shadow:
    0 20px 60px rgba(107,142,170,0.1),
    0 10px 25px rgba(107,142,170,0.06),
    inset 0 1px 0 rgba(107,142,170,0.06),
    inset 0 -1px 0 rgba(107,142,170,0.04);
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] .dashboard-metrics-overlay {
  background: #ffffff;
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow:
    0 10px 28px rgba(107,142,170,0.09),
    0 4px 12px rgba(107,142,170,0.07),
    inset 0 1px 0 rgba(107,142,170,0.08),
    inset 0 -1px 0 rgba(107,142,170,0.04)
}
html[data-appearance="light"] .dashboard-metrics-overlay::before {
  background: linear-gradient(135deg, rgba(33,128,207,0.09), rgba(33,128,207,0.09))
}
html[data-appearance="light"] .metric-row {
  background: linear-gradient(180deg, #2180cf, #f2f7fb);
  border: 1px solid rgba(33,128,207,0.22);
  box-shadow:
    inset 0 1px 0 rgba(107,142,170,0.016),
    0 14px 24px rgba(107,142,170,0.068),
    0 0 14px rgba(107,142,170,0.012)
}
html[data-appearance="light"] .metric-row::after {
  background: linear-gradient(90deg, rgba(0,156,147,0.09), rgba(136,171,197,0))
}
html[data-appearance="light"] .metric-label {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] .settings-missing-tip {
  border: 1px solid rgba(0,156,147,0.36);
  background: linear-gradient(180deg, rgba(136,171,197,0.09), rgba(0,156,147,0.09));
  color: #173353;
  box-shadow: 0 0 10px rgba(107,142,170,0.024)
}
html[data-appearance="light"] .settings-missing-tip::after {
  background: linear-gradient(180deg, #ffffff, #ffffff);
  border: 1px solid rgba(0,156,147,0.34);
  color: #173353;
  box-shadow: 0 14px 34px rgba(107,142,170,0.1), 0 0 18px rgba(107,142,170,0.028)
}
html[data-appearance="light"] .settings-missing-tip:focus-visible {
  outline: 2px solid rgba(0,156,147,0.38)
}
html[data-appearance="light"] .metric-value {
  color: #173353;
  text-shadow:
    none
}
html[data-appearance="light"] .metric-value.positive { color: #009c93; text-shadow: none
}
html[data-appearance="light"] .metric-value.negative { color: #e74762; text-shadow: none
}
html[data-appearance="light"] .metric-value.warning { color: #d6960b; text-shadow: none
}
html[data-appearance="light"] .metric-value.accent { color: #009c93; text-shadow: none
}
html[data-appearance="light"] .chart-container::before {
  background: linear-gradient(45deg, var(--stocks-row-grad-start), var(--stocks-row-grad-end))
}
html[data-appearance="light"] .wide-panel-container {
  background: transparent;
  box-shadow: none;
  border: none
}
html[data-appearance="light"] .wide-panel-container::before {
  background: linear-gradient(45deg, var(--stocks-row-grad-start), var(--stocks-row-grad-end))
}
html[data-appearance="light"] .wide-panel-container:hover {
  box-shadow: none
}
html[data-appearance="light"] .panel-zone {
  background:
    radial-gradient(circle at 14% 10%, rgba(0,156,147,0.09), transparent 32%),
    linear-gradient(180deg, #f2f7fb, #ffffff);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow:
    0 22px 40px rgba(107,142,170,0.084),
    inset 0 1px 0 rgba(107,142,170,0.02),
    inset 0 -1px 0 rgba(107,142,170,0.06)
}
html[data-appearance="light"] .dashboard-advanced-metrics-panel {
  background: #f2f7fb;
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow:
    0 24px 48px rgba(107,142,170,0.084),
    inset 0 1px 0 rgba(107,142,170,0.016)
}
html[data-appearance="light"] .dashboard-advanced-metrics-kicker,
html[data-appearance="light"] .dashboard-advanced-metrics-period {
  color: #173353
}
html[data-appearance="light"] .dashboard-advanced-metrics-kicker {
  color: #173353
}
html[data-appearance="light"] .dashboard-advanced-metrics-period {
  color: rgba(0,156,147,0.72)
}
html[data-appearance="light"] .dashboard-advanced-metric-card {
  background: #f2f7fb;
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow:
    0 12px 28px rgba(107,142,170,0.056),
    inset 0 1px 0 rgba(107,142,170,0.016)
}
html[data-appearance="light"] .dashboard-advanced-metric-label {
  color: #173353
}
html[data-appearance="light"] .dashboard-advanced-metric-value {
  color: #009c93
}
html[data-appearance="light"] .dashboard-advanced-metric-value.positive {
  color: #009c93;
  text-shadow: none
}
html[data-appearance="light"] .dashboard-advanced-metric-value.negative {
  color: #e74762;
  text-shadow: none
}
html[data-appearance="light"] .dashboard-advanced-metric-value.warning {
  color: #d6960b
}
html[data-appearance="light"] .dashboard-advanced-metric-meta {
  color: #173353
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-projection-requirements .profile-table,
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-projection-requirements .profile-table-row {
  background: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-projection-requirements .profile-table-row {
  border-color: #dfeaf3 !important
}
html[data-appearance="light"] body #profile-section .profile-page.banymay-my-plan.is-retirement-resilience .rr-assumptions {
  box-shadow: 0 18px 36px rgba(107,142,170,0.076) !important
}
html[data-appearance="light"] body #profile-section .profile-page.banymay-my-plan.is-retirement-resilience .rr-assumptions:not([open]) {
  box-shadow: none !important
}
html[data-appearance="light"] body #profile-section .profile-page.banymay-my-plan.is-retirement-resilience .rr-assumption-summary-values {
  color: #637f9a
}
html[data-appearance="light"] #profile-section .rr-assumptions {
  border: 1px solid #dfeaf3 !important;
  background: #ffffff !important;
  color: var(--rr-text) !important
}
html[data-appearance="light"] #profile-section .rr-assumptions > summary {
  border-bottom: 1px solid #dfeaf3;
  background: #ffffff;
  color: #173353
}
html[data-appearance="light"] #profile-section .rr-assumptions-chevron { color: #173353
}
html[data-appearance="light"] #profile-section .rr-assumptions .rr-assumption-fields label > span {
  color: #637f9a
}
html[data-appearance="light"] #profile-section .rr-assumptions .rr-assumption-fields input {
  border: 1px solid #dfeaf3;
  background: #ffffff;
  color: #173353
}
html[data-appearance="light"] #profile-section .rr-assumptions .rr-assumption-fields input:focus {
  outline: 2px solid rgba(0,156,147,0.35)
}
html[data-appearance="light"] #profile-section .rr-info-dot {
  border: 1px solid rgba(0,156,147,0.38);
  color: #009c93
}
html[data-appearance="light"] #profile-section .rr-assumption-guides {
  border-top: 1px solid #dfeaf3
}
html[data-appearance="light"] #profile-section .rr-assumption-guides article {
  border-right: 1px solid #dfeaf3
}
html[data-appearance="light"] #profile-section .rr-assumption-guides article:last-child { border-right: 0
}
html[data-appearance="light"] #profile-section .rr-guide-title strong { color: #173353
}
html[data-appearance="light"] #profile-section .rr-guide-icon {
  background: #f2f7fb;
  color: #173353
}
html[data-appearance="light"] #profile-section .rr-assumption-guides p {
  color: #637f9a
}
html[data-appearance="light"] #profile-section .rr-assumption-guides p + p { border-top: 1px solid #dfeaf3
}
@media (max-width: 900px) {
  html[data-appearance="light"] #profile-section .rr-assumption-guides article:nth-child(2) { border-right: 0
  }
}
@media (max-width: 560px) {
  html[data-appearance="light"] #profile-section .rr-assumption-guides article { border-right: 0
  }
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-projection-requirements .profile-table,
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-projection-requirements .profile-table-row {
  background: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-projection-requirements .profile-table-row {
  border-color: #dfeaf3 !important
}
html[data-appearance="light"] .panel-zone:hover {
  background:
    radial-gradient(circle at 14% 10%, rgba(0,156,147,0.09), transparent 32%),
    linear-gradient(180deg, #f2f7fb, #ffffff)
}
html[data-appearance="light"] .panel-zone-title {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] #deposits-section .deposits-breakdown .breakdown-item.total-deposits-row {
  background: linear-gradient(135deg, rgba(136,171,197,0.09), rgba(136,171,197,0.03));
  border-color: rgba(223,234,243,0.45)
}
html[data-appearance="light"] #deposits-section td[data-field="amount"] {
  color: #173353
}
html[data-appearance="light"] #deposits-section table.stocks-table thead tr th[data-column="account"] {
  color: #173353
}
html[data-appearance="light"] .breakdown-item {
  background: linear-gradient(180deg, #2180cf, #f2f7fb);
  border: 1px solid rgba(33,128,207,0.22);
  box-shadow:
    inset 0 1px 0 rgba(107,142,170,0.016),
    0 14px 24px rgba(107,142,170,0.068),
    0 0 14px rgba(107,142,170,0.012)
}
html[data-appearance="light"] .profit-col.combined .profit-label {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] .profit-col.combined .profit-value {
  color: #009c93;
  text-shadow:
    none
}
html[data-appearance="light"] .profit-box {
  background: linear-gradient(180deg, #2180cf, #f2f7fb);
  border: 1px solid rgba(33,128,207,0.22);
  color: #173353;
  box-shadow:
    inset 0 1px 0 rgba(107,142,170,0.016),
    0 14px 24px rgba(107,142,170,0.068),
    0 0 14px rgba(107,142,170,0.012)
}
html[data-appearance="light"] .profit-box:hover {
  background: linear-gradient(180deg, #f2f7fb, #ffffff);
  border-color: rgba(33,128,207,0.22);
  box-shadow:
    inset 0 1px 0 rgba(107,142,170,0.016),
    0 10px 22px rgba(107,142,170,0.076),
    0 0 12px rgba(107,142,170,0.012)
}
html[data-appearance="light"] .profit-col.brokers .profit-box.profit-label {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] .profit-col.profits .profit-box {
  color: #009c93;
  text-shadow:
    none
}
html[data-appearance="light"] .profit-col.returns .profit-box {
  color: #009c93;
  text-shadow:
    none
}
html[data-appearance="light"] .profit-col.returns .profit-label {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] .profit-col.returns .profit-value {
  color: #009c93;
  text-shadow:
    none
}
html[data-appearance="light"] .profit-column-title {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] .breakdown-item:hover {
  background: #ffffff;
  box-shadow: none;
  border-color: rgba(223,234,243,0.45)
}
html[data-appearance="light"] .breakdown-label {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] .breakdown-value {
  color: #009c93;
  text-shadow:
    none
}
html[data-appearance="light"] .breakdown-value-white {
  color: #173353 !important;
  text-shadow: none !important
}
html[data-appearance="light"] #dashboard-section .wide-panel-grid .panel-zone-title {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] #dashboard-section .wide-panel-grid > .panel-zone:nth-child(-n+4) .breakdown-item,
html[data-appearance="light"] #dashboard-section .wide-panel-grid > .panel-zone:nth-child(-n+4) .profit-box {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dashboard-section .wide-panel-grid > .panel-zone:nth-child(-n+4) .breakdown-item:not(:last-child),
html[data-appearance="light"] #dashboard-section .wide-panel-grid > .panel-zone:nth-child(-n+4) .profit-box:not(:last-child) {
  border-bottom: 1px solid rgba(0,156,147,0.08) !important
}
html[data-appearance="light"] #dashboard-section .wide-panel-grid .breakdown-label,
html[data-appearance="light"] #dashboard-section .wide-panel-grid .profit-label {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] #dashboard-section .wide-panel-grid .breakdown-value {
  color: #009c93;
  text-shadow: none
}
html[data-appearance="light"] #dashboard-section .wide-panel-grid .breakdown-value-white {
  color: #173353 !important;
  text-shadow: none !important
}
html[data-appearance="light"] #dashboard-section .wide-panel-grid > .panel-zone:nth-child(2) .breakdown-value-white {
  color: #173353 !important;
  text-shadow: none !important
}
html[data-appearance="light"] #dashboard-section .metrics-panel .metric-row {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dashboard-section .metrics-panel .metric-row:not(:last-child) {
  border-bottom: 1px solid rgba(0,156,147,0.08) !important
}
html[data-appearance="light"] #dashboard-section .metrics-panel .metric-label {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] #dashboard-section .metrics-panel .metric-value {
  text-shadow: none
}
html[data-appearance="light"] .chart-container:hover {
  box-shadow: none
}
html[data-appearance="light"] .chart-container h2 {
  color: #173353;
  text-shadow:
    none
}
html[data-appearance="light"] .balance-risk-info-strip {
  border: 1px solid rgba(0,156,147,0.08);
  background: rgba(255,255,255,0.08);
  box-shadow:
    0 10px 24px rgba(107,142,170,0.016),
    inset 0 1px 0 rgba(107,142,170,0.008);
  color: #173353
}
html[data-appearance="light"] .performance-chart-container {
  background: #ffffff;
  box-shadow:
    0 20px 60px rgba(107,142,170,0.1),
    0 10px 25px rgba(107,142,170,0.06),
    inset 0 1px 0 rgba(107,142,170,0.06),
    inset 0 -1px 0 rgba(107,142,170,0.04);
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] .performance-chart-container::before {
  background: linear-gradient(45deg, var(--stocks-row-grad-start), var(--stocks-row-grad-end))
}
html[data-appearance="light"] .performance-chart-container:hover {
  box-shadow: none
}
html[data-appearance="light"] .chart-header h2 {
  color: #173353;
  text-shadow:
    none
}
html[data-appearance="light"] .performance-badge {
  border: 2px solid;
  box-shadow: 0 4px 15px rgba(107,142,170,0.04)
}
html[data-appearance="light"] .performance-badge.positive {
  background: #ffffff;
  border-color: rgba(0,156,147,0.38);
  color: #009c93;
  text-shadow: none
}
html[data-appearance="light"] .performance-badge.negative {
  background: #ffffff;
  border-color: rgba(231,71,98,0.38);
  color: #e74762;
  text-shadow: none
}
html[data-appearance="light"] .performance-badge:hover {
  box-shadow: 0 6px 20px rgba(107,142,170,0.06)
}
html[data-appearance="light"] .time-range-selector {
  background: transparent;
  border: 0
}
html[data-appearance="light"] .time-btn {
  background: transparent;
  border: 0;
  color: #173353;
  box-shadow: none
}
html[data-appearance="light"] .time-btn:hover,
html[data-appearance="light"] .time-btn:focus-visible {
  background: rgba(136,171,197,0.09);
  color: #173353;
  box-shadow: none;
  outline: none
}
html[data-appearance="light"] .time-btn.active {
  background: rgba(136,171,197,0.09);
  color: #173353;
  box-shadow: none
}
html[data-appearance="light"] .legend-toggle {
  accent-color: #173353
}
html[data-appearance="light"] .legend-color {
  box-shadow: 0 2px 8px rgba(107,142,170,0.06)
}
html[data-appearance="light"] .legend-label {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] #dashboard-section .performance-chart-tooltip {
  --tooltip-accent: var(--theme-accent-2, #009c93)
}
html[data-appearance="light"] #dashboard-section .performance-chart-tooltip::after {
  background: #ffffff;
  border-right: 1px solid rgba(0,156,147,0.28);
  border-bottom: 1px solid rgba(0,156,147,0.28);
  box-shadow: 5px 5px 14px rgba(107,142,170,0.04)
}
html[data-appearance="light"] #dashboard-section .performance-chart-tooltip.is-below::after {
  border: 0;
  border-left: 1px solid rgba(0,156,147,0.28);
  border-top: 1px solid rgba(0,156,147,0.28);
  box-shadow: -5px -5px 14px rgba(107,142,170,0.036)
}
html[data-appearance="light"] #dashboard-section .performance-tooltip-card {
  color: #173353;
  background:
    radial-gradient(circle at 0% 0%, rgba(0,156,147,0.09), transparent 40%),
    linear-gradient(145deg, #ffffff, #ffffff);
  border: 1px solid rgba(0,156,147,0.26);
  box-shadow:
    0 0 0 1px rgba(107,142,170,0.012) inset,
    0 14px 28px rgba(107,142,170,0.052),
    0 0 18px rgba(107,142,170,0.016)
}
html[data-appearance="light"] #dashboard-section .performance-tooltip-card::before {
  background:
    linear-gradient(120deg, rgba(136,171,197,0.08), rgba(136,171,197,0) 34%),
    linear-gradient(90deg, transparent, rgba(0,156,147,0.05), transparent)
}
html[data-appearance="light"] #dashboard-section .performance-tooltip-card::after {
  background: linear-gradient(90deg, #009c93, #2180cf, #d6960b);
  box-shadow: 0 0 10px rgba(107,142,170,0.06)
}
html[data-appearance="light"] #dashboard-section .performance-tooltip-date {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] #dashboard-section .performance-tooltip-balance {
  border-bottom: 1px solid rgba(0,156,147,0.12);
  color: #173353
}
html[data-appearance="light"] #dashboard-section .performance-tooltip-balance span {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] #dashboard-section .performance-tooltip-balance strong {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] #dashboard-section .performance-tooltip-row {
  border: 0;
  background: transparent;
  box-shadow: none
}
html[data-appearance="light"] #dashboard-section .performance-tooltip-row + .performance-tooltip-row {
  border-top: 1px solid rgba(0,156,147,0.08)
}
html[data-appearance="light"] #dashboard-section .performance-tooltip-series {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] #dashboard-section .performance-tooltip-dot {
  background: var(--tooltip-row-color, #009c93);
  box-shadow: 0 0 10px color-mix(in srgb, var(--tooltip-row-color, rgba(107,142,170,0.12)) 60%, transparent)
}
html[data-appearance="light"] #dashboard-section .performance-tooltip-percent {
  color: #173353
}
html[data-appearance="light"] #dashboard-section .performance-tooltip-row--positive .performance-tooltip-percent {
  color: #009c93;
  text-shadow: none
}
html[data-appearance="light"] #dashboard-section .performance-tooltip-row--negative .performance-tooltip-percent {
  color: #e74762;
  text-shadow: none
}
html[data-appearance="light"] #dashboard-section .performance-tooltip-row--neutral .performance-tooltip-percent {
  color: #009c93
}
html[data-appearance="light"] #dashboard-section .performance-tooltip-empty {
  color: #173353
}
html[data-appearance="light"] .add-btn {
  background: rgba(136,171,197,0.09);
  border: 2px solid rgba(223,234,243,0.45);
  color: #173353
}
html[data-appearance="light"] .add-btn:hover {
  background: rgba(136,171,197,0.09)
}
html[data-appearance="light"] .add-btn-pulse {
  outline: 2px solid rgba(33,128,207,0.38)
}
html[data-appearance="light"] .monthly-broker-filter label {
  color: #173353
}
html[data-appearance="light"] .import-btn {
  color: #173353;
  background: linear-gradient(135deg, rgba(0,156,147,0.09), rgba(33,128,207,0.09));
  border: 1.5px solid rgba(0,156,147,0.35);
  box-shadow: 0 0 12px rgba(107,142,170,0.03), inset 0 0 0 1px rgba(107,142,170,0.012)
}
html[data-appearance="light"] .import-btn::before {
  background: linear-gradient(135deg, rgba(0,156,147,0.08), transparent 60%)
}
html[data-appearance="light"] .import-btn:hover {
  border-color: rgba(0,156,147,0.38);
  box-shadow: 0 0 22px rgba(107,142,170,0.06), 0 4px 16px rgba(107,142,170,0.05), inset 0 0 0 1px rgba(107,142,170,0.02);
  background: linear-gradient(135deg, rgba(0,156,147,0.09), rgba(33,128,207,0.09))
}
html[data-appearance="light"] .import-btn:active {
  box-shadow: 0 0 8px rgba(107,142,170,0.04)
}
html[data-appearance="light"] .delete-selected-btn {
  background: linear-gradient(135deg, rgba(231,71,98,0.09), rgba(231,71,98,0.09));
  border-color: rgba(231,71,98,0.38);
  box-shadow: 0 0 12px rgba(107,142,170,0.03), inset 0 0 0 1px rgba(107,142,170,0.012)
}
html[data-appearance="light"] .delete-selected-btn:hover {
  border-color: rgba(231,71,98,0.38);
  background: linear-gradient(135deg, rgba(231,71,98,0.09), rgba(231,71,98,0.09));
  box-shadow: 0 0 22px rgba(107,142,170,0.06), 0 4px 16px rgba(107,142,170,0.05), inset 0 0 0 1px rgba(107,142,170,0.02)
}
html[data-appearance="light"] .delete-selected-btn::before {
  background: linear-gradient(135deg, rgba(231,71,98,0.08), transparent 60%)
}
html[data-appearance="light"] .select-all-th input[type="checkbox"],
html[data-appearance="light"] .select-td input[type="checkbox"] {
  accent-color: #009c93
}
html[data-appearance="light"] .dividend-import-btn {
  background:
    radial-gradient(circle at top left, rgba(0,156,147,0.09), transparent 48%),
    linear-gradient(135deg, rgba(0,156,147,0.09), rgba(33,128,207,0.09));
  border-color: rgba(0,156,147,0.38);
  box-shadow: 0 0 20px rgba(107,142,170,0.044), 0 10px 24px rgba(107,142,170,0.048), inset 0 0 0 1px rgba(107,142,170,0.016)
}
html[data-appearance="light"] .dividend-import-btn::after {
  color: #173353;
  background: #ffffff;
  border: 1px solid rgba(0,156,147,0.38);
  box-shadow: 0 0 20px rgba(107,142,170,0.056), 0 0 36px rgba(107,142,170,0.036)
}
html[data-appearance="light"] .dividend-import-btn:hover {
  border-color: rgba(0,156,147,0.38);
  box-shadow: 0 0 28px rgba(107,142,170,0.068), 0 12px 28px rgba(107,142,170,0.056), inset 0 0 0 1px rgba(107,142,170,0.032)
}
html[data-appearance="light"] .dividend-import-btn:focus-visible {
  outline: none;
  border-color: rgba(0,156,147,0.38);
  box-shadow: 0 0 0 3px rgba(107,142,170,0.036), 0 0 28px rgba(107,142,170,0.06), 0 10px 24px rgba(107,142,170,0.052)
}
html[data-appearance="light"] .import-spinner {
  color: inherit
}
html[data-appearance="light"] .refresh-btn {
  background: rgba(33,128,207,0.09);
  border: 1.5px solid rgba(33,128,207,0.3);
  color: #8151bb
}
html[data-appearance="light"] .refresh-btn:disabled:not(.is-refreshing) {
  background: rgba(33,128,207,0.08);
  border-color: rgba(33,128,207,0.18);
  color: rgba(129,81,187,0.55);
  box-shadow: none
}
html[data-appearance="light"] .refresh-btn:hover:not(:disabled) {
  background: rgba(33,128,207,0.09);
  box-shadow: 0 0 12px rgba(107,142,170,0.06);
  border-color: rgba(33,128,207,0.38)
}
html[data-appearance="light"] .export-btn {
  background: rgba(0,156,147,0.09);
  border: 1.5px solid rgba(0,156,147,0.3);
  color: #009c93
}
html[data-appearance="light"] .export-btn[data-instant-tip]::after {
  background: #ffffff;
  color: #173353;
  border: 1px solid rgba(0,156,147,0.3);
  box-shadow: 0 4px 16px rgba(107,142,170,0.08), 0 0 10px rgba(107,142,170,0.02)
}
html[data-appearance="light"] .export-btn[data-instant-tip]::before {
  border: 5px solid transparent;
  border-bottom-color: rgba(0,156,147,0.3)
}
html[data-appearance="light"] .export-btn:hover {
  background: rgba(0,156,147,0.09);
  box-shadow: 0 0 12px rgba(107,142,170,0.06);
  border-color: rgba(0,156,147,0.38)
}
html[data-appearance="light"] .download-menu-popup {
  border: 1px solid rgba(0,156,147,0.18);
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(107,142,170,0.068), 0 0 22px rgba(107,142,170,0.024)
}
html[data-appearance="light"] .download-menu-item {
  border: 1px solid transparent;
  background: rgba(136,171,197,0.03);
  color: #173353
}
html[data-appearance="light"] .download-menu-item:hover {
  background: rgba(0,156,147,0.09);
  border-color: rgba(0,156,147,0.24)
}
html[data-appearance="light"] .download-menu-ext {
  color: rgba(0,156,147,0.78)
}
html[data-appearance="light"] .floating-add-btn {
  background: linear-gradient(135deg, var(--stocks-row-grad-start) 0%, var(--stocks-row-grad-end) 100%);
  border: 2px solid rgba(223,234,243,0.5);
  color: #173353;
  box-shadow: 0 8px 24px rgba(107,142,170,0.08)
}
html[data-appearance="light"] .floating-add-btn:hover {
  box-shadow: 0 12px 32px rgba(107,142,170,0.1)
}
html[data-appearance="light"] table thead tr {
  background: inherit
}
html[data-appearance="light"] table thead th {
  background: inherit
}
html[data-appearance="light"] .stocks-table {
  background: rgba(136,171,197,0.09);
  box-shadow: 0 8px 32px 0 rgba(107,142,170,0.074)
}
html[data-appearance="light"] .stocks-table thead {
  background: var(--stocks-row-grad-start)
}
html[data-appearance="light"] .stocks-table th {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] .stocks-table th.sortable:hover {
  color: #009c93;
  background: rgba(136,171,197,0.06)
}
html[data-appearance="light"] .stocks-table td {
  color: #173353;
  border-top: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] .stocks-table tbody tr:hover {
  background: rgba(136,171,197,0.09)
}
html[data-appearance="light"] .stocks-table input {
  background: rgba(136,171,197,0.09);
  border: 1px solid rgba(223,234,243,0.45);
  color: #173353
}
html[data-appearance="light"] .stocks-table input:focus {
  outline: none;
  background: rgba(136,171,197,0.09);
  border-color: rgba(223,234,243,0.5)
}
html[data-appearance="light"] .stocks-table select {
  background: rgba(136,171,197,0.09);
  border: 1px solid rgba(223,234,243,0.45);
  color: #173353
}
html[data-appearance="light"] #dividends-table input,
html[data-appearance="light"] #dividends-table select,
html[data-appearance="light"] #dividends-monthly-table input,
html[data-appearance="light"] #dividends-monthly-table select,
html[data-appearance="light"] #stocks-gains-table input,
html[data-appearance="light"] #stocks-gains-table select,
html[data-appearance="light"] #withdrawals-table input,
html[data-appearance="light"] #withdrawals-table select {
  background: rgba(136,171,197,0.09);
  border: 1px solid rgba(223,234,243,0.45);
  color: #173353
}
html[data-appearance="light"] .table-inline-editor {
  background: rgba(136,171,197,0.09);
  border: 1px solid rgba(223,234,243,0.45);
  color: #173353
}
html[data-appearance="light"] .table-inline-editor::placeholder {
  color: #173353
}
html[data-appearance="light"] .table-inline-editor:focus {
  outline: none;
  background: rgba(136,171,197,0.09);
  border-color: rgba(223,234,243,0.5)
}
html[data-appearance="light"] .table-inline-date-input,
html[data-appearance="light"] .table-inline-datetime-input {
  color-scheme: light
}
html[data-appearance="light"] .banymay-date-input {
  background-image:
    linear-gradient(135deg, rgba(0,156,147,0.09), rgba(33,128,207,0.09)),
    linear-gradient(135deg, rgba(136,171,197,0.09), rgba(136,171,197,0.05));
  box-shadow: inset 0 1px 0 rgba(107,142,170,0.024), 0 8px 18px rgba(107,142,170,0.036)
}
html[data-appearance="light"] .banymay-date-input:focus {
  border-color: rgba(33,128,207,0.38) !important;
  box-shadow: 0 0 0 3px rgba(107,142,170,0.036), inset 0 1px 0 rgba(107,142,170,0.032)
}
html[data-appearance="light"] .banymay-date-picker-popover {
  color: #173353
}
html[data-appearance="light"] .bdp-card {
  border: 1px solid rgba(223,234,243,0.45);
  background:
    radial-gradient(circle at top left, rgba(0,156,147,0.09), transparent 34%),
    radial-gradient(circle at top right, rgba(33,128,207,0.09), transparent 38%),
    linear-gradient(145deg, #ffffff, #ffffff);
  box-shadow: 0 20px 46px rgba(107,142,170,0.088), 0 8px 18px rgba(107,142,170,0.048)
}
html[data-appearance="light"] .bdp-topline {
  color: #173353
}
html[data-appearance="light"] .bdp-close,
html[data-appearance="light"] .bdp-nav-btn,
html[data-appearance="light"] .bdp-title,
html[data-appearance="light"] .bdp-footer-btn,
html[data-appearance="light"] .bdp-day,
html[data-appearance="light"] .bdp-month,
html[data-appearance="light"] .bdp-year {
  border: 0;
  color: inherit
}
html[data-appearance="light"] .bdp-close {
  background: rgba(136,171,197,0.09);
  color: #173353
}
html[data-appearance="light"] .bdp-close:hover {
  background: rgba(231,71,98,0.09);
  color: #173353
}
html[data-appearance="light"] .bdp-nav-btn,
html[data-appearance="light"] .bdp-title {
  background: rgba(136,171,197,0.08)
}
html[data-appearance="light"] .bdp-nav-btn--minor {
  color: #173353
}
html[data-appearance="light"] .bdp-title {
  color: #173353
}
html[data-appearance="light"] .bdp-nav-btn:hover,
html[data-appearance="light"] .bdp-title:hover,
html[data-appearance="light"] .bdp-footer-btn:hover,
html[data-appearance="light"] .bdp-day:hover,
html[data-appearance="light"] .bdp-month:hover,
html[data-appearance="light"] .bdp-year:hover {
  background: rgba(33,128,207,0.09);
  box-shadow: 0 7px 16px rgba(107,142,170,0.044)
}
html[data-appearance="light"] .bdp-weekdays {
  color: #173353
}
html[data-appearance="light"] .bdp-day,
html[data-appearance="light"] .bdp-month,
html[data-appearance="light"] .bdp-year {
  border: 1px solid transparent;
  background: rgba(136,171,197,0.07);
  color: #173353
}
html[data-appearance="light"] .bdp-day.is-muted {
  color: #637f9a;
  background: rgba(136,171,197,0.035)
}
html[data-appearance="light"] .bdp-day.is-today {
  border-color: rgba(33,128,207,0.38)
}
html[data-appearance="light"] .bdp-day.is-selected,
html[data-appearance="light"] .bdp-month.is-selected,
html[data-appearance="light"] .bdp-year.is-selected {
  color: #173353;
  background: linear-gradient(135deg, #2180cf, #009c93);
  box-shadow: 0 12px 24px rgba(107,142,170,0.044)
}
html[data-appearance="light"] .bdp-time-row {
  border: 1px solid rgba(223,234,243,0.45);
  background: #ffffff
}
html[data-appearance="light"] .bdp-time-label {
  color: #173353
}
html[data-appearance="light"] .bdp-time-field {
  border: 1px solid rgba(223,234,243,0.45);
  background: rgba(136,171,197,0.09);
  color: #173353
}
html[data-appearance="light"] .bdp-time-field:focus {
  outline: none;
  border-color: rgba(33,128,207,0.38);
  box-shadow: 0 0 0 3px rgba(107,142,170,0.03)
}
html[data-appearance="light"] .bdp-time-separator {
  color: #173353
}
html[data-appearance="light"] .bdp-footer {
  border-top: 1px solid rgba(223,234,243,0.45);
  background: rgba(255,255,255,0.08)
}
html[data-appearance="light"] .bdp-footer-btn {
  background: rgba(136,171,197,0.08);
  color: #173353
}
html[data-appearance="light"] .bdp-footer-btn--primary {
  color: #173353;
  background: linear-gradient(135deg, #009c93, #2180cf)
}
html[data-appearance="light"] #dividends-table input:focus,
html[data-appearance="light"] #dividends-table select:focus,
html[data-appearance="light"] #dividends-monthly-table input:focus,
html[data-appearance="light"] #dividends-monthly-table select:focus,
html[data-appearance="light"] #stocks-gains-table input:focus,
html[data-appearance="light"] #stocks-gains-table select:focus,
html[data-appearance="light"] #withdrawals-table input:focus,
html[data-appearance="light"] #withdrawals-table select:focus {
  outline: none;
  background: rgba(136,171,197,0.09);
  border-color: rgba(223,234,243,0.5)
}
html[data-appearance="light"] .sector-dropdown {
  background: #f2f7fb;
  border: 1px solid #dfeaf3;
  box-shadow: 0 12px 24px rgba(107,142,170,0.07)
}
html[data-appearance="light"] .sector-option {
  color: #173353
}
html[data-appearance="light"] .stocks-table select:focus {
  outline: none;
  background: rgba(136,171,197,0.09);
  border-color: rgba(223,234,243,0.5)
}
html[data-appearance="light"] .stocks-table select option {
  background: var(--stocks-row-grad-start);
  color: #173353
}
html[data-appearance="light"] .deposits-total {
  background: rgba(136,171,197,0.05);
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] .deposits-total span:first-child {
  color: #173353
}
html[data-appearance="light"] .deposits-total span:last-child {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] .action-menu-toggle {
  border: none;
  background: transparent;
  color: #173353
}
html[data-appearance="light"] .action-menu-toggle:hover {
  background: rgba(136,171,197,0.08);
  color: #173353
}
html[data-appearance="light"] .action-menu-panel {
  background: radial-gradient(120% 140% at 20% -10%, rgba(0,156,147,0.09), #ffffff),
    linear-gradient(160deg, #ffffff, #ffffff);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 18px 45px rgba(107,142,170,0.11), inset 0 0 0 1px rgba(107,142,170,0.01)
}
html[data-appearance="light"] .action-menu-item {
  border: 1px solid transparent;
  background: rgba(136,171,197,0.05);
  color: #173353
}
html[data-appearance="light"] .action-menu-item:hover {
  background: rgba(136,171,197,0.09);
  border-color: rgba(223,234,243,0.45)
}
html[data-appearance="light"] .action-menu-item.delete-btn:hover {
  background: rgba(231,71,98,0.09);
  color: #e74762
}
html[data-appearance="light"] .edit-btn,
html[data-appearance="light"] .delete-btn {
  border: 1px solid rgba(223,234,243,0.45);
  background: transparent;
  color: #173353
}
html[data-appearance="light"] .edit-btn:hover {
  background: rgba(0,164,126,0.09);
  border-color: rgba(0,164,126,0.38)
}
html[data-appearance="light"] .delete-btn:hover {
  background: rgba(231,71,98,0.09);
  border-color: rgba(231,71,98,0.38)
}
html[data-appearance="light"] .info-icon {
  color: #173353
}
html[data-appearance="light"] .info-icon:hover {
  color: #173353
}
html[data-appearance="light"] .tooltip {
  background: #ffffff;
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 4px 20px rgba(107,142,170,0.1)
}
html[data-appearance="light"] .tooltip-title {
  color: #173353;
  border-bottom: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] .tooltip-item {
  color: #173353
}
html[data-appearance="light"] .modal-overlay {
  background: #ffffff
}
html[data-appearance="light"] .modal-content {
  background: #ffffff;
  box-shadow: 0 20px 60px rgba(107,142,170,0.1)
}
html[data-appearance="light"] .modal-content.account-modal {
  background: radial-gradient(140% 180% at 20% -20%, rgba(0,156,147,0.09), #ffffff),
    linear-gradient(160deg, #ffffff, #ffffff);
  color: #173353;
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 25px 60px rgba(107,142,170,0.12)
}
html[data-appearance="light"] .modal-content.account-modal .modal-title,
html[data-appearance="light"] .modal-content.account-modal .modal-message {
  color: #173353
}
html[data-appearance="light"] .modal-content.account-modal.is-warning {
  background: radial-gradient(140% 180% at 20% -20%, rgba(0,156,147,0.09), #ffffff),
    linear-gradient(160deg, #ffffff, #ffffff)
}
html[data-appearance="light"] .modal-content.account-modal.is-success {
  background: radial-gradient(140% 180% at 20% -20%, rgba(0,156,147,0.09), #ffffff),
    linear-gradient(160deg, #ffffff, #ffffff)
}
html[data-appearance="light"] .modal-title {
  color: #173353
}
html[data-appearance="light"] .modal-message {
  color: #637f9a
}
html[data-appearance="light"] .modal-message strong {
  color: #173353
}
html[data-appearance="light"] .modal-content.account-modal .modal-message strong {
  color: #009c93
}
html[data-appearance="light"] .modal-btn {
  border: none
}
html[data-appearance="light"] .modal-btn-cancel {
  background: rgba(255,255,255,0.08);
  color: #637f9a
}
html[data-appearance="light"] .modal-btn-cancel:hover {
  background: rgba(255,255,255,0.08)
}
html[data-appearance="light"] .modal-btn-confirm {
  background: linear-gradient(135deg, #e74762, #e74762);
  color: #173353;
  box-shadow: 0 4px 15px rgba(107,142,170,0.06)
}
html[data-appearance="light"] .modal-btn-confirm:hover {
  box-shadow: 0 6px 20px rgba(107,142,170,0.08)
}
html[data-appearance="light"] .modal-content.account-modal .modal-btn-confirm {
  background: linear-gradient(135deg, #2180cf, #2180cf);
  box-shadow: 0 6px 18px rgba(107,142,170,0.07)
}
html[data-appearance="light"] .modal-content.account-modal.is-warning .modal-btn-confirm {
  background: linear-gradient(135deg, #009c93, #009c93);
  box-shadow: 0 6px 18px rgba(107,142,170,0.07);
  color: #173353
}
html[data-appearance="light"] .modal-content.account-modal.is-success .modal-btn-confirm {
  background: linear-gradient(135deg, #009c93, #009c93);
  box-shadow: 0 6px 18px rgba(107,142,170,0.07)
}
html[data-appearance="light"] .admin-hero {
  background: linear-gradient(135deg, rgba(136,171,197,0.09), rgba(136,171,197,0.06));
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 16px 42px rgba(107,142,170,0.08), inset 0 1px 0 rgba(107,142,170,0.056)
}
html[data-appearance="light"] .admin-subtitle {
  color: #173353
}
html[data-appearance="light"] .admin-panel {
  background: linear-gradient(135deg, rgba(136,171,197,0.09), rgba(136,171,197,0.03));
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 16px 42px rgba(107,142,170,0.08), inset 0 1px 0 rgba(107,142,170,0.044)
}
html[data-appearance="light"] .admin-table-panel .data-table thead th {
  background: linear-gradient(135deg, rgba(136,171,197,0.09), rgba(136,171,197,0.08));
  box-shadow: inset 0 -1px 0 rgba(107,142,170,0.04)
}
html[data-appearance="light"] .admin-table-panel .data-table th,
html[data-appearance="light"] .admin-table-panel .data-table td {
  color: #173353;
  border-bottom: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] .admin-label { color: #173353
}
html[data-appearance="light"] .admin-input {
  background: #ffffff;
  color: #173353;
  border: 1px solid #dfeaf3
}
html[data-appearance="light"] #admin-section .admin-sidebar {
  background: linear-gradient(135deg, rgba(136,171,197,0.09), rgba(136,171,197,0.03));
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 16px 40px rgba(107,142,170,0.09)
}
html[data-appearance="light"] #admin-section .admin-sidebar-title {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-side-item {
  background: rgba(136,171,197,0.06);
  color: #173353;
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #admin-section .admin-side-item:hover {
  background: rgba(136,171,197,0.09);
  border-color: rgba(223,234,243,0.45)
}
html[data-appearance="light"] #admin-section .admin-side-item.active {
  background: linear-gradient(135deg, rgba(0,156,147,0.09), rgba(33,128,207,0.09));
  border-color: rgba(223,234,243,0.45);
  box-shadow: 0 6px 16px rgba(107,142,170,0.04)
}
html[data-appearance="light"] #admin-section .admin-main {
  background: linear-gradient(135deg, rgba(136,171,197,0.09), rgba(136,171,197,0.03));
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 18px 45px rgba(107,142,170,0.09)
}
html[data-appearance="light"] #admin-section .admin-hero-card {
  background: linear-gradient(135deg, rgba(136,171,197,0.09), rgba(136,171,197,0.03));
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 18px 40px rgba(107,142,170,0.09)
}
html[data-appearance="light"] #admin-section .admin-hero-card h2 {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-hero-card p {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-pill {
  background: rgba(0,156,147,0.09);
  color: #009c93;
  border: 1px solid rgba(0,156,147,0.35)
}
html[data-appearance="light"] #admin-section .admin-pill--neutral {
  background: rgba(136,171,197,0.08);
  color: #173353;
  border-color: rgba(223,234,243,0.45)
}
html[data-appearance="light"] #admin-section .admin-pill--error {
  background: rgba(231,71,98,0.09);
  color: #e74762;
  border-color: rgba(231,71,98,0.3)
}
html[data-appearance="light"] #admin-section .admin-range-toggle {
  background: #ffffff;
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: inset 0 0 0 1px rgba(107,142,170,0.006)
}
html[data-appearance="light"] #admin-section .admin-range-btn {
  border: none;
  background: transparent;
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-range-btn:hover {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-range-btn.active {
  background: linear-gradient(135deg, rgba(0,156,147,0.09), rgba(33,128,207,0.09));
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-kpi-card {
  background: linear-gradient(135deg, rgba(136,171,197,0.09), rgba(136,171,197,0.03));
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: inset 0 0 0 1px rgba(107,142,170,0.006)
}
html[data-appearance="light"] #admin-section .admin-kpi-info {
  border: 1px solid rgba(223,234,243,0.45);
  background: rgba(136,171,197,0.08);
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-kpi-info::after {
  background: #ffffff;
  border: 1px solid rgba(223,234,243,0.45);
  color: #173353;
  box-shadow: 0 16px 32px rgba(107,142,170,0.07)
}
html[data-appearance="light"] #admin-section .admin-kpi-info::before {
  background: #ffffff;
  border-top: 1px solid rgba(223,234,243,0.45);
  border-left: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #admin-section .admin-kpi-info:focus-visible {
  outline: 2px solid rgba(0,156,147,0.38)
}
html[data-appearance="light"] #admin-section .admin-kpi-label {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-kpi-value {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-kpi-delta.positive {
  color: #009c93
}
html[data-appearance="light"] #admin-section .admin-kpi-delta.negative {
  color: #e74762
}
html[data-appearance="light"] #admin-section .admin-chart-card {
  background: #ffffff;
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 16px 32px rgba(107,142,170,0.07)
}
html[data-appearance="light"] #admin-section .admin-chart-header {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-chart-body {
  border: 1px dashed rgba(223,234,243,0.45);
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-chart-placeholder {
  background: linear-gradient(180deg, rgba(33,128,207,0.08), rgba(0,156,147,0.06))
}
html[data-appearance="light"] #admin-section .admin-summary-chip {
  background: #ffffff;
  border: 1px solid rgba(223,234,243,0.45);
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-summary-chip.positive {
  border-color: rgba(0,156,147,0.38);
  color: #009c93;
  background: rgba(0,156,147,0.09)
}
html[data-appearance="light"] #admin-section .admin-summary-chip.warning {
  border-color: rgba(214,150,11,0.38);
  color: #d6960b;
  background: rgba(214,150,11,0.09)
}
html[data-appearance="light"] #admin-section .admin-support-hero,
html[data-appearance="light"] #admin-section .admin-ops-panel,
html[data-appearance="light"] #admin-section .admin-support-detail {
  background:
    radial-gradient(circle at top left, rgba(0,156,147,0.09), transparent 36%),
    linear-gradient(145deg, #ffffff, #ffffff);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 24px 60px rgba(107,142,170,0.064), inset 0 1px 0 rgba(107,142,170,0.016)
}
html[data-appearance="light"] #admin-section .admin-support-hero h2 {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-support-hero p {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-support-refresh,
html[data-appearance="light"] #admin-section .admin-support-open,
html[data-appearance="light"] #admin-section .admin-support-note-form button {
  border: 0;
  background: linear-gradient(135deg, #009c93, #00a47e);
  color: #173353;
  box-shadow: 0 14px 30px rgba(107,142,170,0.048)
}
html[data-appearance="light"] #admin-section .admin-support-refresh:hover,
html[data-appearance="light"] #admin-section .admin-support-open:hover,
html[data-appearance="light"] #admin-section .admin-support-note-form button:hover {
  box-shadow: 0 18px 38px rgba(107,142,170,0.05)
}
html[data-appearance="light"] #admin-section .admin-ops-eyebrow {
  color: #009c93
}
html[data-appearance="light"] #admin-section .admin-info-card {
  background: #ffffff;
  border: 1px solid rgba(223,234,243,0.45);
  color: #173353;
  box-shadow: inset 0 1px 0 rgba(107,142,170,0.01)
}
html[data-appearance="light"] #admin-section .admin-info-card h4 {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-filter label {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-filter input,
html[data-appearance="light"] #admin-section .admin-filter select {
  background: #ffffff;
  border: 1px solid rgba(223,234,243,0.45);
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-users-table {
  background: #ffffff;
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 16px 32px rgba(107,142,170,0.07)
}
html[data-appearance="light"] #admin-section .admin-users-table thead th {
  background: rgba(136,171,197,0.08);
  color: #173353;
  border-bottom: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #admin-section .admin-users-table thead th.sortable:hover {
  color: #009c93;
  background: rgba(136,171,197,0.09)
}
html[data-appearance="light"] #admin-section .admin-users-table thead th.sorted-asc,
html[data-appearance="light"] #admin-section .admin-users-table thead th.sorted-desc {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-users-table tbody td {
  border-bottom: 1px solid rgba(223,234,243,0.45);
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-users-table tbody tr.highlight {
  background: #2180cf
}
html[data-appearance="light"] #admin-section .admin-users-table tbody tr:hover,
html[data-appearance="light"] #admin-section .admin-users-table tbody tr.selected {
  background: rgba(0,156,147,0.09);
  box-shadow: inset 3px 0 0 rgba(107,142,170,0.12)
}
html[data-appearance="light"] #admin-section .user-name {
  color: #173353
}
html[data-appearance="light"] #admin-section .user-email {
  color: #173353
}
html[data-appearance="light"] #admin-section .plan-badge.paid {
  background: rgba(0,156,147,0.09);
  color: #009c93;
  border: 1px solid rgba(0,156,147,0.38)
}
html[data-appearance="light"] #admin-section .plan-badge.trial {
  background: rgba(214,150,11,0.09);
  color: #d6960b;
  border: 1px solid rgba(214,150,11,0.35)
}
html[data-appearance="light"] #admin-section .plan-badge.expired {
  background: rgba(231,71,98,0.09);
  color: #d6960b;
  border: 1px solid rgba(231,71,98,0.34)
}
html[data-appearance="light"] #admin-section .plan-badge.free {
  background: rgba(136,171,197,0.08);
  color: #173353;
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #admin-section .status-badge.active {
  background: rgba(0,156,147,0.09);
  color: #009c93;
  border: 1px solid rgba(0,156,147,0.35)
}
html[data-appearance="light"] #admin-section .status-badge.inactive {
  background: rgba(231,71,98,0.09);
  color: #e74762;
  border: 1px solid rgba(231,71,98,0.32)
}
html[data-appearance="light"] #admin-section .support-health-badge,
html[data-appearance="light"] #admin-section .admin-ops-badge,
html[data-appearance="light"] #admin-section .admin-support-issue {
  border: 1px solid rgba(223,234,243,0.45);
  background: rgba(136,171,197,0.08);
  color: #173353
}
html[data-appearance="light"] #admin-section .support-health-badge.positive,
html[data-appearance="light"] #admin-section .admin-ops-badge.positive,
html[data-appearance="light"] #admin-section .admin-support-issue.positive {
  border-color: rgba(0,156,147,0.38);
  color: #009c93;
  background: rgba(0,156,147,0.09)
}
html[data-appearance="light"] #admin-section .support-health-badge.warning,
html[data-appearance="light"] #admin-section .admin-ops-badge.warning,
html[data-appearance="light"] #admin-section .admin-support-issue.warning {
  border-color: rgba(214,150,11,0.38);
  color: #d6960b;
  background: rgba(214,150,11,0.09)
}
html[data-appearance="light"] #admin-section .support-health-badge.negative,
html[data-appearance="light"] #admin-section .admin-ops-badge.negative,
html[data-appearance="light"] #admin-section .admin-support-issue.negative {
  border-color: rgba(231,71,98,0.38);
  color: #e74762;
  background: rgba(231,71,98,0.09)
}
html[data-appearance="light"] #admin-section .admin-ops-score {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] #admin-section .admin-ops-panel--score p {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-ops-row {
  background: rgba(136,171,197,0.055);
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #admin-section .admin-ops-row.positive {
  border-color: rgba(0,156,147,0.24)
}
html[data-appearance="light"] #admin-section .admin-ops-row.warning {
  border-color: rgba(214,150,11,0.3)
}
html[data-appearance="light"] #admin-section .admin-ops-row.negative {
  border-color: rgba(231,71,98,0.32)
}
html[data-appearance="light"] #admin-section .admin-ops-row strong {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-ops-row span {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-ops-row em {
  color: #009c93
}
html[data-appearance="light"] #admin-section .admin-ops-empty,
html[data-appearance="light"] #admin-section .admin-support-detail-empty {
  color: #173353;
  border: 1px dashed rgba(223,234,243,0.45)
}
html[data-appearance="light"] #admin-section .admin-support-detail-header h3 {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-support-detail-header p {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-support-dossier-grid div {
  background: rgba(136,171,197,0.055);
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #admin-section .admin-support-dossier-grid span {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-support-dossier-grid strong {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-support-dossier-grid strong.positive {
  color: #009c93
}
html[data-appearance="light"] #admin-section .admin-support-dossier-grid strong.warning {
  color: #d6960b
}
html[data-appearance="light"] #admin-section .admin-support-dossier-grid strong.negative {
  color: #e74762
}
html[data-appearance="light"] #admin-section .admin-support-detail-columns h4 {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-support-top-stocks-table-wrap {
  background: rgba(136,171,197,0.045);
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #admin-section .admin-support-top-stocks-table th {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-support-top-stocks-table td {
  border-top: 1px solid rgba(223,234,243,0.45);
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-support-top-stocks-table td:first-child {
  color: #009c93
}
html[data-appearance="light"] #admin-section .admin-support-top-stocks-empty {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-support-timeline-item,
html[data-appearance="light"] #admin-section .admin-support-note {
  background: rgba(136,171,197,0.055);
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #admin-section .admin-support-timeline-item::before {
  background: #009c93
}
html[data-appearance="light"] #admin-section .admin-support-timeline-item.positive::before {
  background: #00a47e
}
html[data-appearance="light"] #admin-section .admin-support-timeline-item.warning::before {
  background: #d6960b
}
html[data-appearance="light"] #admin-section .admin-support-timeline-item.negative::before {
  background: #e74762
}
html[data-appearance="light"] #admin-section .admin-support-timeline-item strong,
html[data-appearance="light"] #admin-section .admin-support-note p {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-support-timeline-item span,
html[data-appearance="light"] #admin-section .admin-support-timeline-item small,
html[data-appearance="light"] #admin-section .admin-support-note small {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-support-note-form textarea {
  border: 1px solid rgba(223,234,243,0.45);
  color: #173353;
  background: rgba(255,255,255,0.08);
  outline: none
}
html[data-appearance="light"] #admin-section .admin-support-note-form textarea:focus {
  border-color: rgba(0,156,147,0.38);
  box-shadow: 0 0 0 4px rgba(107,142,170,0.024)
}
html[data-appearance="light"] #admin-section #admin-support-note-status {
  color: #173353
}
html[data-appearance="light"] #admin-section td.positive {
  color: #009c93
}
html[data-appearance="light"] #admin-section td.negative {
  color: #e74762
}
html[data-appearance="light"] #admin-section .admin-section-title {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-settings-hero {
  background:
    radial-gradient(circle at 12% 0%, rgba(0,156,147,0.09), transparent 34%),
    radial-gradient(circle at 92% 12%, rgba(0,156,147,0.09), transparent 32%),
    linear-gradient(145deg, #ffffff, #ffffff);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 24px 60px rgba(107,142,170,0.068), inset 0 1px 0 rgba(107,142,170,0.016)
}
html[data-appearance="light"] #admin-section .admin-settings-hero::after {
  background: linear-gradient(115deg, transparent 0 42%, rgba(136,171,197,0.08) 48%, transparent 56% 100%)
}
html[data-appearance="light"] #admin-section .admin-settings-hero h2 {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-settings-hero p {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-settings-hero-orb {
  background:
    radial-gradient(circle at 35% 25%, rgba(136,171,197,0.09), transparent 22%),
    linear-gradient(135deg, rgba(0,156,147,0.09), rgba(0,156,147,0.09));
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 18px 42px rgba(107,142,170,0.056), inset 0 1px 0 rgba(107,142,170,0.036)
}
html[data-appearance="light"] .admin-settings-card {
  background:
    radial-gradient(circle at 0% 10%, rgba(0,164,126,0.09), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(0,156,147,0.09), transparent 36%),
    linear-gradient(145deg, #ffffff, #ffffff);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 24px 60px rgba(107,142,170,0.068), inset 0 1px 0 rgba(107,142,170,0.016)
}
html[data-appearance="light"] .admin-settings-card::before {
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] .admin-settings-card-glow {
  background: radial-gradient(circle, rgba(0,156,147,0.09), transparent 62%)
}
html[data-appearance="light"] .admin-settings-icon {
  background: linear-gradient(135deg, rgba(0,156,147,0.09), rgba(0,156,147,0.09));
  border: 1px solid rgba(0,156,147,0.26);
  box-shadow: 0 14px 30px rgba(107,142,170,0.036), inset 0 1px 0 rgba(107,142,170,0.024)
}
html[data-appearance="light"] .admin-settings-eyebrow {
  color: #009c93
}
html[data-appearance="light"] .admin-settings-card-title {
  color: #173353
}
html[data-appearance="light"] .admin-settings-card-desc {
  color: #173353
}
html[data-appearance="light"] .admin-settings-badge {
  color: #009c93;
  background: rgba(0,156,147,0.09);
  border: 1px solid rgba(0,156,147,0.34)
}
html[data-appearance="light"] .admin-trial-preview-card {
  background:
    radial-gradient(circle at 12% 16%, rgba(0,156,147,0.09), transparent 36%),
    linear-gradient(135deg, rgba(136,171,197,0.09), rgba(136,171,197,0.035));
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: inset 0 1px 0 rgba(107,142,170,0.014), 0 16px 36px rgba(107,142,170,0.036)
}
html[data-appearance="light"] .admin-trial-preview-label,
html[data-appearance="light"] .admin-trial-preview-card small {
  color: #173353
}
html[data-appearance="light"] .admin-trial-preview-card strong {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] .admin-trial-preview-card small {
  color: #173353
}
html[data-appearance="light"] .admin-trial-unit {
  background: rgba(136,171,197,0.055);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: inset 0 1px 0 rgba(107,142,170,0.01)
}
html[data-appearance="light"] .admin-trial-unit input {
  background: #ffffff;
  border: 1px solid rgba(223,234,243,0.45);
  color: #173353
}
html[data-appearance="light"] .admin-trial-unit input:focus {
  border-color: rgba(0,156,147,0.38);
  outline: none;
  background: #ffffff;
  box-shadow: 0 0 0 4px rgba(107,142,170,0.02), 0 14px 28px rgba(107,142,170,0.028)
}
html[data-appearance="light"] .admin-trial-label {
  color: #173353
}
html[data-appearance="light"] .admin-trial-unit small {
  color: #173353
}
html[data-appearance="light"] .admin-trial-sep {
  color: #173353
}
html[data-appearance="light"] .admin-trial-meta-grid div,
html[data-appearance="light"] .admin-settings-insight {
  background: rgba(136,171,197,0.055);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: inset 0 1px 0 rgba(107,142,170,0.01)
}
html[data-appearance="light"] .admin-trial-meta-grid span,
html[data-appearance="light"] .admin-settings-insight span {
  color: #173353
}
html[data-appearance="light"] .admin-trial-meta-grid strong {
  color: #173353
}
html[data-appearance="light"] .admin-trial-note {
  background: rgba(0,156,147,0.09);
  border: 1px solid rgba(0,156,147,0.18)
}
html[data-appearance="light"] .admin-trial-note p {
  color: #173353
}
html[data-appearance="light"] #admin-section #admin-settings-save {
  border: 0;
  background: linear-gradient(135deg, #009c93, #00a47e);
  color: #173353;
  box-shadow: 0 16px 34px rgba(107,142,170,0.052)
}
html[data-appearance="light"] #admin-section #admin-settings-save:hover {
  box-shadow: 0 20px 42px rgba(107,142,170,0.052)
}
html[data-appearance="light"] .admin-settings-insight {
  background:
    radial-gradient(circle at 100% 0%, rgba(0,156,147,0.09), transparent 38%),
    #ffffff
}
html[data-appearance="light"] .admin-settings-insight::before {
  background: linear-gradient(180deg, #009c93, #00a47e)
}
html[data-appearance="light"] .admin-settings-insight span {
  color: #009c93
}
html[data-appearance="light"] .admin-settings-insight strong {
  color: #173353
}
html[data-appearance="light"] .admin-settings-insight p {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-settings-status.success {
  color: #009c93
}
html[data-appearance="light"] #admin-section .admin-settings-status.error {
  color: #e74762
}
html[data-appearance="light"] #admin-section .admin-view--settings .admin-settings-hero {
  background:
    radial-gradient(circle at 8% 0%, rgba(0,156,147,0.09), transparent 30%),
    linear-gradient(145deg, #ffffff, #ffffff);
  box-shadow: 0 16px 34px rgba(107,142,170,0.06), inset 0 1px 0 rgba(107,142,170,0.016)
}
html[data-appearance="light"] #admin-section .admin-view--settings .admin-settings-hero-orb {
  box-shadow: 0 10px 24px rgba(107,142,170,0.04), inset 0 1px 0 rgba(107,142,170,0.032)
}
html[data-appearance="light"] #admin-section .admin-view--settings .admin-settings-card {
  background:
    radial-gradient(circle at 0 0, rgba(0,164,126,0.09), transparent 30%),
    radial-gradient(circle at 100% 0, rgba(0,156,147,0.09), transparent 32%),
    linear-gradient(145deg, #ffffff, #ffffff);
  box-shadow: 0 18px 38px rgba(107,142,170,0.056), inset 0 1px 0 rgba(107,142,170,0.016)
}
html[data-appearance="light"] #admin-section .admin-view--settings .admin-flag-row {
  background: linear-gradient(180deg, #f2f7fb, #ffffff);
  border: 1px solid rgba(0,156,147,0.12)
}
html[data-appearance="light"] #admin-section .admin-view--settings .admin-flag-copy strong {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-view--settings .admin-flag-copy p {
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-view--settings .admin-flag-slider {
  background: rgba(136,171,197,0.09);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: inset 0 1px 2px rgba(107,142,170,0.052)
}
html[data-appearance="light"] #admin-section .admin-view--settings .admin-flag-slider::before {
  background: #ffffff;
  box-shadow: 0 3px 8px rgba(107,142,170,0.056)
}
html[data-appearance="light"] #admin-section .admin-view--settings .admin-flag-control input:checked + .admin-flag-slider {
  background: linear-gradient(135deg, #2180cf, #009c93);
  border-color: rgba(0,156,147,0.28)
}
html[data-appearance="light"] #admin-section .admin-view--settings .admin-flag-chip {
  background: rgba(136,171,197,0.08);
  color: #173353
}
html[data-appearance="light"] #admin-section .admin-view--settings .admin-flag-chip.is-active,
html[data-appearance="light"] #admin-section .admin-view--settings .admin-flag-control input:checked + .admin-flag-slider + .admin-flag-chip {
  background: rgba(0,156,147,0.09);
  color: #009c93
}
html[data-appearance="light"] .global-construction-notice {
  border: 1px solid rgba(231,71,98,0.34);
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(107,142,170,0.056);
  color: #e74762
}
html[data-appearance="light"] #admin-section .admin-view--settings :is(#admin-settings-save-trial, #admin-settings-save-flags) {
  border: 1px solid rgba(223,234,243,0.45);
  color: #173353;
  box-shadow:
    0 16px 34px rgba(107,142,170,0.068),
    inset 0 1px 0 rgba(107,142,170,0.044)
}
html[data-appearance="light"] #admin-section .admin-view--settings :is(#admin-settings-save-trial, #admin-settings-save-flags)::before {
  background:
    linear-gradient(145deg, rgba(136,171,197,0.09), rgba(136,171,197,0) 34%),
    linear-gradient(180deg, rgba(136,171,197,0.08), rgba(136,171,197,0) 58%)
}
html[data-appearance="light"] #admin-section .admin-view--settings :is(#admin-settings-save-trial, #admin-settings-save-flags)::after {
  background: linear-gradient(90deg, rgba(136,171,197,0), rgba(136,171,197,0.09), rgba(136,171,197,0))
}
html[data-appearance="light"] #admin-section .admin-view--settings #admin-settings-save-trial {
  background:
    radial-gradient(circle at top left, rgba(0,156,147,0.09), rgba(0,156,147,0) 36%),
    linear-gradient(135deg, #f2f7fb 0%, #ffffff 52%, #ffffff 100%);
  border-color: rgba(0,156,147,0.28)
}
html[data-appearance="light"] #admin-section .admin-view--settings #admin-settings-save-flags {
  background:
    radial-gradient(circle at top left, rgba(214,150,11,0.09), rgba(214,150,11,0) 36%),
    linear-gradient(135deg, #f2f7fb 0%, #ffffff 52%, #ffffff 100%);
  border-color: rgba(214,150,11,0.3)
}
html[data-appearance="light"] #admin-section .admin-view--settings :is(#admin-settings-save-trial, #admin-settings-save-flags):hover {
  box-shadow:
    0 22px 40px rgba(107,142,170,0.088),
    0 0 0 1px rgba(107,142,170,0.01),
    inset 0 1px 0 rgba(107,142,170,0.044)
}
html[data-appearance="light"] #admin-section .admin-view--settings :is(#admin-settings-save-trial, #admin-settings-save-flags):active {
  box-shadow:
    0 12px 24px rgba(107,142,170,0.068),
    inset 0 1px 0 rgba(107,142,170,0.036)
}
html[data-appearance="light"] #admin-section .admin-view--settings :is(#admin-settings-save-trial, #admin-settings-save-flags):focus-visible {
  outline: none;
  box-shadow:
    0 0 0 1px rgba(107,142,170,0.012),
    0 0 0 4px rgba(107,142,170,0.044),
    0 18px 36px rgba(107,142,170,0.08),
    inset 0 1px 0 rgba(107,142,170,0.04)
}
html[data-appearance="light"] #settings-section {
  --settings-soft-white: #173353
}
html[data-appearance="light"] #settings-section .settings-card {
  background: linear-gradient(135deg, rgba(136,171,197,0.09), rgba(136,171,197,0.03));
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 16px 36px rgba(107,142,170,0.07)
}
html[data-appearance="light"] #settings-section .settings-title {
  color: var(--settings-soft-#173353)
}
html[data-appearance="light"] #settings-section .settings-sub {
  color: #173353
}
html[data-appearance="light"] #settings-section .settings-chevron {
  background: #ffffff;
  border: 1px solid rgba(223,234,243,0.45);
  color: var(--settings-soft-#173353)
}
html[data-appearance="light"] #settings-section .fi-formulas-card {
  border-color: rgba(33,128,207,0.24);
  box-shadow: 0 18px 42px rgba(107,142,170,0.08), 0 0 0 1px rgba(107,142,170,0.01) inset
}
html[data-appearance="light"] #settings-section .fi-formula-hero {
  border: 1px solid rgba(0,156,147,0.18);
  background:
    radial-gradient(circle at top right, rgba(0,156,147,0.09), transparent 38%),
    radial-gradient(circle at bottom left, rgba(33,128,207,0.09), transparent 42%),
    linear-gradient(135deg, #ffffff, #ffffff)
}
html[data-appearance="light"] #settings-section .fi-formula-hero::after {
  background: linear-gradient(120deg, transparent, rgba(136,171,197,0.06), transparent 68%)
}
html[data-appearance="light"] #settings-section .fi-formula-kicker {
  border: 1px solid rgba(0,156,147,0.24);
  background: #ffffff;
  color: #009c93
}
html[data-appearance="light"] #settings-section .fi-formula-hero h3 {
  color: var(--settings-soft-#173353)
}
html[data-appearance="light"] #settings-section .fi-formula-hero p {
  color: #173353
}
html[data-appearance="light"] #settings-section .fi-formula-coverage-card {
  border: 1px solid rgba(223,234,243,0.45);
  background: linear-gradient(145deg, #ffffff, #ffffff);
  box-shadow: 0 10px 24px rgba(107,142,170,0.044)
}
html[data-appearance="light"] #settings-section .fi-formula-coverage-kicker {
  color: #009c93
}
html[data-appearance="light"] #settings-section .fi-formula-coverage-card h4 {
  color: var(--settings-soft-#173353)
}
html[data-appearance="light"] #settings-section .fi-formula-coverage-card p {
  color: #173353
}
html[data-appearance="light"] #settings-section .fi-formula-legend-item {
  border: 1px solid rgba(223,234,243,0.45);
  background: linear-gradient(135deg, rgba(136,171,197,0.08), rgba(136,171,197,0.03));
  color: #173353
}
html[data-appearance="light"] #settings-section .fi-formula-section {
  border: 1px solid rgba(223,234,243,0.45);
  background: linear-gradient(180deg, #ffffff, #ffffff)
}
html[data-appearance="light"] #settings-section .fi-formula-section-kicker {
  color: #009c93
}
html[data-appearance="light"] #settings-section .fi-formula-section-head h4 {
  color: var(--settings-soft-#173353)
}
html[data-appearance="light"] #settings-section .fi-formula-card {
  border: 1px solid rgba(223,234,243,0.45);
  background:
    radial-gradient(circle at top right, rgba(0,156,147,0.08), transparent 34%),
    linear-gradient(145deg, #ffffff, #ffffff);
  box-shadow: 0 12px 28px rgba(107,142,170,0.056)
}
html[data-appearance="light"] #settings-section .fi-formula-card::before {
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #settings-section .fi-formula-chip {
  border: 1px solid rgba(223,234,243,0.45);
  background: rgba(136,171,197,0.06);
  color: var(--settings-soft-#173353)
}
html[data-appearance="light"] #settings-section .fi-formula-chip--dashboard {
  background: rgba(33,128,207,0.09);
  color: #009c93
}
html[data-appearance="light"] #settings-section .fi-formula-chip--profile {
  background: rgba(0,156,147,0.09);
  color: #009c93
}
html[data-appearance="light"] #settings-section .fi-formula-chip--projection {
  background: rgba(214,150,11,0.09);
  color: #d6960b
}
html[data-appearance="light"] #settings-section .fi-formula-chip--global {
  background: rgba(231,71,98,0.09);
  color: #e74762
}
html[data-appearance="light"] #settings-section .fi-formula-chip--percent,
html[data-appearance="light"] #settings-section .fi-formula-chip--annual,
html[data-appearance="light"] #settings-section .fi-formula-chip--cashflow,
html[data-appearance="light"] #settings-section .fi-formula-chip--warning,
html[data-appearance="light"] #settings-section .fi-formula-chip--input,
html[data-appearance="light"] #settings-section .fi-formula-chip--target {
  color: #173353
}
html[data-appearance="light"] #settings-section .fi-formula-card h5 {
  color: var(--settings-soft-#173353)
}
html[data-appearance="light"] #settings-section .fi-formula-copy,
html[data-appearance="light"] #settings-section .fi-formula-note {
  color: #173353
}
html[data-appearance="light"] #settings-section .fi-formula-note {
  color: rgba(0,156,147,0.8)
}
html[data-appearance="light"] #settings-section .fi-formula-item-label {
  color: var(--settings-soft-#173353)
}
html[data-appearance="light"] #settings-section .fi-formula-equation {
  border: 1px solid rgba(0,156,147,0.16);
  background: #ffffff;
  color: var(--settings-soft-#173353)
}
html[data-appearance="light"] #settings-section .fi-formula-glossary span {
  background: rgba(136,171,197,0.06);
  color: #173353
}
html[data-appearance="light"] #settings-section .settings-row label {
  color: var(--settings-soft-#173353)
}
html[data-appearance="light"] #settings-section .settings-row input,
html[data-appearance="light"] #settings-section .settings-row select {
  background: #ffffff;
  color: var(--settings-soft-#173353);
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #settings-section .settings-row select,
html[data-appearance="light"] #settings-section .settings-row select option,
html[data-appearance="light"] .country-select,
html[data-appearance="light"] .country-select option {
  background: #ffffff;
  color: #637f9a
}
html[data-appearance="light"] #settings-section .settings-edit-btn {
  border: none;
  background: linear-gradient(135deg, #2180cf, #2180cf);
  color: #173353;
  box-shadow: 0 8px 18px rgba(107,142,170,0.07)
}
html[data-appearance="light"] #settings-section .settings-action-btn {
  border: none;
  color: #173353
}
html[data-appearance="light"] #settings-section .settings-action-btn.save,
html[data-appearance="light"] #settings-section .settings-action-btn.edit {
  box-shadow: 0 8px 18px rgba(107,142,170,0.07)
}
html[data-appearance="light"] #settings-section .settings-action-btn.save {
  background: linear-gradient(135deg, #2180cf, #2180cf);
  box-shadow: 0 8px 18px rgba(107,142,170,0.07)
}
html[data-appearance="light"] #settings-section .settings-action-btn.edit {
  background: linear-gradient(135deg, #009c93, #009c93);
  box-shadow: 0 8px 18px rgba(107,142,170,0.052)
}
html[data-appearance="light"] #settings-section .settings-action-btn.cancel {
  background: #ffffff;
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #settings-section .settings-meta {
  color: #173353
}
html[data-appearance="light"] #platform-settings-card .settings-action-btn {
  border: 1.5px solid rgba(0,156,147,0.3);
  background: rgba(0,156,147,0.09);
  color: #009c93;
  box-shadow: none
}
html[data-appearance="light"] #platform-settings-card .settings-action-btn.save,
html[data-appearance="light"] #platform-settings-card .settings-action-btn.edit,
html[data-appearance="light"] #platform-settings-card .settings-action-btn.cancel {
  border: 1.5px solid rgba(0,156,147,0.3);
  background: rgba(0,156,147,0.09);
  color: #009c93;
  box-shadow: none
}
html[data-appearance="light"] #platform-settings-card .settings-action-btn:hover {
  background: rgba(0,156,147,0.09);
  box-shadow: 0 0 12px rgba(107,142,170,0.06);
  border-color: rgba(0,156,147,0.38)
}
html[data-appearance="light"] #platform-settings-card .settings-action-btn.save:hover,
html[data-appearance="light"] #platform-settings-card .settings-action-btn.edit:hover,
html[data-appearance="light"] #platform-settings-card .settings-action-btn.cancel:hover {
  background: rgba(0,156,147,0.09);
  box-shadow: 0 0 12px rgba(107,142,170,0.06);
  border-color: rgba(0,156,147,0.38)
}
html[data-appearance="light"] #platform-settings-card .settings-action-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(107,142,170,0.036), 0 0 12px rgba(107,142,170,0.06)
}
html[data-appearance="light"] #settings-section .settings-meta-item.muted {
  color: #173353
}
html[data-appearance="light"] #settings-section .settings-placeholder {
  color: #173353
}
html[data-appearance="light"] .contact-form-row label {
  color: var(--settings-soft-#173353)
}
html[data-appearance="light"] .contact-form-row input,
html[data-appearance="light"] .contact-form-row select,
html[data-appearance="light"] .contact-form-row textarea {
  background: #ffffff;
  color: var(--settings-soft-#173353);
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] .contact-form-row input:focus,
html[data-appearance="light"] .contact-form-row select:focus,
html[data-appearance="light"] .contact-form-row textarea:focus {
  outline: none;
  border-color: rgba(33,128,207,0.38)
}
html[data-appearance="light"] .contact-form-row select,
html[data-appearance="light"] .contact-form-row select option {
  background: #ffffff;
  color: #637f9a
}
html[data-appearance="light"] .contact-form-status.success {
  color: #009c93
}
html[data-appearance="light"] .contact-form-status.error {
  color: #e74762
}
html[data-appearance="light"] #settings-section #contact-submit-btn.settings-action-btn.save {
  border: 1.5px solid rgba(0,156,147,0.3);
  background: rgba(0,156,147,0.09);
  color: #009c93;
  box-shadow: none
}
html[data-appearance="light"] #settings-section #contact-submit-btn.settings-action-btn.save:hover {
  background: rgba(0,156,147,0.09);
  box-shadow: 0 0 12px rgba(107,142,170,0.06);
  border-color: rgba(0,156,147,0.38)
}
html[data-appearance="light"] #settings-section #contact-submit-btn.settings-action-btn.save:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(107,142,170,0.036), 0 0 12px rgba(107,142,170,0.06)
}
html[data-appearance="light"] .contact-confirm-overlay {
  background: #ffffff
}
html[data-appearance="light"] .contact-confirm-dialog {
  background: linear-gradient(135deg, #f2f7fb, #ffffff);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 24px 64px rgba(107,142,170,0.09), inset 0 0 0 1px rgba(107,142,170,0.016)
}
html[data-appearance="light"] .contact-confirm-icon {
  background: linear-gradient(135deg, #009c93, #009c93);
  color: #173353
}
html[data-appearance="light"] .contact-confirm-title {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] .contact-confirm-body {
  color: #173353
}
html[data-appearance="light"] .contact-confirm-btn {
  border: none;
  background: linear-gradient(135deg, #2180cf, #2180cf);
  color: #173353;
  box-shadow: 0 8px 18px rgba(107,142,170,0.07)
}
html[data-appearance="light"] .contact-confirm-btn:hover {
  box-shadow: 0 10px 24px rgba(107,142,170,0.09)
}
html[data-appearance="light"] #settings-section .chart-history-panel {
  background: linear-gradient(135deg, #f2f7fb, #ffffff);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: inset 0 0 0 1px rgba(107,142,170,0.016), 0 20px 40px rgba(107,142,170,0.05)
}
html[data-appearance="light"] .chart-history-search {
  background: #ffffff;
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] .chart-history-search input {
  background: transparent;
  border: none;
  color: var(--settings-soft-#173353);
  outline: none
}
html[data-appearance="light"] .chart-history-id-range input {
  background: #ffffff;
  border: 1px solid rgba(223,234,243,0.45);
  color: var(--settings-soft-#173353)
}
html[data-appearance="light"] .range-label {
  color: #173353
}
html[data-appearance="light"] .icon-btn {
  border: 1px solid rgba(223,234,243,0.45);
  background: #ffffff;
  color: var(--settings-soft-#173353)
}
html[data-appearance="light"] .icon-btn.danger {
  background: rgba(231,71,98,0.09);
  border-color: rgba(231,71,98,0.38)
}
html[data-appearance="light"] .icon-btn.active {
  background: rgba(136,171,197,0.09)
}
html[data-appearance="light"] .chart-history-reset {
  border: 1.5px solid rgba(214,150,11,0.34);
  background: rgba(214,150,11,0.09);
  color: #d6960b;
  box-shadow: none
}
html[data-appearance="light"] .chart-history-reset:hover {
  background: rgba(214,150,11,0.09);
  box-shadow: 0 0 12px rgba(107,142,170,0.056);
  border-color: rgba(214,150,11,0.38)
}
html[data-appearance="light"] .chart-history-reset:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(107,142,170,0.032), 0 0 12px rgba(107,142,170,0.056)
}
html[data-appearance="light"] .date-pill {
  background: #ffffff;
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] .date-pill input {
  background: transparent;
  border: none;
  color: var(--settings-soft-#173353);
  outline: none
}
html[data-appearance="light"] .chart-history-table {
  color: var(--settings-soft-#173353)
}
html[data-appearance="light"] .chart-history-empty-row td {
  color: #173353
}
html[data-appearance="light"] .chart-history-table thead th {
  border-bottom: 1px solid rgba(223,234,243,0.45);
  background: rgba(136,171,197,0.08)
}
html[data-appearance="light"] .chart-history-table tbody td {
  border-bottom: 1px solid rgba(223,234,243,0.45);
  color: #173353
}
html[data-appearance="light"] .chart-history-table .chart-history-action {
  border: none;
  background: rgba(231,71,98,0.09);
  color: var(--settings-soft-#173353)
}
html[data-appearance="light"] #settings-section .account-row label {
  color: var(--settings-soft-#173353)
}
html[data-appearance="light"] #settings-section .account-row input {
  background: #ffffff;
  color: var(--settings-soft-#173353);
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #settings-section .account-row input[readonly] {
  background: rgba(136,171,197,0.05)
}
html[data-appearance="light"] #settings-section .account-row input:disabled {
  background: rgba(136,171,197,0.05)
}
html[data-appearance="light"] #settings-section .account-eye {
  border: 1px solid rgba(223,234,243,0.45);
  background: #ffffff;
  color: var(--settings-soft-#173353)
}
html[data-appearance="light"] #settings-section .account-eye.is-visible {
  border-color: rgba(0,156,147,0.38);
  background: rgba(0,156,147,0.09);
  color: #009c93
}
html[data-appearance="light"] #settings-section .account-btn {
  border: none;
  color: #173353
}
html[data-appearance="light"] #settings-section .account-btn.save {
  background: linear-gradient(135deg, #2180cf, #2180cf)
}
html[data-appearance="light"] #settings-section .account-btn.edit {
  background: linear-gradient(135deg, #009c93, #009c93);
  box-shadow: 0 8px 18px rgba(107,142,170,0.052)
}
html[data-appearance="light"] #settings-section .account-btn.cancel {
  background: rgba(136,171,197,0.09);
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #settings-section .account-btn.danger {
  background: linear-gradient(135deg, #e74762, #e74762);
  box-shadow: 0 8px 18px rgba(107,142,170,0.048)
}
html[data-appearance="light"] #account-settings-card .account-btn {
  border: 1.5px solid rgba(0,156,147,0.3);
  background: rgba(0,156,147,0.09);
  color: #009c93;
  box-shadow: none
}
html[data-appearance="light"] #account-settings-card .account-btn.save,
html[data-appearance="light"] #account-settings-card .account-btn.edit,
html[data-appearance="light"] #account-settings-card .account-btn.cancel {
  border: 1.5px solid rgba(0,156,147,0.3);
  background: rgba(0,156,147,0.09);
  color: #009c93;
  box-shadow: none
}
html[data-appearance="light"] #account-settings-card .account-btn.save:hover,
html[data-appearance="light"] #account-settings-card .account-btn.edit:hover,
html[data-appearance="light"] #account-settings-card .account-btn.cancel:hover {
  background: rgba(0,156,147,0.09);
  box-shadow: 0 0 12px rgba(107,142,170,0.06);
  border-color: rgba(0,156,147,0.38)
}
html[data-appearance="light"] #account-settings-card .account-btn.danger {
  border: 1.5px solid rgba(231,71,98,0.32);
  background: rgba(231,71,98,0.09);
  color: #e74762;
  box-shadow: none
}
html[data-appearance="light"] #account-settings-card .account-btn.danger:hover {
  background: rgba(231,71,98,0.09);
  box-shadow: 0 0 12px rgba(107,142,170,0.068);
  border-color: rgba(231,71,98,0.38)
}
html[data-appearance="light"] #account-settings-card .account-btn:focus-visible {
  outline: none
}
html[data-appearance="light"] #account-settings-card .account-btn.save:focus-visible,
html[data-appearance="light"] #account-settings-card .account-btn.edit:focus-visible,
html[data-appearance="light"] #account-settings-card .account-btn.cancel:focus-visible {
  box-shadow: 0 0 0 2px rgba(107,142,170,0.036), 0 0 12px rgba(107,142,170,0.06)
}
html[data-appearance="light"] #account-settings-card .account-btn.danger:focus-visible {
  box-shadow: 0 0 0 2px rgba(107,142,170,0.036), 0 0 12px rgba(107,142,170,0.068)
}
html[data-appearance="light"] #settings-section .billing-settings-card {
  border-color: rgba(0,156,147,0.18);
  background:
    radial-gradient(circle at top right, rgba(0,156,147,0.08), transparent 34%),
    linear-gradient(135deg, rgba(136,171,197,0.09), rgba(136,171,197,0.03))
}
html[data-appearance="light"] #settings-section .billing-hero {
  border: 1px solid rgba(0,156,147,0.18);
  background:
    linear-gradient(135deg, #ffffff, #ffffff 52%, #ffffff),
    linear-gradient(145deg, #ffffff, #ffffff);
  box-shadow: inset 0 0 0 1px rgba(107,142,170,0.01), 0 20px 48px rgba(107,142,170,0.064)
}
html[data-appearance="light"] #settings-section .billing-kicker {
  border: 1px solid rgba(0,156,147,0.22);
  background: rgba(0,156,147,0.09);
  color: #009c93
}
html[data-appearance="light"] #settings-section .billing-status-pill {
  border: 1px solid rgba(223,234,243,0.45);
  background: rgba(136,171,197,0.08);
  color: #173353
}
html[data-appearance="light"] #settings-section .billing-status-pill.active,
html[data-appearance="light"] #settings-section .billing-status-pill.paid,
html[data-appearance="light"] #settings-section .billing-status-pill.trialing {
  border-color: rgba(0,156,147,0.34);
  background: rgba(0,156,147,0.09);
  color: #009c93
}
html[data-appearance="light"] #settings-section .billing-status-pill.canceling,
html[data-appearance="light"] #settings-section .billing-status-pill.past_due {
  border-color: rgba(214,150,11,0.36);
  background: rgba(214,150,11,0.09);
  color: #d6960b
}
html[data-appearance="light"] #settings-section .billing-status-pill.expired,
html[data-appearance="light"] #settings-section .billing-status-pill.canceled,
html[data-appearance="light"] #settings-section .billing-status-pill.unpaid,
html[data-appearance="light"] #settings-section .billing-status-pill.error {
  border-color: rgba(231,71,98,0.34);
  background: rgba(231,71,98,0.09);
  color: #e74762
}
html[data-appearance="light"] #settings-section .billing-status-pill.loading {
  border-color: rgba(0,156,147,0.26);
  color: #009c93
}
html[data-appearance="light"] #settings-section .billing-status-pill.free {
  border-color: rgba(0,156,147,0.28);
  background: rgba(0,156,147,0.09);
  color: #009c93
}
html[data-appearance="light"] #settings-section .billing-hero-main h3 {
  color: #173353
}
html[data-appearance="light"] #settings-section .billing-hero-main p {
  color: #173353
}
html[data-appearance="light"] #settings-section .billing-price-block {
  border: 1px solid rgba(223,234,243,0.45);
  background: rgba(255,255,255,0.08)
}
html[data-appearance="light"] #settings-section .billing-price {
  color: #173353
}
html[data-appearance="light"] #settings-section .billing-price-original,
html[data-appearance="light"] .paywall-banner-price-original {
  color: #173353
}
html[data-appearance="light"] .paywall-banner-price-original {
  color: #173353
}
html[data-appearance="light"] #settings-section .billing-price-current,
html[data-appearance="light"] .paywall-banner-price-current {
  color: #173353
}
html[data-appearance="light"] #settings-section .billing-price-period {
  color: #173353
}
html[data-appearance="light"] #settings-section .billing-detail-card {
  border: 1px solid rgba(223,234,243,0.45);
  background: linear-gradient(145deg, #ffffff, #ffffff);
  box-shadow: inset 0 1px 0 rgba(107,142,170,0.008)
}
html[data-appearance="light"] #settings-section .billing-detail-card--access {
  border-color: rgba(0,156,147,0.22);
  background: linear-gradient(145deg, #ffffff, #ffffff)
}
html[data-appearance="light"] #settings-section .billing-overview-grid > .billing-detail-card--access {
  box-shadow: inset 0 1px 0 rgba(107,142,170,0.01), 0 18px 42px rgba(107,142,170,0.052)
}
html[data-appearance="light"] #settings-section .billing-detail-card.is-active.billing-detail-card--access {
  border-color: rgba(0,156,147,0.38);
  background: linear-gradient(145deg, #ffffff, #ffffff)
}
html[data-appearance="light"] #settings-section .billing-detail-card.is-warning.billing-detail-card--access {
  border-color: rgba(214,150,11,0.38);
  background: linear-gradient(145deg, #ffffff, #ffffff)
}
html[data-appearance="light"] #settings-section .billing-detail-card.is-expired {
  border-color: rgba(231,71,98,0.32);
  background: linear-gradient(145deg, #ffffff, #ffffff)
}
html[data-appearance="light"] #settings-section .billing-detail-card.is-muted {
  border-color: rgba(223,234,243,0.45);
  background: linear-gradient(145deg, #ffffff, #ffffff)
}
html[data-appearance="light"] #settings-section .billing-detail-label {
  color: rgba(0,156,147,0.82)
}
html[data-appearance="light"] #settings-section .billing-detail-card strong {
  color: #173353
}
html[data-appearance="light"] #settings-section .billing-detail-note {
  color: #173353
}
html[data-appearance="light"] #settings-section .billing-alert {
  border: 1px solid rgba(214,150,11,0.32);
  background: rgba(214,150,11,0.09);
  color: #d6960b
}
html[data-appearance="light"] #settings-section .billing-alert.error {
  border-color: rgba(231,71,98,0.34);
  background: rgba(231,71,98,0.09);
  color: #e74762
}
html[data-appearance="light"] #settings-section .billing-btn {
  border: 1.5px solid transparent
}
html[data-appearance="light"] #settings-section .billing-btn.primary {
  color: #173353;
  background: linear-gradient(135deg, #009c93, #009c93);
  box-shadow: 0 10px 24px rgba(107,142,170,0.044)
}
html[data-appearance="light"] #settings-section .billing-btn.success {
  color: #173353;
  background: linear-gradient(135deg, #009c93, #009c93);
  box-shadow: 0 10px 24px rgba(107,142,170,0.044)
}
html[data-appearance="light"] #settings-section .billing-btn.ghost {
  color: #009c93;
  border-color: rgba(0,156,147,0.28);
  background: rgba(0,156,147,0.09)
}
html[data-appearance="light"] #settings-section .billing-btn.danger {
  color: #e74762;
  border-color: rgba(231,71,98,0.32);
  background: rgba(231,71,98,0.09)
}
html[data-appearance="light"] #settings-section .billing-btn.ghost:hover,
html[data-appearance="light"] #settings-section .billing-btn.danger:hover {
  box-shadow: 0 0 14px rgba(107,142,170,0.032)
}
html[data-appearance="light"] #settings-section .billing-footnotes {
  color: #173353
}
html[data-appearance="light"] #settings-section .billing-footnotes span {
  color: #173353;
  background: rgba(0,156,147,0.08);
  border: 1px solid rgba(0,156,147,0.16)
}
html[data-appearance="light"] #profile-section .ffi-bar-wrap {
  background: linear-gradient(135deg, rgba(136,171,197,0.08) 0%, rgba(33,128,207,0.09) 50%, rgba(0,156,147,0.08) 100%);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow:
    0 8px 32px rgba(107,142,170,0.074),
    inset 0 0 60px rgba(107,142,170,0.008),
    0 0 20px rgba(107,142,170,0.03)
}
html[data-appearance="light"] #profile-section .ffi-bar-title {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] #profile-section .ffi-bar-track {
  background: #ffffff;
  box-shadow:
    inset 0 2px 6px rgba(107,142,170,0.07),
    0 0 14px rgba(107,142,170,0.04);
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #profile-section .ffi-seg {
  border-right: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #profile-section .ffi-seg:last-child { border-right: none
}
html[data-appearance="light"] #profile-section .ffi-seg:hover {
  box-shadow: 0 0 10px rgba(107,142,170,0.05)
}
html[data-appearance="light"] #profile-section .ffi-seg--active {
  box-shadow:
    0 0 8px rgba(107,142,170,0.12),
    inset 0 0 6px rgba(107,142,170,0.06);
  border: 1.5px solid rgba(0,156,147,0.38)
}
html[data-appearance="light"] #profile-section .ffi-bar-labels {
  color: #173353
}
html[data-appearance="light"] #profile-section .ffi-bar-tooltip {
  background: #ffffff;
  border: 1px solid rgba(0,156,147,0.35);
  color: #173353;
  box-shadow: 0 4px 20px rgba(107,142,170,0.09), 0 0 12px rgba(107,142,170,0.04)
}
html[data-appearance="light"] #profile-section .ffi-progress-wrap {
  background: linear-gradient(135deg, rgba(136,171,197,0.08) 0%, rgba(0,156,147,0.08) 100%);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow:
    0 10px 34px rgba(107,142,170,0.068),
    inset 0 0 48px rgba(107,142,170,0.01),
    0 0 20px rgba(107,142,170,0.028)
}
html[data-appearance="light"] #profile-section .ffi-progress-track {
  background: rgba(136,171,197,0.08);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow:
    inset 0 2px 8px rgba(107,142,170,0.036),
    0 0 14px rgba(107,142,170,0.016)
}
html[data-appearance="light"] #profile-section .ffi-progress-seg {
  border-right: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #profile-section .ffi-progress-seg:last-of-type {
  border-right: none
}
html[data-appearance="light"] #profile-section .ffi-progress-marker {
  background: radial-gradient(circle at 30% 30%, #ffffff, #009c93 48%, #2180cf 100%);
  border: 2px solid rgba(223,234,243,0.95);
  box-shadow:
    0 0 0 4px rgba(107,142,170,0.024),
    0 0 12px rgba(107,142,170,0.064),
    0 4px 8px rgba(107,142,170,0.048)
}
html[data-appearance="light"] #profile-section #ffi-progress-marker {
  border: 0;
  background: transparent;
  box-shadow: none
}
html[data-appearance="light"] #profile-section .ffi-progress-marker--aux {
  box-shadow:
    0 0 0 2px rgba(107,142,170,0.016),
    0 0 8px rgba(107,142,170,0.028),
    0 2px 4px rgba(107,142,170,0.036)
}
html[data-appearance="light"] #profile-section .ffi-progress-marker--essential {
  background: radial-gradient(circle at 30% 30%, #ffffff, #ffffff 52%, #ffffff 100%);
  border-color: rgba(223,234,243,0.92)
}
html[data-appearance="light"] #profile-section .ffi-progress-marker--rent {
  background: radial-gradient(circle at 30% 30%, #ffffff, #ffffff 50%, #2180cf 100%);
  border-color: rgba(223,234,243,0.9)
}
html[data-appearance="light"] #profile-section .ffi-progress-marker::before {
  background: linear-gradient(180deg, rgba(136,171,197,0.09), #009c93);
  box-shadow: 0 0 6px rgba(107,142,170,0.056)
}
html[data-appearance="light"] #profile-section #ffi-progress-marker::before {
  background:
    linear-gradient(145deg, #009c93 0%, #009c93 46%, #f2f7fb 100%);
  box-shadow:
    inset 0 1px 0 rgba(107,142,170,0.044),
    inset 0 -5px 9px rgba(107,142,170,0.068),
    0 0 0 1px rgba(107,142,170,0.032),
    0 0 5px rgba(107,142,170,0.02)
}
html[data-appearance="light"] #profile-section .ffi-progress-marker--aux::before {
  background: linear-gradient(180deg, rgba(136,171,197,0.09), #ffffff);
  box-shadow: 0 0 4px rgba(107,142,170,0.036)
}
html[data-appearance="light"] #profile-section .ffi-progress-marker::after {
  background: #ffffff;
  border: 1px solid rgba(0,156,147,0.35);
  color: #173353;
  box-shadow: 0 4px 18px rgba(107,142,170,0.076), 0 0 10px rgba(107,142,170,0.032)
}
html[data-appearance="light"] #profile-section .ffi-progress-marker-core {
  background: #ffffff;
  box-shadow: 0 0 6px rgba(107,142,170,0.12)
}
html[data-appearance="light"] #profile-section #ffi-progress-marker .ffi-progress-marker-core {
  background: linear-gradient(180deg, rgba(136,171,197,0.09), rgba(136,171,197,0.03));
  box-shadow: none
}
html[data-appearance="light"] #profile-section .ffi-progress-marker--aux .ffi-progress-marker-core {
  box-shadow: 0 0 4px rgba(107,142,170,0.12)
}
html[data-appearance="light"] #profile-section .ffi-progress-caption {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] #profile-section .profile-sidebar {
  background: rgba(136,171,197,0.09);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 8px 32px 0 rgba(107,142,170,0.074)
}
html[data-appearance="light"] #profile-section .profile-block-title {
  color: #173353
}
html[data-appearance="light"] #profile-section .profile-kv {
  color: #173353
}
html[data-appearance="light"] #profile-section .profile-info-tip {
  border: 1px solid rgba(0,156,147,0.36);
  background: linear-gradient(180deg, rgba(136,171,197,0.09), rgba(0,156,147,0.09));
  color: #173353;
  box-shadow: 0 0 10px rgba(107,142,170,0.024)
}
html[data-appearance="light"] #profile-section .profile-info-tip::after {
  background: linear-gradient(180deg, #ffffff, #ffffff);
  border: 1px solid rgba(0,156,147,0.34);
  color: #173353;
  box-shadow: 0 14px 34px rgba(107,142,170,0.1), 0 0 18px rgba(107,142,170,0.028)
}
html[data-appearance="light"] #profile-section .profile-value {
  color: #173353
}
html[data-appearance="light"] #profile-section .profile-value.positive {
  color: #009c93
}
html[data-appearance="light"] #profile-section .profile-value.accent {
  color: #009c93
}
html[data-appearance="light"] #profile-section .profile-card {
  background: rgba(136,171,197,0.09);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 8px 32px 0 rgba(107,142,170,0.074)
}
html[data-appearance="light"] #profile-section .profile-card-header {
  color: #173353
}
html[data-appearance="light"] #profile-section .profile-card-header h3 {
  color: #173353
}
html[data-appearance="light"] #profile-section .profile-collapse-btn {
  border: 1px solid rgba(223,234,243,0.45);
  background: #ffffff;
  color: #173353
}
html[data-appearance="light"] #profile-section .profile-summary-item {
  background: rgba(136,171,197,0.09);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 8px 32px 0 rgba(107,142,170,0.074)
}
html[data-appearance="light"] #profile-section .profile-summary-label {
  color: #173353
}
html[data-appearance="light"] #profile-section .profile-summary-value {
  color: #009c93
}
html[data-appearance="light"] #profile-dividends-at-retirement {
  color: #009c93
}
html[data-appearance="light"] #profile-dividends-at-retirement-contrib {
  color: #009c93
}
html[data-appearance="light"] #profile-sp500-at-retirement,
html[data-appearance="light"] #profile-sp500-at-retirement-contrib {
  color: #d6960b
}
html[data-appearance="light"] #profile-section .profile-table {
  background: rgba(136,171,197,0.09);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 8px 32px 0 rgba(107,142,170,0.074)
}
html[data-appearance="light"] #profile-section .profile-table-row {
  color: #173353
}
html[data-appearance="light"] #profile-section .profile-table-head {
  color: rgba(0,156,147,0.95)
}
html[data-appearance="light"] #profile-section .profile-chart {
  background: rgba(136,171,197,0.09);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 8px 32px 0 rgba(107,142,170,0.074)
}
html[data-appearance="light"] #profile-section .profile-chart-toggle {
  background: #f2f7fb;
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #profile-section .profile-chart-toggle-btn {
  border: none;
  background: transparent;
  color: #173353
}
html[data-appearance="light"] #profile-section .profile-chart-toggle-btn.is-active {
  background: rgba(0,156,147,0.09);
  color: #173353;
  box-shadow: 0 0 12px rgba(107,142,170,0.08)
}
html[data-appearance="light"] #profile-section .profile-chart-legend {
  color: #173353
}
html[data-appearance="light"] #profile-section .profile-legend-dot {
  background: #009c93;
  box-shadow: 0 0 10px rgba(107,142,170,0.12)
}
html[data-appearance="light"] #profile-section .profile-chart-graph {
  border: 1px solid rgba(223,234,243,0.45);
  background:
    linear-gradient(180deg, #f2f7fb, #ffffff),
    repeating-linear-gradient(90deg, rgba(136,171,197,0.06) 0 1px, transparent 1px 24px),
    repeating-linear-gradient(0deg, rgba(136,171,197,0.06) 0 1px, transparent 1px 24px)
}
html[data-appearance="light"] #profile-section .profile-chart-tooltip {
  background: #f2f7fb;
  border: 1px solid rgba(223,234,243,0.45);
  color: #173353;
  box-shadow: 0 10px 24px rgba(107,142,170,0.07)
}
html[data-appearance="light"] #profile-section .profile-chart-axis {
  color: #173353
}
html[data-appearance="light"] #profile-section .profile-tooltip-value {
  color: #009c93
}
html[data-appearance="light"] .btn-primary {
  background: linear-gradient(135deg, var(--stocks-row-grad-start), var(--stocks-row-grad-end));
  color: #173353;
  border: none;
  box-shadow: 0 4px 15px rgba(107,142,170,0.06)
}
html[data-appearance="light"] .btn-primary:hover {
  box-shadow: 0 6px 20px rgba(107,142,170,0.08)
}
html[data-appearance="light"] #deposits-section .deposits-chart-header .dividends-chart-title {
  color: #173353
}
html[data-appearance="light"] #deposits-section .deposits-chart-type-switch .allocation-option,
html[data-appearance="light"] #dividends-section .chart-type-switch .allocation-option {
  color: #173353
}
html[data-appearance="light"] #deposits-section .deposits-chart-type-switch .allocation-option.active,
html[data-appearance="light"] #deposits-section .deposits-chart-type-switch .allocation-option:not(.active):hover,
html[data-appearance="light"] #dividends-section .chart-type-switch .allocation-option.active,
html[data-appearance="light"] #dividends-section .chart-type-switch .allocation-option:not(.active):hover {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] #deposits-section .deposits-chart-benchmark-label {
  color: #173353
}
html[data-appearance="light"] #deposits-section .deposits-chart-benchmark-value {
  color: #009c93;
  text-shadow: none
}
html[data-appearance="light"] #deposits-section .deposits-chart-meta {
  color: #173353
}
html[data-appearance="light"] .monthly-pagination-left {
  color: #637f9a
}
html[data-appearance="light"] #monthly-page-size,
html[data-appearance="light"] #stock-gains-page-size,
html[data-appearance="light"] #admin-users-page-size {
  background: rgba(136,171,197,0.08);
  color: #173353;
  border: 1px solid rgba(0,156,147,0.25);
  outline: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364ffda' d='M2 4l4 4 4-4'/%3E%3C/svg%3E")
}
html[data-appearance="light"] #monthly-page-size:hover,
html[data-appearance="light"] #monthly-page-size:focus,
html[data-appearance="light"] #stock-gains-page-size:hover,
html[data-appearance="light"] #stock-gains-page-size:focus,
html[data-appearance="light"] #admin-users-page-size:hover,
html[data-appearance="light"] #admin-users-page-size:focus {
  border-color: rgba(0,156,147,0.38);
  box-shadow: 0 0 8px rgba(107,142,170,0.03)
}
html[data-appearance="light"] #monthly-page-size option,
html[data-appearance="light"] #stock-gains-page-size option,
html[data-appearance="light"] #admin-users-page-size option {
  background: #f2f7fb;
  color: #173353
}
html[data-appearance="light"] .monthly-pagination-info {
  color: #173353
}
html[data-appearance="light"] .monthly-page-btn {
  background: rgba(136,171,197,0.06);
  color: #173353;
  border: 1px solid rgba(0,156,147,0.18)
}
html[data-appearance="light"] .monthly-page-btn:hover:not(:disabled) {
  background: rgba(0,156,147,0.09);
  border-color: rgba(0,156,147,0.38);
  color: #009c93
}
html[data-appearance="light"] .monthly-page-btn.monthly-page-num.active {
  background: rgba(0,156,147,0.09);
  border-color: rgba(0,156,147,0.38);
  color: #009c93;
  box-shadow: 0 0 8px rgba(107,142,170,0.03)
}
html[data-appearance="light"] .btn-danger {
  background: linear-gradient(135deg, #e74762, #e74762);
  color: #173353;
  border: none;
  box-shadow: 0 4px 15px rgba(107,142,170,0.06)
}
html[data-appearance="light"] .btn-warning {
  background: linear-gradient(135deg, #d6960b, #d6960b);
  color: #173353;
  border: none;
  box-shadow: 0 4px 15px rgba(107,142,170,0.06)
}
html[data-appearance="light"] .btn-danger:hover {
  box-shadow: 0 6px 20px rgba(107,142,170,0.08)
}
html[data-appearance="light"] .stat-card {
  background: rgba(136,171,197,0.09);
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] .stat-label {
  color: #173353
}
html[data-appearance="light"] .stat-card span:last-child {
  color: #173353
}
html[data-appearance="light"] #snapshots-tbody tr {
  background: rgba(136,171,197,0.05)
}
html[data-appearance="light"] #snapshots-tbody tr:hover {
  background: rgba(136,171,197,0.09)
}
html[data-appearance="light"] .delete-snapshot-btn {
  background: linear-gradient(135deg, #e74762, #e74762);
  color: #173353;
  border: none
}
html[data-appearance="light"] .delete-snapshot-btn:hover {
  box-shadow: 0 4px 15px rgba(107,142,170,0.08)
}
html[data-appearance="light"] #dividends-table {
  background: transparent
}
html[data-appearance="light"] #dividends-table thead {
  background: transparent
}
html[data-appearance="light"] #dividends-table th {
  color: #173353;
  border: none;
  border-bottom: 1px dotted rgba(223,234,243,0.45);
  background: var(--stocks-row-grad-start);
  text-shadow: none
}
html[data-appearance="light"] #dividends-table td {
  color: #173353;
  border: none
}
html[data-appearance="light"] #dividends-table tbody tr {
  background: var(--stocks-row-grad-start);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 4px 14px rgba(107,142,170,0.09)
}
html[data-appearance="light"] #dividends-table tbody tr:hover {
  box-shadow: 0 10px 24px rgba(107,142,170,0.11);
  border-color: rgba(223,234,243,0.45);
  background: linear-gradient(135deg, #ffffff, #ffffff)
}
html[data-appearance="light"] .withdrawals-summary-panel {
  background: linear-gradient(135deg, rgba(136,171,197,0.09), rgba(136,171,197,0.05));
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 14px 36px rgba(107,142,170,0.076), inset 0 1px 0 rgba(107,142,170,0.06)
}
html[data-appearance="light"] .withdrawals-summary-item {
  background: #ffffff;
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 4px 14px rgba(107,142,170,0.08)
}
html[data-appearance="light"] .withdrawals-summary-item .label {
  color: #173353
}
html[data-appearance="light"] .withdrawals-summary-item .value {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] #withdrawals-section #withdrawals-table thead th {
  background: var(--stocks-row-grad-start);
  color: #173353;
  border: none;
  border-bottom: 1px dotted rgba(223,234,243,0.45);
  box-shadow: none;
  text-shadow: none
}
html[data-appearance="light"] #withdrawals-section #withdrawals-table thead th.sortable:hover {
  color: #009c93;
  background: rgba(136,171,197,0.06)
}
html[data-appearance="light"] #withdrawals-table-body tr {
  background: linear-gradient(135deg, #ffffff, #ffffff);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 6px 16px rgba(107,142,170,0.11)
}
html[data-appearance="light"] #withdrawals-table-body tr:hover {
  box-shadow: 0 12px 26px rgba(107,142,170,0.12);
  border-color: rgba(223,234,243,0.45);
  background: linear-gradient(135deg, #ffffff, #ffffff)
}
html[data-appearance="light"] #withdrawals-table-body td {
  background: transparent;
  color: #173353;
  border: none
}
html[data-appearance="light"] #dividends-section .chart-container {
  background: rgba(136,171,197,0.09);
  box-shadow: 0 8px 32px 0 rgba(107,142,170,0.074);
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #dashboard-section .chart-container,
html[data-appearance="light"] #dashboard-section .performance-chart-container {
  box-shadow:
    0 20px 54px rgba(107,142,170,0.096),
    inset 0 1px 0 rgba(107,142,170,0.02);
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #dividends-table td[contenteditable='true'] {
  background: rgba(136,171,197,0.09);
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #dividends-table td[contenteditable='true']:focus {
  outline: none;
  background: rgba(136,171,197,0.09);
  border-color: rgba(223,234,243,0.45)
}
html[data-appearance="light"] #dividends-table .year-select {
  background: rgba(136,171,197,0.09);
  border: 1px solid rgba(223,234,243,0.45);
  color: #173353
}
html[data-appearance="light"] #dividends-table .year-select:focus {
  outline: none;
  background: rgba(136,171,197,0.09);
  border-color: rgba(223,234,243,0.5)
}
html[data-appearance="light"] #dividends-table .year-select option {
  background: var(--stocks-row-grad-start);
  color: #173353
}
html[data-appearance="light"] #dividends-table .monthly-dividend {
  color: #009c93
}
html[data-appearance="light"] #dividends-table .editable {
  background: rgba(136,171,197,0.09);
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #dividends-table .editable:focus {
  outline: none;
  background: rgba(136,171,197,0.09);
  border-color: rgba(223,234,243,0.5)
}
html[data-appearance="light"] #dividends-table .delete-btn {
  background: linear-gradient(135deg, #e74762 0%, #e74762 100%);
  color: #173353;
  border: none
}
html[data-appearance="light"] #dividends-table .delete-btn:hover {
  box-shadow: 0 4px 15px rgba(107,142,170,0.08)
}
html[data-appearance="light"] #dividends-table .save-icon-btn,
html[data-appearance="light"] #dividends-table .cancel-icon-btn,
html[data-appearance="light"] #dividends-table .delete-icon-btn {
  background: transparent;
  border: none;
  color: #173353
}
html[data-appearance="light"] #dividends-table .save-icon-btn:hover {
  color: #00a47e
}
html[data-appearance="light"] #dividends-table .edit-icon-btn {
  background: transparent;
  border: none;
  color: #173353
}
html[data-appearance="light"] #dividends-table .edit-icon-btn:hover {
  color: #2180cf
}
html[data-appearance="light"] #dividends-table .cancel-icon-btn:hover,
html[data-appearance="light"] #dividends-table .delete-icon-btn:hover {
  color: #e74762
}
html[data-appearance="light"] #dividends-table tr.editing {
  background: rgba(33,128,207,0.09)
}
html[data-appearance="light"] #dividends-monthly-table {
  background: transparent
}
html[data-appearance="light"] #dividends-monthly-table thead {
  background: transparent
}
html[data-appearance="light"] #dividends-monthly-table th {
  color: #173353;
  border: none;
  border-bottom: 1px dotted rgba(223,234,243,0.45);
  background: var(--stocks-row-grad-start);
  text-shadow: none
}
html[data-appearance="light"] #dividends-monthly-table td {
  color: #173353;
  border: none
}
html[data-appearance="light"] #dividends-monthly-table tbody tr {
  background: var(--stocks-row-grad-start);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 4px 14px rgba(107,142,170,0.09)
}
html[data-appearance="light"] #dividends-monthly-table tbody tr:hover {
  box-shadow: 0 10px 24px rgba(107,142,170,0.11);
  border-color: rgba(223,234,243,0.45);
  background: linear-gradient(135deg, #ffffff, #ffffff)
}
html[data-appearance="light"] :is(#dividends-monthly-table, #stocks-gains-table) .editing input:not(.withdraw-checkbox),
html[data-appearance="light"] :is(#dividends-monthly-table, #stocks-gains-table) .editing select {
  border: 1px solid rgba(223,234,243,0.45);
  background: rgba(136,171,197,0.09);
  color: #173353
}
html[data-appearance="light"] :is(#dividends-monthly-table, #stocks-gains-table) .editing td[contenteditable='true'],
html[data-appearance="light"] :is(#dividends-monthly-table, #stocks-gains-table) .editing .editable {
  border: 1px solid rgba(223,234,243,0.45);
  background: rgba(136,171,197,0.09);
  color: #173353
}
html[data-appearance="light"] :is(#dividends-monthly-table, #stocks-gains-table) .editing input:not(.withdraw-checkbox):focus,
html[data-appearance="light"] :is(#dividends-monthly-table, #stocks-gains-table) .editing select:focus,
html[data-appearance="light"] :is(#dividends-monthly-table, #stocks-gains-table) .editing td[contenteditable='true']:focus,
html[data-appearance="light"] :is(#dividends-monthly-table, #stocks-gains-table) .editing .editable:focus {
  outline: none;
  background: rgba(136,171,197,0.09);
  border-color: rgba(223,234,243,0.5)
}
html[data-appearance="light"] :is(#dividends-monthly-table, #stocks-gains-table) .monthly-date-trigger {
  border: 1px solid rgba(223,234,243,0.45);
  background: rgba(136,171,197,0.09);
  color: #173353
}
html[data-appearance="light"] :is(#dividends-monthly-table, #stocks-gains-table) .monthly-date-trigger:focus {
  outline: none;
  background: rgba(136,171,197,0.09);
  border-color: rgba(223,234,243,0.5)
}
html[data-appearance="light"] :is(#dividends-monthly-table, #stocks-gains-table) .monthly-date-trigger::after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid rgba(223,234,243,0.8)
}
html[data-appearance="light"] :is(#dividends-monthly-table, #stocks-gains-table) .monthly-date-picker-popup {
  border: 1px solid rgba(223,234,243,0.45);
  background: #f2f7fb;
  box-shadow: 0 12px 32px rgba(107,142,170,0.1)
}
html[data-appearance="light"] :is(#dividends-monthly-table, #stocks-gains-table) .mdp-year-label {
  color: #173353
}
html[data-appearance="light"] :is(#dividends-monthly-table, #stocks-gains-table) .mdp-prev-year,
html[data-appearance="light"] :is(#dividends-monthly-table, #stocks-gains-table) .mdp-next-year {
  background: rgba(136,171,197,0.08);
  border: 1px solid rgba(223,234,243,0.45);
  color: #173353
}
html[data-appearance="light"] :is(#dividends-monthly-table, #stocks-gains-table) .mdp-prev-year:hover,
html[data-appearance="light"] :is(#dividends-monthly-table, #stocks-gains-table) .mdp-next-year:hover {
  background: rgba(136,171,197,0.09)
}
html[data-appearance="light"] :is(#dividends-monthly-table, #stocks-gains-table) .mdp-month {
  background: rgba(136,171,197,0.06);
  border: 1px solid transparent;
  color: #173353
}
html[data-appearance="light"] :is(#dividends-monthly-table, #stocks-gains-table) .mdp-month:hover {
  background: rgba(136,171,197,0.09);
  border-color: rgba(223,234,243,0.45);
  color: #173353
}
html[data-appearance="light"] :is(#dividends-monthly-table, #stocks-gains-table) .mdp-month.mdp-month--selected {
  background: #2180cf;
  border-color: rgba(33,128,207,0.38);
  color: #173353
}
html[data-appearance="light"] #dividends-monthly-table .withdraw-checkbox {
  accent-color: #2180cf
}
html[data-appearance="light"] #dividends-table th.sortable:hover,
html[data-appearance="light"] #dividends-monthly-table th.sortable:hover {
  color: #009c93;
  background: rgba(136,171,197,0.06)
}
html[data-appearance="light"] #stocks-gains-section #stocks-gains-table thead th {
  background: var(--stocks-row-grad-start);
  color: #173353;
  border: none;
  border-bottom: 1px dotted rgba(223,234,243,0.45);
  box-shadow: none;
  text-shadow: none
}
html[data-appearance="light"] #stocks-gains-section #stocks-gains-table thead th.sortable:hover {
  color: #009c93;
  background: rgba(136,171,197,0.06)
}
html[data-appearance="light"] #stocks-gains-section #stocks-gains-table .column-filter-menu[data-field^='stock-gain-'] {
  background: #ffffff;
  box-shadow: 0 18px 32px rgba(107,142,170,0.084)
}
html[data-appearance="light"] #stocks-gains-table-body tr {
  background: linear-gradient(135deg, #ffffff, #ffffff);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 6px 16px rgba(107,142,170,0.11)
}
html[data-appearance="light"] #stocks-gains-table-body tr:hover {
  box-shadow: 0 12px 26px rgba(107,142,170,0.12);
  border-color: rgba(223,234,243,0.45);
  background: linear-gradient(135deg, #ffffff, #ffffff)
}
html[data-appearance="light"] #stocks-gains-table-body td {
  background: transparent;
  color: #173353;
  border: none
}
html[data-appearance="light"] #stocks-gains-table-body td[contenteditable="true"] {
  outline: 1px solid rgba(223,234,243,0.45);
  background: rgba(136,171,197,0.08)
}
html[data-appearance="light"] #stocks-gains-table .edit-icon-btn,
html[data-appearance="light"] #stocks-gains-table .delete-icon-btn,
html[data-appearance="light"] #stocks-gains-table .save-icon-btn,
html[data-appearance="light"] #stocks-gains-table .cancel-icon-btn {
  background: transparent;
  border: none;
  color: #173353
}
html[data-appearance="light"] #stocks-gains-table .edit-icon-btn:hover,
html[data-appearance="light"] #stocks-gains-table .save-icon-btn:hover {
  color: #2180cf
}
html[data-appearance="light"] #stocks-gains-table .delete-icon-btn:hover,
html[data-appearance="light"] #stocks-gains-table .cancel-icon-btn:hover {
  color: #e74762
}
html[data-appearance="light"] #stocks-gains-table .tax-percent-input {
  border: 1px solid rgba(223,234,243,0.45);
  background: rgba(136,171,197,0.09);
  color: #173353
}
html[data-appearance="light"] #stocks-gains-table .withdraw-checkbox {
  accent-color: #2180cf
}
html[data-appearance="light"] #stocks-gains-table #stock-gains-select-all,
html[data-appearance="light"] #stocks-gains-table .stock-gain-row-select {
  accent-color: #009c93
}
html[data-appearance="light"] .amount-positive {
  color: rgba(0,156,147,0.85) !important
}
html[data-appearance="light"] .amount-negative {
  color: rgba(231,71,98,0.85) !important
}
html[data-appearance="light"] .amount-neutral {
  color: #173353 !important
}
html[data-appearance="light"] .realized-pl-card {
  border: 1px solid rgba(0,156,147,0.18);
  background: linear-gradient(135deg, #ffffff, #ffffff);
  box-shadow: 0 12px 28px rgba(107,142,170,0.056)
}
html[data-appearance="light"] .realized-pl-card--net {
  border-color: rgba(0,156,147,0.26);
  background: linear-gradient(135deg, #ffffff, #ffffff)
}
html[data-appearance="light"] .realized-pl-label {
  color: #173353
}
html[data-appearance="light"] #taxes-section .settings-card {
  background: linear-gradient(135deg, rgba(136,171,197,0.09), rgba(136,171,197,0.03));
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 16px 36px rgba(107,142,170,0.07)
}
html[data-appearance="light"] #taxes-section .settings-title {
  color: #173353
}
html[data-appearance="light"] #taxes-section .settings-sub {
  color: #173353
}
html[data-appearance="light"] #taxes-section .settings-chevron {
  background: #ffffff;
  border: 1px solid rgba(223,234,243,0.45);
  color: #173353
}
html[data-appearance="light"] #taxes-section .capital-gains-calculation {
  border: 1px solid rgba(0,156,147,0.16);
  background: #ffffff
}
html[data-appearance="light"] #taxes-section .capital-gains-heading {
  color: #173353
}
html[data-appearance="light"] #taxes-section .capital-gains-option {
  color: #173353
}
html[data-appearance="light"] #taxes-section .capital-gains-option input {
  accent-color: #009c93
}
html[data-appearance="light"] #taxes-section .capital-gains-option-text strong {
  color: #173353
}
html[data-appearance="light"] #taxes-section .capital-gains-option-text small {
  color: #173353
}
html[data-appearance="light"] #taxes-section .tax-calc-info {
  border: 1px solid rgba(0,156,147,0.38);
  color: #173353
}
html[data-appearance="light"] #taxes-section .tax-calc-info::after {
  border: 1px solid rgba(0,156,147,0.32);
  background: #ffffff;
  color: #173353
}
html[data-appearance="light"] #taxes-section .taxes-empty {
  color: #173353
}
html[data-appearance="light"] #taxes-section .taxes-panel {
  background: linear-gradient(135deg, #ffffff, #ffffff) !important;
  border: 1px solid rgba(223,234,243,0.45) !important;
  box-shadow: 0 12px 30px rgba(107,142,170,0.07) !important
}
html[data-appearance="light"] #taxes-section .taxes-panel-header {
  color: #173353;
  text-shadow: none;
  background: linear-gradient(135deg, rgba(136,171,197,0.08), rgba(136,171,197,0.03)) !important
}
html[data-appearance="light"] #taxes-section .taxes-panel-toggle {
  border: 1px solid rgba(223,234,243,0.45);
  background: linear-gradient(135deg, rgba(136,171,197,0.09), rgba(136,171,197,0.06));
  color: #173353
}
html[data-appearance="light"] #taxes-section .taxes-table {
  background: linear-gradient(135deg, #ffffff, rgba(255,255,255,0.08)) !important
}
html[data-appearance="light"] #taxes-section .taxes-table th,
html[data-appearance="light"] #taxes-section .taxes-table td {
  color: #173353
}
html[data-appearance="light"] #taxes-section .taxes-table thead th {
  color: #173353;
  background: rgba(136,171,197,0.09)
}
html[data-appearance="light"] #taxes-section .taxes-table tbody tr {
  border-top: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #taxes-section .taxes-table tfoot td {
  border-top: 1px solid rgba(223,234,243,0.45);
  color: #173353
}
html[data-appearance="light"] #taxes-section .tax-amount-positive,
html[data-appearance="light"] #taxes-section .taxes-table .amount-positive {
  color: rgba(0,156,147,0.85) !important
}
html[data-appearance="light"] #taxes-section .tax-amount-negative,
html[data-appearance="light"] #taxes-section .taxes-table .amount-negative {
  color: rgba(231,71,98,0.85) !important
}
html[data-appearance="light"] .brand-logo {
  box-shadow: 0 6px 18px rgba(107,142,170,0.07);
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] .brand-title {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] .brand-link:hover .brand-logo {
  box-shadow: 0 10px 26px rgba(107,142,170,0.09)
}
html[data-appearance="light"] .tour-backdrop {
  background: transparent
}
html[data-appearance="light"] .tour-highlight {
  box-shadow:
    0 0 0 9999px rgba(107,142,170,0.12),
    0 0 0 3px rgba(107,142,170,0.12),
    0 0 24px rgba(107,142,170,0.044),
    inset 0 0 0 1px rgba(107,142,170,0.02)
}
html[data-appearance="light"] .tour-bubble {
  background: #ffffff;
  border: 1px solid rgba(33,128,207,0.25);
  box-shadow:
    0 24px 64px rgba(107,142,170,0.1),
    0 0 40px rgba(107,142,170,0.012);
  color: #173353
}
html[data-appearance="light"] .tour-bubble--below::before {
  background: #ffffff;
  border-top: 1px solid rgba(33,128,207,0.25);
  border-left: 1px solid rgba(33,128,207,0.25)
}
html[data-appearance="light"] .tour-bubble--above::after {
  background: #ffffff;
  border-bottom: 1px solid rgba(33,128,207,0.25);
  border-right: 1px solid rgba(33,128,207,0.25)
}
html[data-appearance="light"] .tour-bubble-step {
  color: #2180cf;
  background: rgba(33,128,207,0.09);
  border: 1px solid rgba(33,128,207,0.18)
}
html[data-appearance="light"] .tour-bubble-title {
  color: #173353
}
html[data-appearance="light"] .tour-bubble-text {
  color: #173353
}
html[data-appearance="light"] .tour-bubble-text strong {
  color: #173353
}
html[data-appearance="light"] .tour-btn-skip {
  background: none;
  border: none;
  color: #173353
}
html[data-appearance="light"] .tour-btn-skip:hover {
  color: #173353
}
html[data-appearance="light"] .tour-btn-next {
  background: linear-gradient(135deg, #2180cf, #2180cf);
  border: none;
  color: #173353;
  box-shadow: 0 4px 18px rgba(107,142,170,0.07)
}
html[data-appearance="light"] .tour-btn-next:hover {
  box-shadow: 0 6px 24px rgba(107,142,170,0.1)
}
html[data-appearance="light"] .tour-progress-dot {
  background: rgba(136,171,197,0.09)
}
html[data-appearance="light"] .tour-progress-dot.active {
  background: #2180cf;
  box-shadow: 0 0 8px rgba(107,142,170,0.08)
}
html[data-appearance="light"] .tour-progress-dot.done {
  background: rgba(33,128,207,0.09)
}
html[data-appearance="light"] .paywall-modal-overlay {
  background: #ffffff
}
html[data-appearance="light"] .paywall-modal {
  background: #ffffff;
  border: 1px solid rgba(0,156,147,0.18);
  box-shadow:
    0 0 60px rgba(107,142,170,0.016),
    0 24px 80px rgba(107,142,170,0.1),
    inset 0 1px 0 rgba(107,142,170,0.01)
}
html[data-appearance="light"] .paywall-modal-glow {
  background: radial-gradient(circle, rgba(0,156,147,0.09) 0%, transparent 70%)
}
html[data-appearance="light"] .paywall-modal-close {
  background: none;
  border: none;
  color: #173353
}
html[data-appearance="light"] .paywall-modal-close:hover {
  color: #173353
}
html[data-appearance="light"] .paywall-modal-title {
  color: #173353
}
html[data-appearance="light"] .paywall-modal-subtitle {
  color: #173353
}
html[data-appearance="light"] .paywall-price-amount {
  background: linear-gradient(135deg, #009c93, #009c93);
  -webkit-text-fill-color: transparent
}
html[data-appearance="light"] .paywall-price-amount.has-intro-price {
  background: none;
  -webkit-text-fill-color: currentColor
}
html[data-appearance="light"] .paywall-price-original {
  color: #173353
}
html[data-appearance="light"] .paywall-price-current {
  background: linear-gradient(135deg, #009c93, #009c93);
  -webkit-text-fill-color: transparent
}
html[data-appearance="light"] .paywall-price-period {
  color: #173353
}
html[data-appearance="light"] .paywall-features-list li {
  color: #173353
}
html[data-appearance="light"] .paywall-feature-check {
  color: #009c93
}
html[data-appearance="light"] .paywall-cta-btn {
  border: none;
  color: #173353;
  background: linear-gradient(135deg, #009c93, #009c93);
  box-shadow: 0 4px 20px rgba(107,142,170,0.05)
}
html[data-appearance="light"] .paywall-cta-btn:hover {
  box-shadow: 0 6px 28px rgba(107,142,170,0.07)
}
html[data-appearance="light"] .paywall-modal-footer {
  color: #173353
}
html[data-appearance="light"] .paywall-banner {
  background: #ffffff;
  border: 1px solid rgba(0,156,147,0.15);
  box-shadow: 0 4px 24px rgba(107,142,170,0.06)
}
html[data-appearance="light"] .paywall-banner-glow {
  background: radial-gradient(circle, rgba(0,156,147,0.08) 0%, transparent 70%)
}
html[data-appearance="light"] .paywall-banner-title {
  color: #173353
}
html[data-appearance="light"] .paywall-banner-text {
  color: #173353
}
html[data-appearance="light"] .paywall-banner-btn {
  border: none;
  color: #173353;
  background: linear-gradient(135deg, #009c93, #009c93);
  box-shadow: 0 2px 12px rgba(107,142,170,0.04)
}
html[data-appearance="light"] .paywall-banner-btn:hover {
  box-shadow: 0 4px 18px rgba(107,142,170,0.06)
}
html[data-appearance="light"] .legal-body {
  background: #ffffff;
  color: #173353
}
html[data-appearance="light"] .legal-topbar {
  background: linear-gradient(180deg, #ffffff, #ffffff);
  border-bottom: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] .legal-brand {
  color: #173353
}
html[data-appearance="light"] .legal-nav-link {
  color: #173353
}
html[data-appearance="light"] .legal-nav-link:hover {
  color: #173353;
  background: rgba(136,171,197,0.06)
}
html[data-appearance="light"] .legal-nav-link.active {
  color: #173353;
  background: rgba(136,171,197,0.09);
  box-shadow: inset 0 0 0 1px rgba(107,142,170,0.024)
}
html[data-appearance="light"] .legal-nav-cta {
  color: #173353;
  background: linear-gradient(135deg, #2180cf, #2180cf);
  box-shadow: 0 10px 24px rgba(107,142,170,0.09)
}
html[data-appearance="light"] .legal-nav-cta:hover {
  box-shadow: 0 14px 30px rgba(107,142,170,0.11)
}
html[data-appearance="light"] .legal-toc-inner {
  background: linear-gradient(180deg, rgba(136,171,197,0.06), rgba(136,171,197,0.02));
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] .legal-toc-eyebrow {
  color: #173353
}
html[data-appearance="light"] .legal-toc-list a {
  color: #173353;
  border-left: 2px solid transparent
}
html[data-appearance="light"] .legal-toc-list a:hover {
  color: #173353;
  background: rgba(136,171,197,0.05)
}
html[data-appearance="light"] .legal-toc-list a.active {
  color: #173353;
  background: rgba(33,128,207,0.09);
  border-left-color: rgba(33,128,207,0.38)
}
html[data-appearance="light"] .legal-card {
  background: linear-gradient(180deg, rgba(136,171,197,0.05), rgba(136,171,197,0.02));
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 30px 80px rgba(107,142,170,0.09), inset 0 1px 0 rgba(107,142,170,0.012)
}
html[data-appearance="light"] .legal-hero {
  border-bottom: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] .legal-eyebrow {
  color: #2180cf
}
html[data-appearance="light"] .legal-title {
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
  color: transparent
}
html[data-appearance="light"] .legal-pill {
  background: linear-gradient(135deg, rgba(33,128,207,0.09), rgba(33,128,207,0.09));
  border: 1px solid rgba(33,128,207,0.35);
  color: #173353
}
html[data-appearance="light"] .legal-pill.subtle {
  background: rgba(136,171,197,0.04);
  border-color: rgba(223,234,243,0.45);
  color: #173353
}
html[data-appearance="light"] .legal-lede {
  color: #173353
}
html[data-appearance="light"] .legal-section {
  border-top: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] .legal-section:first-of-type {
  border-top: none
}
html[data-appearance="light"] .legal-section h2 {
  color: #173353
}
html[data-appearance="light"] .legal-section p,
html[data-appearance="light"] .legal-section li {
  color: #173353
}
html[data-appearance="light"] .legal-section a {
  color: #2180cf;
  border-bottom: 1px dashed rgba(33,128,207,0.38)
}
html[data-appearance="light"] .legal-section a:hover {
  color: #173353;
  border-bottom-color: #dfeaf3
}
html[data-appearance="light"] .legal-list li::marker { color: #2180cf
}
html[data-appearance="light"] .legal-section.emphasis {
  background: linear-gradient(135deg, rgba(214,150,11,0.07), rgba(231,71,98,0.05));
  border: 1px solid rgba(214,150,11,0.18)
}
html[data-appearance="light"] .legal-section.emphasis h2 {
  color: #d6960b
}
html[data-appearance="light"] .legal-note {
  background: rgba(136,171,197,0.04);
  border: 1px dashed rgba(223,234,243,0.45);
  color: #173353
}
html[data-appearance="light"] .legal-table-wrap {
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] .legal-table th,
html[data-appearance="light"] .legal-table td {
  border-bottom: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] .legal-table thead th {
  background: rgba(136,171,197,0.04);
  color: #173353
}
html[data-appearance="light"] .legal-table tbody tr:last-child td { border-bottom: none
}
html[data-appearance="light"] .legal-table tbody tr:hover { background: rgba(136,171,197,0.025)
}
html[data-appearance="light"] .legal-section code {
  background: rgba(136,171,197,0.06);
  border: 1px solid rgba(223,234,243,0.45);
  color: #173353
}
html[data-appearance="light"] .legal-card-footer {
  border-top: 1px solid rgba(223,234,243,0.45);
  color: #173353
}
html[data-appearance="light"] .legal-card-footer-nav a {
  color: #173353
}
html[data-appearance="light"] .legal-card-footer-nav a:hover { color: #173353
}
html[data-appearance="light"] .cookie-consent {
  background: linear-gradient(135deg, #ffffff, #ffffff);
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow: 0 30px 70px rgba(107,142,170,0.11);
  color: #173353
}
html[data-appearance="light"] .cookie-consent-text strong { color: #173353
}
html[data-appearance="light"] .cookie-consent-text a {
  color: #2180cf;
  border-bottom: 1px dashed rgba(33,128,207,0.38)
}
html[data-appearance="light"] .cookie-consent-text a:hover { color: #173353; border-bottom-color: #dfeaf3
}
html[data-appearance="light"] .cookie-btn {
  border: none
}
html[data-appearance="light"] .cookie-btn.primary {
  color: #173353;
  background: linear-gradient(135deg, #2180cf, #2180cf);
  box-shadow: 0 10px 22px rgba(107,142,170,0.08)
}
html[data-appearance="light"] .cookie-btn.primary:hover { box-shadow: 0 14px 28px rgba(107,142,170,0.11)
}
html[data-appearance="light"] .cookie-btn.ghost {
  color: #173353;
  background: rgba(136,171,197,0.06);
  border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] .cookie-btn.ghost:hover { background: rgba(136,171,197,0.09); color: #173353
}
html[data-appearance="light"] .legal-links-footer {
  color: #173353
}
html[data-appearance="light"] .legal-links-footer a {
  color: #173353;
  border-bottom: 1px dashed rgba(223,234,243,0.45)
}
html[data-appearance="light"] .legal-links-footer a:hover {
  color: #173353;
  border-bottom-color: #dfeaf3
}
html[data-appearance="light"] .consent-row {
  color: #173353
}
html[data-appearance="light"] .consent-row input[type='checkbox'] {
  accent-color: #2180cf
}
html[data-appearance="light"] .consent-row a {
  color: #2180cf;
  border-bottom: 1px dashed rgba(33,128,207,0.38)
}
html[data-appearance="light"] .consent-row a:hover { color: #173353; border-bottom-color: #dfeaf3
}
html[data-appearance="light"] .app-footer {
  color: #173353
}
html[data-appearance="light"] .app-footer-nav a {
  color: #173353
}
html[data-appearance="light"] .app-footer-nav a:hover { color: #173353
}
html[data-appearance="light"] .settings-chip:hover {
  border-color: rgba(223,234,243,0.45);
  background: rgba(136,171,197,0.08)
}
html[data-appearance="light"] .settings-chip.active {
  border-color: rgba(223,234,243,0.55);
  background: rgba(136,171,197,0.09);
  box-shadow: 0 0 0 1px rgba(107,142,170,0.05), 0 4px 14px rgba(107,142,170,0.07)
}
html[data-appearance="light"] body.theme-blue {
  --stocks-row-grad-start: #173353;
  --stocks-row-grad-end: #173353;
  --theme-accent: #2180cf;
  --theme-accent-2: #009c93;
  background-color: #ffffff;
  background-image: none
}
html[data-appearance="light"] body.theme-blue ::selection { background: rgba(33,128,207,0.09); color: #173353
}
html[data-appearance="light"] body.theme-blue .settings-chip[data-theme="blue"].active {
  background: linear-gradient(135deg, #2180cf, #009c93);
  border-color: rgba(33,128,207,0.38);
  box-shadow: 0 0 14px rgba(107,142,170,0.11), inset 0 0 0 1px rgba(107,142,170,0.036);
  color: #173353
}
html[data-appearance="light"] body.theme-blue #dashboard-section .chart-container,
html[data-appearance="light"] body.theme-blue #dashboard-section .performance-chart-container {
  background: #f2f7fb;
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow:
    0 24px 54px rgba(107,142,170,0.096),
    inset 0 1px 0 rgba(107,142,170,0.024),
    inset 0 -1px 0 rgba(107,142,170,0.07)
}
html[data-appearance="light"] body.theme-blue #dashboard-section .wide-panel-container {
  background: transparent;
  border: none;
  box-shadow: none
}
html[data-appearance="light"] body.theme-blue #dashboard-section .chart-container:hover,
html[data-appearance="light"] body.theme-blue #dashboard-section .performance-chart-container:hover {
  background: #f2f7fb;
  border-color: rgba(223,234,243,0.45);
  box-shadow:
    0 24px 54px rgba(107,142,170,0.096),
    inset 0 1px 0 rgba(107,142,170,0.024),
    inset 0 -1px 0 rgba(107,142,170,0.07)
}
html[data-appearance="light"] #dashboard-section .chart-container h2,
html[data-appearance="light"] #dashboard-section .chart-header .perf-title-wrap > span:first-child,
html[data-appearance="light"] #dashboard-section .panel-zone-title,
html[data-appearance="light"] #dashboard-section .metrics-panel .panel-zone-title {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] #dashboard-section .chart-legend .legend-label,
html[data-appearance="light"] #dashboard-section .dashboard-metrics-overlay .metric-label {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] #dashboard-section .dashboard-metrics-overlay .metric-value {
  text-shadow: none
}
html[data-appearance="light"] body.theme-blue #dashboard-section .chart-container h2,
html[data-appearance="light"] body.theme-blue #dashboard-section .chart-header .perf-title-wrap > span:first-child,
html[data-appearance="light"] body.theme-blue #dashboard-section .panel-zone-title,
html[data-appearance="light"] body.theme-blue #dashboard-section .metrics-panel .panel-zone-title {
  color: #173353;
  text-shadow: none
}
html[data-appearance="light"] body.theme-blue #dashboard-section .chart-header > span,
html[data-appearance="light"] body.theme-blue #dashboard-section .chart-legend,
html[data-appearance="light"] body.theme-blue #dashboard-section .legend-label,
html[data-appearance="light"] body.theme-blue #dashboard-section .metric-label,
html[data-appearance="light"] body.theme-blue #dashboard-section .breakdown-label,
html[data-appearance="light"] body.theme-blue #dashboard-section .profit-col.combined .profit-label,
html[data-appearance="light"] body.theme-blue #dashboard-section .profit-col.brokers .profit-box.profit-label,
html[data-appearance="light"] body.theme-blue #dashboard-section .profit-col.returns .profit-label {
  color: #173353
}
html[data-appearance="light"] body.theme-blue #dashboard-section .time-range-selector {
  background: transparent;
  border: 0;
  box-shadow: none
}
html[data-appearance="light"] body.theme-blue #dashboard-section .time-btn {
  background: transparent;
  border: 0;
  color: #173353;
  box-shadow: none
}
html[data-appearance="light"] body.theme-blue #dashboard-section .time-btn:hover {
  background: rgba(136,171,197,0.09);
  color: #173353;
  box-shadow: none
}
html[data-appearance="light"] body.theme-blue #dashboard-section .time-btn.active {
  background: rgba(136,171,197,0.09);
  color: #173353;
  box-shadow: none
}
html[data-appearance="light"] body.theme-blue #dashboard-section .legend-item {
  color: #173353
}
html[data-appearance="light"] body.theme-blue #dashboard-section .legend-toggle {
  accent-color: #009c93
}
html[data-appearance="light"] body.theme-blue #dashboard-section .legend-color {
  box-shadow: 0 0 12px rgba(107,142,170,0.032)
}
html[data-appearance="light"] body.theme-blue #dashboard-section .panel-zone {
  background: #f2f7fb;
  border: 1px solid rgba(223,234,243,0.45);
  box-shadow:
    0 22px 40px rgba(107,142,170,0.084),
    inset 0 1px 0 rgba(107,142,170,0.02),
    inset 0 -1px 0 rgba(107,142,170,0.06)
}
html[data-appearance="light"] body.theme-blue #dashboard-section .panel-zone:hover {
  background: #f2f7fb;
  box-shadow:
    0 22px 40px rgba(107,142,170,0.084),
    inset 0 1px 0 rgba(107,142,170,0.02);
  border-color: rgba(223,234,243,0.45)
}
html[data-appearance="light"] body.theme-blue #dashboard-section .breakdown-item,
html[data-appearance="light"] body.theme-blue #dashboard-section .profit-box,
html[data-appearance="light"] body.theme-blue #dashboard-section .metric-row {
  background: #f2f7fb;
  border-color: rgba(223,234,243,0.45);
  box-shadow:
    inset 0 1px 0 rgba(107,142,170,0.016),
    0 14px 24px rgba(107,142,170,0.068)
}
html[data-appearance="light"] body.theme-blue #dashboard-section .breakdown-item:hover,
html[data-appearance="light"] body.theme-blue #dashboard-section .profit-box:hover,
html[data-appearance="light"] body.theme-blue #dashboard-section .metric-row:hover {
  background: #f2f7fb;
  border-color: rgba(223,234,243,0.45);
  box-shadow:
    inset 0 1px 0 rgba(107,142,170,0.016),
    0 14px 24px rgba(107,142,170,0.068)
}
html[data-appearance="light"] body.theme-purple {
  --stocks-row-grad-start: #173353;
  --stocks-row-grad-end: #173353;
  --theme-accent: #8151bb;
  --theme-accent-2: #2180cf;
  background-color: #ffffff;
  background-image: none
}
html[data-appearance="light"] body.theme-purple ::selection { background: #8151bb; color: #173353
}
html[data-appearance="light"] body.theme-purple .settings-chip[data-theme="purple"].active {
  background: linear-gradient(135deg, #8151bb, #2180cf);
  border-color: rgba(129,81,187,0.38);
  box-shadow: 0 0 18px rgba(107,142,170,0.12), inset 0 0 0 1px rgba(107,142,170,0.044);
  color: #173353
}
html[data-appearance="light"] body.theme-purple .nav-stats .stat-item { text-shadow: none
}
html[data-appearance="light"] body.theme-purple .settings-cog-btn:hover {
  box-shadow: 0 0 18px rgba(107,142,170,0.11)
}
html[data-appearance="light"] body.theme-purple *::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #8151bb, #2180cf) !important
}
html[data-appearance="light"] body.theme-dark {
  --stocks-row-grad-start: #173353;
  --stocks-row-grad-end: #173353;
  --theme-accent: #009c93;
  --theme-accent-2: #00a47e;
  background-color: #ffffff;
  background-image: none
}
html[data-appearance="light"] body.theme-dark ::selection { background: #009c93; color: #173353
}
html[data-appearance="light"] body.theme-dark .settings-chip[data-theme="dark"].active {
  background: linear-gradient(135deg, #009c93, #00a47e);
  border-color: rgba(0,156,147,0.38);
  box-shadow: 0 0 18px rgba(107,142,170,0.12), inset 0 0 0 1px rgba(107,142,170,0.044);
  color: #173353
}
html[data-appearance="light"] body.theme-dark .nav-stats .stat-item { text-shadow: none
}
html[data-appearance="light"] body.theme-dark .settings-cog-btn:hover {
  box-shadow: 0 0 18px rgba(107,142,170,0.11)
}
html[data-appearance="light"] body.theme-dark *::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #009c93, #009c93) !important
}
html[data-appearance="light"].theme-blue { background-color: #ffffff
}
html[data-appearance="light"].theme-purple { background-color: #ffffff
}
html[data-appearance="light"].theme-dark { background-color: #ffffff
}
@media (max-width: 768px) {
  html[data-appearance="light"] body::before {
    background:
      radial-gradient(circle at 16% 8%, rgba(0,156,147,0.09), transparent 34%),
      radial-gradient(circle at 92% 2%, rgba(33,128,207,0.09), transparent 38%),
      linear-gradient(180deg, rgba(255,255,255,0.08), #ffffff)
  }
  html[data-appearance="light"] .navbar {
    background: linear-gradient(180deg, #ffffff, #ffffff);
    border-bottom-color: rgba(0,156,147,0.18);
    box-shadow: 0 16px 42px rgba(107,142,170,0.068), inset 0 -1px 0 rgba(107,142,170,0.01)
  }
  html[data-appearance="light"] .nav-stats .stat-item {
    border: 1px solid rgba(0,156,147,0.17);
    background:
      linear-gradient(180deg, rgba(136,171,197,0.08), rgba(136,171,197,0.03)),
      #ffffff;
    box-shadow: inset 0 1px 0 rgba(107,142,170,0.016), 0 12px 26px rgba(107,142,170,0.048);
    text-shadow: none
  }
  html[data-appearance="light"] .header-investor-badge {
    border: none;
    background: none;
    box-shadow: none
  }
  html[data-appearance="light"] .nav-menu {
    border: 1px solid rgba(0,156,147,0.18);
    background:
      radial-gradient(circle at 10% 0%, rgba(0,156,147,0.09), transparent 38%),
      linear-gradient(180deg, #ffffff, #ffffff);
    box-shadow: 0 20px 50px rgba(107,142,170,0.092), inset 0 1px 0 rgba(107,142,170,0.02)
  }
  html[data-appearance="light"] .nav-menu li a {
    border: 1px solid rgba(223,234,243,0.45);
    background: rgba(136,171,197,0.055);
    color: #173353;
    box-shadow: inset 0 1px 0 rgba(107,142,170,0.012)
  }
  html[data-appearance="light"] .nav-menu li a:hover,
html[data-appearance="light"] .nav-menu li a.active {
    color: #173353
  }
  html[data-appearance="light"] .nav-menu li a.active {
    background: rgba(136,171,197,0.055);
    border-color: rgba(223,234,243,0.45);
    box-shadow: inset 0 1px 0 rgba(107,142,170,0.012)
  }
  html[data-appearance="light"] #dashboard-section .chart-container,
html[data-appearance="light"] #dashboard-section .performance-chart-container,
html[data-appearance="light"] .chart-container,
html[data-appearance="light"] .performance-chart-container,
html[data-appearance="light"] .panel-zone,
html[data-appearance="light"] #settings-section .settings-card,
html[data-appearance="light"] #profile-section .profile-card,
html[data-appearance="light"] .withdrawals-summary-panel,
html[data-appearance="light"] .leaderboard-header,
html[data-appearance="light"] .leaderboard-card,
html[data-appearance="light"] .leaderboard-popular,
html[data-appearance="light"] .taxes-page .settings-card {
    box-shadow: 0 18px 42px rgba(107,142,170,0.084), inset 0 1px 0 rgba(107,142,170,0.02)
  }
  html[data-appearance="light"] .time-btn {
    border: 1px solid rgba(223,234,243,0.45);
    background: rgba(136,171,197,0.055)
  }
  html[data-appearance="light"] .stocks-table,
html[data-appearance="light"] #withdrawals-table,
html[data-appearance="light"] #stocks-gains-table,
html[data-appearance="light"] #dividends-table,
html[data-appearance="light"] #dividends-monthly-table,
html[data-appearance="light"] .chart-history-table,
html[data-appearance="light"] #users-table,
html[data-appearance="light"] .leaderboard-table table {
    background: #ffffff;
    border: 1px solid rgba(0,156,147,0.1);
    box-shadow: inset 0 1px 0 rgba(107,142,170,0.012), 0 16px 34px rgba(107,142,170,0.052)
  }
  html[data-appearance="light"] .stocks-table::-webkit-scrollbar-thumb,
html[data-appearance="light"] #withdrawals-table::-webkit-scrollbar-thumb,
html[data-appearance="light"] #stocks-gains-table::-webkit-scrollbar-thumb,
html[data-appearance="light"] #dividends-table::-webkit-scrollbar-thumb,
html[data-appearance="light"] #dividends-monthly-table::-webkit-scrollbar-thumb,
html[data-appearance="light"] .chart-history-table::-webkit-scrollbar-thumb,
html[data-appearance="light"] #users-table::-webkit-scrollbar-thumb,
html[data-appearance="light"] .leaderboard-table table::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #009c93, #2180cf)
  }
  html[data-appearance="light"] #stocks-section .stocks-table thead {
    background: transparent;
    box-shadow: none
  }
  html[data-appearance="light"] #stocks-section .stocks-table thead tr {
    box-shadow: 0 10px 18px rgba(107,142,170,0.044)
  }
  html[data-appearance="light"] #stocks-section .stocks-table thead th:last-child,
html[data-appearance="light"] #stocks-section .stocks-table thead th:nth-child(3),
html[data-appearance="light"] #stocks-tbody td[data-field='symbol'],
html[data-appearance="light"] #stocks-tbody td.action-buttons {
    box-shadow: none
  }
  html[data-appearance="light"] #stocks-section .stocks-table thead th:last-child {
    background: var(--stocks-row-grad-start)
  }
  html[data-appearance="light"] #stocks-section .stocks-table thead th:nth-child(3) {
    background: var(--stocks-row-grad-start)
  }
  html[data-appearance="light"] #stocks-tbody td.action-buttons {
    background: transparent
  }
  html[data-appearance="light"] #stocks-tbody td[data-field='symbol'] {
    background: transparent;
    box-shadow: none
  }
  html[data-appearance="light"] #stocks-section .stocks-table thead th:nth-child(3),
html[data-appearance="light"] #stocks-tbody td[data-field='symbol'] {
    background:
      linear-gradient(90deg, #ffffff 0%, #ffffff 82%, #ffffff 100%);
    box-shadow: 12px 0 18px rgba(107,142,170,0.068)
  }
  html[data-appearance="light"] #dividends-monthly-table thead th[data-column='symbol'],
html[data-appearance="light"] #dividends-monthly-table tbody td[data-field='symbol'] {
    background:
      linear-gradient(90deg, #ffffff 0%, #ffffff 82%, #ffffff 100%);
    box-shadow: 12px 0 18px rgba(107,142,170,0.068)
  }
}

@media (max-width: 640px) {
  html[data-appearance="light"] #admin-section .admin-view--users .admin-users-table {
    background: transparent;
    border: none;
    box-shadow: none
  }
  html[data-appearance="light"] #admin-section .admin-view--users #users-table {
    background: transparent;
    border: none;
    box-shadow: none
  }
  html[data-appearance="light"] #admin-section .admin-view--users #users-table tr {
    border: 1px solid rgba(0,156,147,0.16);
    background: linear-gradient(180deg, #ffffff, #ffffff);
    box-shadow: 0 18px 34px rgba(107,142,170,0.048)
  }
  html[data-appearance="light"] #admin-section .admin-view--users #users-table tbody tr.highlight,
html[data-appearance="light"] #admin-section .admin-view--users #users-table tbody tr.selected,
html[data-appearance="light"] #admin-section .admin-view--users #users-table tbody tr:hover {
    border-color: rgba(0,156,147,0.38);
    box-shadow: 0 20px 38px rgba(107,142,170,0.056), 0 0 0 1px rgba(107,142,170,0.028)
  }
  html[data-appearance="light"] #admin-section .admin-view--users #users-table td {
    border-bottom: none
  }
  html[data-appearance="light"] #admin-section .admin-view--users #users-table td::before {
    color: rgba(0,156,147,0.8)
  }
}
html[data-appearance="light"] body,
html[data-appearance="light"] .section,
html[data-appearance="light"] .login-body,
html[data-appearance="light"] .legal-body {
  color: var(--app-text-primary)
}
html[data-appearance="light"] body :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .brand-title,
  .nav-menu li a,
  .header-greeting,
  .settings-menu-btn,
  .settings-label,
  .settings-title,
  .tour-bubble-title,
  .modal-title,
  .account-modal-title,
  .panel-zone-title,
  .chart-container h2,
  .dashboard-advanced-metrics-kicker,
  .dashboard-advanced-metric-label,
  .leaderboard-header h2,
  .leaderboard-card-name,
  .admin-title,
  .admin-sidebar-title,
  .admin-hero-card h2,
  .admin-chart-header,
  .profile-card-title,
  .profile-section-title,
  .legal-card-title,
  .cookie-consent-text strong
) {
  color: var(--app-text-strong) !important
}
html[data-appearance="light"] body :is(
  p,
  label,
  summary,
  .brand-sub,
  .input-label,
  .auth-language-bar,
  .login-input,
  .login-btn.primary,
  .login-btn.ghost:hover,
  .auth-language-select,
  .section-subtitle,
  .table-header,
  .stocks-last-updated,
  .settings-sub,
  .tour-bubble-text,
  .tour-bubble-text strong,
  .tour-btn-skip:hover,
  .time-btn,
  .legend-label,
  .breakdown-label,
  .profit-label,
  .metric-label,
  .dashboard-advanced-metrics-period,
  .dashboard-advanced-metric-meta,
  .leaderboard-subtitle,
  .leaderboard-loaded,
  .leaderboard-card-meta,
  .leaderboard-popular-meta,
  .leaderboard-pagination-left,
  .leaderboard-pagination-right,
  .admin-subtitle,
  .admin-label,
  .admin-side-item,
  .admin-kpi-label,
  .admin-hero-card p,
  .admin-info-card p,
  .admin-support-hero p,
  .admin-support-detail-header p,
  .profile-label,
  .profile-note,
  .profile-meta,
  .legal-card p,
  .legal-card li,
  .legal-table th,
  .legal-table td,
  .app-footer,
  .app-footer-nav a,
  .consent-row,
  .consent-row a
) {
  color: var(--app-text-primary) !important
}
html[data-appearance="light"] .stocks-table th,
html[data-appearance="light"] .stocks-table td:not([data-field='allocation']):not([data-field='price_change']):not(.amount-positive):not(.amount-negative):not(.positive):not(.negative),
html[data-appearance="light"] #stocks-section td[data-field="symbol"],
html[data-appearance="light"] #stocks-section td[data-field="company"],
html[data-appearance="light"] #stocks-section td[data-field="shares"],
html[data-appearance="light"] #stocks-section td[data-field="share_price"],
html[data-appearance="light"] #stocks-section td[data-field="broker"],
html[data-appearance="light"] #stocks-section td[data-field="sector"],
html[data-appearance="light"] #stocks-section td[data-field="risk"],
html[data-appearance="light"] #deposits-tbody td,
html[data-appearance="light"] #withdrawals-table-body td:not(.amount-positive):not(.amount-negative):not(.positive):not(.negative),
html[data-appearance="light"] #stocks-gains-table-body td:not(.amount-positive):not(.amount-negative):not(.positive):not(.negative),
html[data-appearance="light"] #dividends-table tbody td,
html[data-appearance="light"] #dividends-monthly-table tbody td,
html[data-appearance="light"] .leaderboard-table thead th,
html[data-appearance="light"] .leaderboard-table tbody td,
html[data-appearance="light"] .admin-table-panel .data-table th,
html[data-appearance="light"] .admin-table-panel .data-table td:not(.positive):not(.negative),
html[data-appearance="light"] #admin-section .admin-users-table thead th,
html[data-appearance="light"] #admin-section .admin-users-table tbody td:not(.positive):not(.negative),
html[data-appearance="light"] .taxes-table th,
html[data-appearance="light"] .taxes-table td:not(.amount-positive):not(.amount-negative):not(.tax-amount-positive):not(.tax-amount-negative) {
  color: var(--app-text-primary) !important
}
html[data-appearance="light"] .breakdown-value-white,
html[data-appearance="light"] #dashboard-section .wide-panel-grid .breakdown-value-white,
html[data-appearance="light"] #dashboard-section .wide-panel-grid > .panel-zone:nth-child(2) .breakdown-value-white,
html[data-appearance="light"] #deposits-section .deposits-breakdown .breakdown-value-white,
html[data-appearance="light"] #deposits-section .deposits-breakdown .breakdown-item.total-deposits-row .breakdown-value-white {
  color: var(--app-text-primary) !important;
  text-shadow: none !important
}
html[data-appearance="light"] body :is(
  .column-filter-toggle,
  .column-filter-option,
  .download-menu-item,
  .profile-value:not(.positive):not(.negative),
  .metric-value:not(.positive):not(.negative):not(.warning),
  .dashboard-advanced-metric-value:not(.positive):not(.negative):not(.warning),
  .admin-kpi-value,
  .admin-ops-row span,
  .admin-support-timeline-item span,
  .admin-support-timeline-item small,
  .admin-support-note small,
  .cookie-consent-text,
  .cookie-btn.ghost,
  .legal-card-footer-nav a
) {
  color: var(--app-text-muted) !important
}
html[data-appearance="light"] .stocks-table input,
html[data-appearance="light"] .stocks-table select,
html[data-appearance="light"] input,
html[data-appearance="light"] select,
html[data-appearance="light"] textarea {
  color: var(--app-text-strong)
}
html[data-appearance="light"] #dashboard-section .chart-container,
html[data-appearance="light"] #dashboard-section .performance-chart-container,
html[data-appearance="light"] #dashboard-section .dashboard-metrics-overlay,
html[data-appearance="light"] #dashboard-section .wide-panel-grid > .panel-zone,
html[data-appearance="light"] #dashboard-section .dashboard-advanced-metrics-panel,
html[data-appearance="light"] #dashboard-section .dashboard-advanced-metric-card {
  background: var(--profile-gray-panel-bg) !important;
  border: 1px solid var(--profile-gray-panel-border) !important;
  box-shadow: var(--profile-gray-panel-shadow) !important
}
html[data-appearance="light"] #dashboard-section .chart-container:hover,
html[data-appearance="light"] #dashboard-section .performance-chart-container:hover,
html[data-appearance="light"] #dashboard-section .dashboard-metrics-overlay:hover,
html[data-appearance="light"] #dashboard-section .wide-panel-grid > .panel-zone:hover,
html[data-appearance="light"] #dashboard-section .dashboard-advanced-metrics-panel:hover,
html[data-appearance="light"] #dashboard-section .dashboard-advanced-metric-card:hover {
  background: var(--profile-gray-panel-bg) !important;
  border-color: var(--profile-gray-panel-border) !important;
  box-shadow: var(--profile-gray-panel-shadow) !important
}
html[data-appearance="light"] #dashboard-section .dashboard-advanced-metrics-panel .dashboard-advanced-metric-card,
html[data-appearance="light"] #dashboard-section .dashboard-advanced-metrics-panel .dashboard-advanced-metric-card:hover {
  background: #f2f7fb !important;
  border-color: var(--profile-gray-panel-border) !important;
  box-shadow: var(--profile-gray-panel-shadow) !important
}
html[data-appearance="light"] #stocks-section {
  --stocks-table-header-bg: rgba(136,171,197,0.09);
  --stocks-gray-panel-bg: rgba(136,171,197,0.045);
  --stocks-gray-panel-bg-hover: rgba(136,171,197,0.065);
  --stocks-gray-panel-border: rgba(223,234,243,0.45)
}
html[data-appearance="light"] #stocks-section .stocks-table {
  background: rgba(136,171,197,0.035) !important;
  border: 1px solid var(--stocks-gray-panel-border) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #stocks-section .stocks-table thead {
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #stocks-section .stocks-table thead tr,
html[data-appearance="light"] #stocks-section #stocks-tbody tr {
  border-color: var(--stocks-gray-panel-border) !important
}
html[data-appearance="light"] #stocks-section .stocks-table thead tr {
  background: var(--stocks-table-header-bg) !important;
  border: 0 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #stocks-section .stocks-table thead th {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--stocks-gray-panel-border) !important;
  color: #173353 !important
}
html[data-appearance="light"] #stocks-section #stocks-tbody {
  background: var(--stocks-gray-panel-bg)
}
html[data-appearance="light"] #stocks-section #stocks-tbody tr {
  background: transparent !important;
  border: 0 !important;
  box-shadow: inset 0 1px 0 var(--stocks-gray-panel-border) !important
}
html[data-appearance="light"] #stocks-section #stocks-tbody tr:hover {
  background: var(--stocks-gray-panel-bg-hover) !important;
  border-color: var(--stocks-gray-panel-border) !important;
  box-shadow: var(--stocks-gray-panel-shadow) !important
}
html[data-appearance="light"] :is(#deposits-section, #withdrawals-section, #dividends-section, #stocks-gains-section) {
  --premium-table-header-bg: rgba(136,171,197,0.09);
  --premium-table-body-bg: rgba(136,171,197,0.045);
  --premium-table-row-hover-bg: rgba(136,171,197,0.065);
  --premium-table-border: rgba(223,234,243,0.45);
  --premium-table-text: #173353
}
html[data-appearance="light"] :is(
  #deposits-section .stocks-table,
  #withdrawals-section #withdrawals-table,
  #dividends-section #dividends-table,
  #dividends-section #dividends-monthly-table,
  #stocks-gains-section #stocks-gains-table
) {
  background: var(--premium-table-body-bg) !important;
  border: 1px solid var(--premium-table-border) !important;
  box-shadow: none !important
}
html[data-appearance="light"] :is(
  #deposits-section .stocks-table thead,
  #withdrawals-section #withdrawals-table thead,
  #dividends-section #dividends-table thead,
  #dividends-section #dividends-monthly-table thead,
  #stocks-gains-section #stocks-gains-table thead
) {
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] :is(
  #deposits-section .stocks-table thead tr,
  #withdrawals-section #withdrawals-table thead tr,
  #dividends-section #dividends-table thead tr,
  #dividends-section #dividends-monthly-table thead tr,
  #stocks-gains-section #stocks-gains-table thead tr
) {
  background: var(--premium-table-header-bg) !important;
  border: 0 !important;
  box-shadow: none !important
}
html[data-appearance="light"] :is(
  #deposits-section .stocks-table thead th,
  #withdrawals-section #withdrawals-table thead th,
  #dividends-section #dividends-table thead th,
  #dividends-section #dividends-monthly-table thead th,
  #stocks-gains-section #stocks-gains-table thead th
) {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--premium-table-border) !important;
  color: var(--premium-table-text) !important;
  box-shadow: none !important;
  text-shadow: none !important
}
html[data-appearance="light"] :is(
  #deposits-section .stocks-table tbody,
  #withdrawals-section #withdrawals-table tbody,
  #stocks-gains-section #stocks-gains-table tbody
) {
  background: var(--premium-table-body-bg) !important
}
html[data-appearance="light"] :is(
  #deposits-section #deposits-tbody tr,
  #withdrawals-section #withdrawals-table-body tr,
  #stocks-gains-section #stocks-gains-table-body tr
) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: inset 0 1px 0 var(--premium-table-border) !important
}
html[data-appearance="light"] :is(
  #deposits-section #deposits-tbody tr:hover,
  #withdrawals-section #withdrawals-table-body tr:hover,
  #stocks-gains-section #stocks-gains-table-body tr:hover,
  #dividends-section #dividends-table tbody tr:hover,
  #dividends-section #dividends-monthly-table tbody tr:hover
) {
  background: var(--premium-table-row-hover-bg) !important;
  border-color: var(--premium-table-border) !important;
  box-shadow: none !important
}
html[data-appearance="light"] :is(
  #deposits-section #deposits-tbody td,
  #withdrawals-section #withdrawals-table-body td,
  #stocks-gains-section #stocks-gains-table-body td
) {
  background: transparent !important;
  border: 0 !important
}
html[data-appearance="light"] :is(
  #dividends-section #dividends-table tbody td,
  #dividends-section #dividends-monthly-table tbody td
) {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--premium-table-border) !important
}
html[data-appearance="light"] :is(
  #dividends-section #dividends-table tbody tr,
  #dividends-section #dividends-monthly-table tbody tr
) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important
}
html[data-appearance="light"] body.theme-blue:has(#dashboard-section.active),
html[data-appearance="light"] body:has(#dashboard-section.active) {
  background-color: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] body.theme-blue:has(#dashboard-section.active) .container,
html[data-appearance="light"] body:has(#dashboard-section.active) .container,
html[data-appearance="light"] #dashboard-section.active {
  background: #ffffff !important
}
html[data-appearance="light"] #dashboard-section {
  --dashboard-android-page-bg: #ffffff;
  --dashboard-android-panel-bg: #f2f7fb;
  --dashboard-android-panel-bg-hover: #f2f7fb;
  --dashboard-android-panel-border: rgba(0,156,147,0.08)
}
html[data-appearance="light"] body.theme-blue #dashboard-section .chart-container,
html[data-appearance="light"] body.theme-blue #dashboard-section .performance-chart-container,
html[data-appearance="light"] body.theme-blue #dashboard-section .dashboard-metrics-overlay,
html[data-appearance="light"] body.theme-blue #dashboard-section .wide-panel-grid > .panel-zone,
html[data-appearance="light"] body.theme-blue #dashboard-section .dashboard-advanced-metrics-panel,
html[data-appearance="light"] body.theme-blue #dashboard-section .dashboard-advanced-metric-card,
html[data-appearance="light"] #dashboard-section .chart-container,
html[data-appearance="light"] #dashboard-section .performance-chart-container,
html[data-appearance="light"] #dashboard-section .dashboard-metrics-overlay,
html[data-appearance="light"] #dashboard-section .wide-panel-grid > .panel-zone,
html[data-appearance="light"] #dashboard-section .dashboard-advanced-metrics-panel,
html[data-appearance="light"] #dashboard-section .dashboard-advanced-metric-card {
  background: var(--dashboard-android-panel-bg) !important;
  border: 1px solid var(--dashboard-android-panel-border) !important;
  box-shadow: var(--dashboard-android-panel-shadow) !important
}
html[data-appearance="light"] body.theme-blue #dashboard-section .dashboard-advanced-metric-card,
html[data-appearance="light"] #dashboard-section .dashboard-advanced-metric-card {
  box-shadow: var(--dashboard-android-panel-shadow-soft) !important
}
html[data-appearance="light"] body.theme-blue #dashboard-section .chart-container:hover,
html[data-appearance="light"] body.theme-blue #dashboard-section .performance-chart-container:hover,
html[data-appearance="light"] body.theme-blue #dashboard-section .dashboard-metrics-overlay:hover,
html[data-appearance="light"] body.theme-blue #dashboard-section .wide-panel-grid > .panel-zone:hover,
html[data-appearance="light"] body.theme-blue #dashboard-section .dashboard-advanced-metrics-panel:hover,
html[data-appearance="light"] body.theme-blue #dashboard-section .dashboard-advanced-metric-card:hover,
html[data-appearance="light"] #dashboard-section .chart-container:hover,
html[data-appearance="light"] #dashboard-section .performance-chart-container:hover,
html[data-appearance="light"] #dashboard-section .dashboard-metrics-overlay:hover,
html[data-appearance="light"] #dashboard-section .wide-panel-grid > .panel-zone:hover,
html[data-appearance="light"] #dashboard-section .dashboard-advanced-metrics-panel:hover,
html[data-appearance="light"] #dashboard-section .dashboard-advanced-metric-card:hover {
  background: var(--dashboard-android-panel-bg-hover) !important;
  border-color: var(--dashboard-android-panel-border) !important;
  box-shadow: var(--dashboard-android-panel-shadow) !important
}
html[data-appearance="light"] body.theme-blue #dashboard-section .dashboard-advanced-metric-card:hover,
html[data-appearance="light"] #dashboard-section .dashboard-advanced-metric-card:hover {
  box-shadow: var(--dashboard-android-panel-shadow-soft) !important
}
html[data-appearance="light"] {
  --app-page-surface-bg: #ffffff;
  --app-dashboard-panel-surface-bg: #f2f7fb;
  --app-dashboard-panel-surface-hover-bg: #f2f7fb;
  --app-table-surface-border: rgba(223,234,243,0.45)
}
html[data-appearance="light"] :is(
  .stocks-table,
  .data-table,
  #taxes-section .taxes-table,
  .chart-history-table,
  .leaderboard-table table,
  #admin-section .admin-users-table table,
  #admin-section .admin-support-top-stocks-table,
  .admin-table-panel .data-table,
  .legal-table
) {
  background: var(--app-dashboard-panel-surface-bg) !important;
  border-color: var(--app-table-surface-border) !important;
  background-image: none !important
}
html[data-appearance="light"] :is(
  .stocks-table thead,
  .stocks-table thead tr,
  .data-table thead,
  .data-table thead tr,
  #taxes-section .taxes-table thead,
  #taxes-section .taxes-table thead tr,
  .chart-history-table thead,
  .chart-history-table thead tr,
  .leaderboard-table thead,
  .leaderboard-table thead tr,
  #admin-section .admin-users-table thead,
  #admin-section .admin-users-table thead tr,
  #admin-section .admin-support-top-stocks-table thead,
  #admin-section .admin-support-top-stocks-table thead tr,
  .admin-table-panel .data-table thead,
  .admin-table-panel .data-table thead tr,
  .legal-table thead,
  .legal-table thead tr
) {
  background: var(--app-page-surface-bg) !important;
  background-image: none !important
}
html[data-appearance="light"] :is(
  .stocks-table thead th,
  .data-table thead th,
  #taxes-section .taxes-table thead th,
  .chart-history-table thead th,
  .leaderboard-table thead th,
  #admin-section .admin-users-table thead th,
  #admin-section .admin-support-top-stocks-table thead th,
  .admin-table-panel .data-table thead th,
  .legal-table thead th
) {
  background: var(--app-page-surface-bg) !important;
  background-image: none !important;
  border-bottom-color: var(--app-table-surface-border) !important
}
html[data-appearance="light"] :is(
  .stocks-table tbody,
  .data-table tbody,
  #taxes-section .taxes-table tbody,
  #taxes-section .taxes-table tfoot,
  .chart-history-table tbody,
  .leaderboard-table tbody,
  #admin-section .admin-users-table tbody,
  #admin-section .admin-support-top-stocks-table tbody,
  .admin-table-panel .data-table tbody,
  .legal-table tbody
) {
  background: var(--app-dashboard-panel-surface-bg) !important;
  background-image: none !important
}
html[data-appearance="light"] :is(
  #stocks-section #stocks-tbody tr,
  #deposits-section #deposits-tbody tr,
  #withdrawals-section #withdrawals-table-body tr,
  #dividends-section #dividends-table tbody tr,
  #dividends-section #dividends-monthly-table tbody tr,
  #stocks-gains-section #stocks-gains-table-body tr,
  #taxes-section .taxes-table tbody tr,
  #taxes-section .taxes-table tfoot tr,
  .chart-history-table tbody tr,
  .leaderboard-table tbody tr,
  #admin-section .admin-users-table tbody tr,
  #admin-section .admin-support-top-stocks-table tbody tr,
  .admin-table-panel .data-table tbody tr,
  .legal-table tbody tr
) {
  background: var(--app-dashboard-panel-surface-bg) !important;
  background-image: none !important
}
html[data-appearance="light"] :is(
  #stocks-section #stocks-tbody tr:hover,
  #deposits-section #deposits-tbody tr:hover,
  #withdrawals-section #withdrawals-table-body tr:hover,
  #dividends-section #dividends-table tbody tr:hover,
  #dividends-section #dividends-monthly-table tbody tr:hover,
  #stocks-gains-section #stocks-gains-table-body tr:hover,
  #taxes-section .taxes-table tbody tr:hover,
  .chart-history-table tbody tr:hover,
  .leaderboard-table tbody tr:hover,
  #admin-section .admin-users-table tbody tr:hover,
  #admin-section .admin-support-top-stocks-table tbody tr:hover,
  .admin-table-panel .data-table tbody tr:hover,
  .legal-table tbody tr:hover
) {
  background: var(--app-dashboard-panel-surface-hover-bg) !important;
  background-image: none !important
}
html[data-appearance="light"] :is(
  .stocks-table tbody td,
  .data-table tbody td,
  #taxes-section .taxes-table tbody td,
  #taxes-section .taxes-table tfoot td,
  .chart-history-table tbody td,
  .leaderboard-table tbody td,
  #admin-section .admin-users-table tbody td,
  #admin-section .admin-support-top-stocks-table tbody td,
  .admin-table-panel .data-table tbody td,
  .legal-table tbody td
) {
  background: transparent !important;
  background-image: none !important
}
html[data-appearance="light"] #profile-section .profile-table {
  background: var(--app-dashboard-panel-surface-bg) !important;
  background-image: none !important
}
html[data-appearance="light"] #profile-section .profile-table-row.profile-table-head {
  background: var(--app-page-surface-bg) !important;
  background-image: none !important
}
html[data-appearance="light"] #profile-section .profile-table-row:not(.profile-table-head) {
  background: var(--app-dashboard-panel-surface-bg) !important;
  background-image: none !important
}
html[data-appearance="light"] .nav-stats .stat-item {
  border: 0 !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] .nav-stats .stat-item--balance,
html[data-appearance="light"] .nav-stats .stat-item--profit {
  text-shadow: none !important
}
html[data-appearance="light"] :is(
  #stocks-section .stocks-table thead th,
  #deposits-section .stocks-table thead th,
  #withdrawals-section #withdrawals-table thead th,
  #dividends-section #dividends-monthly-table thead th,
  #stocks-gains-section #stocks-gains-table thead th
):has(.column-filter-toggle.active) {
  color: #009c93 !important
}
html[data-appearance="light"] :is(
  #stocks-section .stocks-table thead th,
  #deposits-section .stocks-table thead th,
  #withdrawals-section #withdrawals-table thead th,
  #dividends-section #dividends-monthly-table thead th,
  #stocks-gains-section #stocks-gains-table thead th
):has(.column-filter-toggle.active) :is(.th-label, .sort-icon) {
  color: #009c93 !important
}
html[data-appearance="light"] #stocks-gains-section .realized-pl-table-scroll::-webkit-scrollbar-track {
  background: rgba(136,171,197,0.035)
}
html[data-appearance="light"] #stocks-gains-section .realized-pl-table-scroll::-webkit-scrollbar-thumb {
  background: #009c93
}
html[data-appearance="light"] #stocks-gains-section #stocks-gains-table thead {
  background: transparent !important
}
html[data-appearance="light"] #stocks-gains-section #stocks-gains-table tbody {
  background: transparent !important
}
html[data-appearance="light"] #stocks-gains-section #stocks-gains-table thead tr,
html[data-appearance="light"] #stocks-gains-section #stocks-gains-table-body tr {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #stocks-gains-section #stocks-gains-table thead th,
html[data-appearance="light"] #stocks-gains-section #stocks-gains-table-body td {
  background: transparent !important
}
html[data-appearance="light"] #settings-section,
html[data-appearance="light"] #settings-section *,
html[data-appearance="light"] #settings-section *::before,
html[data-appearance="light"] #settings-section *::after {
  background-image: none !important
}
html[data-appearance="light"] #settings-section.section {
  background: var(--app-page-surface-bg, #ffffff) !important
}
html[data-appearance="light"] #settings-section {
  --settings-compact-bg: var(--app-page-surface-bg, #ffffff);
  --settings-compact-panel: #ffffff;
  --settings-compact-field: #ffffff;
  --settings-compact-line: rgba(223,234,243,0.45);
  --settings-compact-border: rgba(223,234,243,0.45);
  --settings-compact-text: var(--app-soft-text, #173353);
  --settings-compact-muted: #637f9a;
  --settings-compact-accent: #009c93
}
html[data-appearance="light"] #settings-section .settings-page.settings-page--control-center {
  border: 0 !important;
  background: var(--settings-compact-bg) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-side-panel {
  border: 0 !important;
  border-right: 1px solid var(--settings-compact-line) !important;
  background: var(--settings-compact-panel) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-side-title {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section .settings-side-link {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--settings-compact-text) !important
}
html[data-appearance="light"] #settings-section .settings-side-link::before {
  background: var(--settings-compact-accent) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-side-link.is-active {
  background: rgba(0,156,147,0.09) !important;
  color: var(--settings-compact-accent) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-side-icon {
  color: currentColor !important
}
html[data-appearance="light"] #settings-section .settings-main-panel {
  background: var(--settings-compact-bg) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-breadcrumb {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section .settings-breadcrumb span:last-child {
  color: var(--settings-compact-text) !important
}
html[data-appearance="light"] #settings-section #settings-page-title {
  color: var(--settings-compact-text) !important
}
html[data-appearance="light"] #settings-section #settings-page-subtitle {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section .settings-primary-action {
  border: 0 !important;
  background: var(--settings-compact-accent) !important;
  color: #173353 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-view-rule {
  background: var(--settings-compact-line) !important
}
html[data-appearance="light"] #settings-section .settings-card-stack {
  background: transparent !important
}
html[data-appearance="light"] #settings-section .settings-card-stack > details.settings-card {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-card .settings-content {
  background: transparent !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-platform-layout {
  background: transparent !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-form-section {
  border: 0 !important;
  border-bottom: 1px solid var(--settings-compact-line) !important;
  background: transparent !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-intro {
  border-right: 1px solid var(--settings-compact-line) !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-number {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-intro h2 {
  color: var(--settings-compact-text) !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-intro p {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section #platform-settings-card label,
html[data-appearance="light"] #settings-section #account-settings-card label,
html[data-appearance="light"] #settings-section #contact-us-card label {
  color: var(--settings-compact-text) !important
}
html[data-appearance="light"] #settings-section #platform-settings-card input,
html[data-appearance="light"] #settings-section #platform-settings-card select,
html[data-appearance="light"] #settings-section #account-settings-card input,
html[data-appearance="light"] #settings-section #contact-us-card input,
html[data-appearance="light"] #settings-section #contact-us-card select,
html[data-appearance="light"] #settings-section #contact-us-card textarea {
  border: 1px solid var(--settings-compact-border) !important;
  background: var(--settings-compact-field) !important;
  color: var(--settings-compact-text) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-input-shell {
  border: 1px solid var(--settings-compact-border) !important;
  background: var(--settings-compact-field) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-input-shell input {
  border: 0 !important;
  background: transparent !important
}
html[data-appearance="light"] #settings-section .settings-input-addon {
  border-left: 1px solid var(--settings-compact-line) !important;
  background: rgba(136,171,197,0.035) !important;
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-action-btn,
html[data-appearance="light"] #settings-section #account-settings-card .account-btn,
html[data-appearance="light"] #settings-section #contact-us-card .settings-action-btn {
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-action-btn.save,
html[data-appearance="light"] #settings-section #platform-settings-card .settings-action-btn.edit,
html[data-appearance="light"] #settings-section #account-settings-card .account-btn.save,
html[data-appearance="light"] #settings-section #account-settings-card .account-btn.edit,
html[data-appearance="light"] #settings-section #contact-us-card .settings-action-btn.save {
  border-color: transparent !important;
  background: var(--settings-compact-accent) !important;
  color: #173353 !important
}
html[data-appearance="light"] #settings-section .settings-card-stack .billing-panel,
html[data-appearance="light"] #settings-section .settings-card-stack .chart-history-panel,
html[data-appearance="light"] #settings-section .settings-card-stack .fi-formula-library,
html[data-appearance="light"] #settings-section .settings-card-stack .download-data-actions,
html[data-appearance="light"] #settings-section .settings-card-stack .contact-form {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-card-stack .billing-hero,
html[data-appearance="light"] #settings-section .settings-card-stack .billing-detail-card,
html[data-appearance="light"] #settings-section .settings-card-stack .chart-history-card,
html[data-appearance="light"] #settings-section .settings-card-stack .fi-formula-card {
  background: var(--settings-compact-panel) !important;
  box-shadow: none !important
}

@media (max-width: 1120px) {
  html[data-appearance="light"] #settings-section .settings-side-panel {
    border-right: 0 !important;
    border-bottom: 1px solid var(--settings-compact-line) !important
  }
  html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-intro {
    border-right: 0 !important
  }
}
html[data-appearance="light"] #settings-section.banymay-settings,
html[data-appearance="light"] #settings-section.banymay-settings *,
html[data-appearance="light"] #settings-section.banymay-settings *::before,
html[data-appearance="light"] #settings-section.banymay-settings *::after {
  background-image: none !important;
  text-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings.section {
  background: #ffffff !important;
  color: #173353 !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-page.settings-page--control-center {
  border: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-panel {
  border: 0 !important;
  border-right: 1px solid rgba(223,234,243,0.45) !important;
  background: #ffffff !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-title {
  color: #637f9a !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-link {
  border: 0 !important;
  background: transparent !important;
  color: #173353 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-link::before {
  background: transparent !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-link:hover {
  color: #173353 !important;
  background: rgba(136,171,197,0.025) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-link[aria-selected="true"] {
  color: #009c93 !important;
  background: #f2f7fb !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-link[aria-selected="true"]::before {
  background: #009c93 !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-icon {
  color: currentColor !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-main-panel {
  border: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-topbar {
  border-bottom: 1px solid rgba(223,234,243,0.45) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-breadcrumb {
  color: #637f9a !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-breadcrumb-current {
  color: #173353 !important
}
html[data-appearance="light"] #settings-section.banymay-settings #settings-page-title {
  color: #173353 !important
}
html[data-appearance="light"] #settings-section.banymay-settings #settings-page-subtitle {
  color: #637f9a !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-primary-action {
  border: 0 !important;
  background: #009c93 !important;
  color: #173353 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-primary-action:hover {
  background: #009c93 !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-form-section {
  border: 0 !important;
  border-bottom: 1px solid rgba(223,234,243,0.45) !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-form-section:last-child {
  border-bottom: 0 !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-section-copy {
  border-right: 1px solid rgba(223,234,243,0.45) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-section-index {
  color: #637f9a !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-section-copy h2 {
  color: #173353 !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-section-copy p {
  color: #637f9a !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-field > label,
html[data-appearance="light"] #settings-section.banymay-settings .account-field > label {
  color: #173353 !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-field input,
html[data-appearance="light"] #settings-section.banymay-settings .settings-field select,
html[data-appearance="light"] #settings-section.banymay-settings .settings-field textarea,
html[data-appearance="light"] #settings-section.banymay-settings .account-field input,
html[data-appearance="light"] #settings-section.banymay-settings .contact-field input,
html[data-appearance="light"] #settings-section.banymay-settings .contact-field select,
html[data-appearance="light"] #settings-section.banymay-settings .contact-field textarea {
  border: 1px solid rgba(223,234,243,0.45) !important;
  background: #ffffff !important;
  color: #173353 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-field input:focus,
html[data-appearance="light"] #settings-section.banymay-settings .settings-field select:focus,
html[data-appearance="light"] #settings-section.banymay-settings .settings-field textarea:focus,
html[data-appearance="light"] #settings-section.banymay-settings .account-field input:focus,
html[data-appearance="light"] #settings-section.banymay-settings .contact-field input:focus,
html[data-appearance="light"] #settings-section.banymay-settings .contact-field select:focus,
html[data-appearance="light"] #settings-section.banymay-settings .contact-field textarea:focus {
  border-color: rgba(0,156,147,0.38) !important;
  outline: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-field input[readonly],
html[data-appearance="light"] #settings-section.banymay-settings .settings-field select:disabled,
html[data-appearance="light"] #settings-section.banymay-settings .account-field input[readonly] {
  color: #173353 !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-input-group,
html[data-appearance="light"] #settings-section.banymay-settings .account-password-field {
  border: 1px solid rgba(223,234,243,0.45) !important;
  background: #ffffff !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-input-group input,
html[data-appearance="light"] #settings-section.banymay-settings .account-password-field input {
  border: 0 !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-input-addon,
html[data-appearance="light"] #settings-section.banymay-settings .account-eye-toggle {
  border: 0 !important;
  border-left: 1px solid rgba(223,234,243,0.45) !important;
  background: rgba(136,171,197,0.025) !important;
  color: #637f9a !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .account-actions--hidden-controls,
html[data-appearance="light"] #settings-section.banymay-settings #platform-settings-card .settings-actions--platform,
html[data-appearance="light"] #settings-section.banymay-settings .settings-actions--platform {
  border: 0 !important
}

@media (max-width: 1180px) {
  html[data-appearance="light"] #settings-section.banymay-settings .settings-side-panel {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(223,234,243,0.45) !important
  }
  html[data-appearance="light"] #settings-section.banymay-settings .settings-section-copy {
    border-right: 0 !important
  }
}
html[data-appearance="light"] #dividends-section.dividends-page {
  background: transparent !important;
  background-image: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page {
  --deposits-panel: #ffffff;
  --deposits-border: rgba(223,234,243,0.45);
  --deposits-border-soft: rgba(223,234,243,0.45);
  --deposits-text: #173353;
  --deposits-strong: #173353;
  --deposits-muted: #637f9a;
  --deposits-cyan: #009c93;
  --deposits-green: #009c93;
  background: transparent !important;
  background-image: none !important;
  color: var(--deposits-text) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-page-title {
  color: #173353 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-page-subtitle {
  color: var(--deposits-muted) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-primary-btn {
  border: 0 !important;
  background: #009c93 !important;
  color: #173353 !important;
  box-shadow: 0 10px 24px rgba(107,142,170,0.034) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-last-updated {
  color: var(--deposits-muted) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-band,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-history-card,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-chart-card {
  border: 1px solid var(--deposits-border) !important;
  background: var(--deposits-panel) !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-item {
  border-left: 1px solid var(--deposits-border) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-item:first-child {
  border-left: 0 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-label,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-mini-label {
  color: #637f9a !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-value {
  color: var(--deposits-strong) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-value.positive {
  color: var(--deposits-green) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-value.negative {
  color: #e74762 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-total-deposits {
  border-right: 1px solid var(--deposits-border) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-total-deposits .deposits-summary-title {
  color: #637f9a !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-total-deposits #total-deposits-embedded {
  color: var(--deposits-strong) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-breakdown .panel-zone-title {
  color: #173353 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-breakdown .breakdown-item {
  border: 0 !important;
  border-left: 1px solid var(--deposits-border-soft) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-breakdown .breakdown-item:first-child {
  border-left: 0 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-breakdown .breakdown-label {
  color: #637f9a !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-breakdown .breakdown-value {
  color: #173353 !important;
  text-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-history-title {
  color: #173353 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-record-count {
  color: var(--deposits-muted) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-view-switch {
  border: 1px solid rgba(223,234,243,0.45) !important;
  background: #ffffff !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-view-switch .allocation-option {
  border: 0 !important;
  background: transparent !important;
  color: #637f9a !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-view-switch .allocation-option.active {
  color: #009c93 !important;
  border: 1px solid rgba(0,156,147,0.38) !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 1px rgba(107,142,170,0.016) inset !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-filter-control select,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-filter-control input {
  border: 1px solid rgba(223,234,243,0.45) !important;
  background: #ffffff !important;
  color: #173353 !important;
  box-shadow: none !important;
  outline: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-table-scroll {
  border-top: 1px solid var(--deposits-border-soft) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table {
  background: transparent !important;
  color: var(--deposits-text) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table thead {
  background: #ffffff !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tr {
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table th,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table td {
  border: 0 !important;
  border-bottom: 1px solid var(--deposits-border-soft) !important;
  background: transparent !important;
  color: #173353 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table th {
  background: #ffffff !important;
  color: #637f9a !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tbody tr:hover td {
  background: transparent !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table input[type="checkbox"] {
  accent-color: #009c93 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table .action-menu-toggle,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table .row-menu-btn {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #173353 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-pagination-wrapper {
  border-top: 1px solid var(--deposits-border-soft) !important;
  background: transparent !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .monthly-pagination-left,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .monthly-pagination-right {
  color: #173353 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .monthly-pagination-left label,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .monthly-pagination-info {
  color: #173353 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page #deposits-page-size,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-pagination-wrapper .monthly-page-btn {
  border: 1px solid rgba(223,234,243,0.45) !important;
  background: #ffffff !important;
  color: #173353 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-pagination-wrapper .monthly-page-btn.active {
  border-color: rgba(0,156,147,0.38) !important;
  background: rgba(0,156,147,0.09) !important;
  color: #009c93 !important
}

@media (max-width: 1180px) {
  html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-total-deposits {
    border-right: 0 !important;
    border-bottom: 1px solid var(--deposits-border-soft) !important
  }
}

@media (max-width: 760px) {
  html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-item,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-breakdown .breakdown-item {
    border-left: 0 !important;
    border-top: 1px solid var(--deposits-border-soft) !important
  }
  html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-item:first-child,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-breakdown .breakdown-item:first-child {
    border-top: 0 !important
  }
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page {
  --deposits-final-bg: #ffffff;
  --deposits-final-panel: #ffffff;
  --deposits-final-panel-strong: #ffffff;
  --deposits-final-border: rgba(223,234,243,0.45);
  --deposits-final-border-soft: rgba(223,234,243,0.45);
  --deposits-final-text: #173353;
  --deposits-final-muted: #637f9a;
  --deposits-final-cyan: #009c93;
  background: var(--deposits-final-bg) !important;
  background-image: none !important;
  color: var(--deposits-final-text) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-page-title {
  color: #173353 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-page-subtitle {
  color: var(--deposits-final-muted) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-primary-btn {
  border: 0 !important;
  background: #009c93 !important;
  color: #173353 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-last-updated {
  color: var(--deposits-final-muted) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-band {
  border: 1px solid var(--deposits-final-border) !important;
  background: var(--deposits-final-panel) !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-item {
  border-left: 1px solid rgba(223,234,243,0.45) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-item:first-child {
  border-left: 0 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-label,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-mini-label {
  color: #637f9a !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-value {
  color: #173353 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-value.positive {
  color: #009c93 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-value.negative {
  color: #e74762 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-total-deposits {
  border-right: 1px solid rgba(223,234,243,0.45) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-total-deposits .deposits-summary-title {
  color: #637f9a !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-total-deposits #total-deposits-embedded {
  color: #173353 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-breakdown .panel-zone-title {
  color: #173353 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-breakdown #deposits-money-invested-list .breakdown-item {
  border: 0 !important;
  border-left: 1px solid rgba(223,234,243,0.45) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-breakdown #deposits-money-invested-list .breakdown-item:first-child {
  border-left: 0 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-breakdown .breakdown-label {
  color: #637f9a !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-breakdown .breakdown-value {
  color: #173353 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-history-card {
  border: 1px solid var(--deposits-final-border) !important;
  background: var(--deposits-final-panel) !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-history-title {
  color: #173353 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-record-count {
  color: var(--deposits-final-muted) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-view-switch .allocation-option {
  border: 1px solid rgba(223,234,243,0.45) !important;
  background: #ffffff !important;
  color: #173353 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-view-switch .allocation-option.active {
  border-color: rgba(0,156,147,0.38) !important;
  background: rgba(0,156,147,0.09) !important;
  color: var(--deposits-final-cyan) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-filter-control select,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-filter-control input {
  border: 1px solid rgba(223,234,243,0.45) !important;
  background-color: #ffffff !important;
  color: #173353 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-date-control .deposits-date-placeholder {
  color: #637f9a !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-table-scroll {
  border-top: 1px solid var(--deposits-final-border-soft) !important;
  border-bottom: 1px solid var(--deposits-final-border-soft) !important;
  scrollbar-color: rgba(223,234,243,0.58) rgba(223,234,243,0.48) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-table-scroll::-webkit-scrollbar-thumb {
  background: #ffffff !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tr {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table th,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table td {
  border: 0 !important;
  border-bottom: 1px solid rgba(223,234,243,0.45) !important;
  background: transparent !important;
  color: #173353 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table th {
  color: #173353 !important;
  background: var(--deposits-final-panel-strong) !important;
  background-image: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tbody tr:hover td {
  background: transparent !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table input[type="checkbox"] {
  accent-color: var(--deposits-final-cyan) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .monthly-pagination-left label,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .monthly-pagination-info {
  color: #173353 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page #deposits-page-size,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-pagination-wrapper .monthly-page-btn {
  border: 1px solid rgba(223,234,243,0.45) !important;
  background: #ffffff !important;
  color: #173353 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-pagination-wrapper .monthly-page-btn.active {
  border-color: rgba(0,156,147,0.38) !important;
  background: rgba(0,156,147,0.09) !important;
  color: var(--deposits-final-cyan) !important
}

@media (max-width: 1180px) {
  html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-total-deposits {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(223,234,243,0.45) !important
  }
}

@media (max-width: 760px) {
  html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-item,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-breakdown #deposits-money-invested-list .breakdown-item {
    border-left: 0 !important;
    border-top: 1px solid rgba(223,234,243,0.45) !important
  }
  html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-item:first-child,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-breakdown #deposits-money-invested-list .breakdown-item:first-child {
    border-top: 0 !important
  }
}
html[data-appearance="light"] #dividends-section.dividends-page {
  --dividends-page-bg: #ffffff;
  --dividends-card-bg: #ffffff;
  --dividends-card-bg-soft: #ffffff;
  --dividends-header-bg: #ffffff;
  --dividends-border: rgba(223,234,243,0.45);
  --dividends-border-soft: rgba(223,234,243,0.45);
  --dividends-text: #173353;
  --dividends-text-strong: #173353;
  --dividends-text-muted: #637f9a;
  --dividends-cyan: #009c93;
  --dividends-green: #009c93;
  --dividends-red: #e74762;
  color: var(--dividends-text);
  background: transparent !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-heading h1 {
  color: var(--dividends-text-strong) !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-heading p {
  color: #637f9a !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-action-btn {
  box-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-action-btn--primary {
  border: 1px solid var(--dividends-cyan) !important;
  background: #009c93 !important;
  color: #173353 !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-action-btn--primary:hover {
  background: #009c93 !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-action-btn--ghost {
  border: 1px solid rgba(0,156,147,0.38) !important;
  background: #ffffff !important;
  color: var(--dividends-cyan) !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-action-btn--ghost:hover {
  background: rgba(0,156,147,0.08) !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-last-updated {
  color: #637f9a !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-summary-strip {
  border: 1px solid var(--dividends-border) !important;
  background: var(--dividends-card-bg) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-summary-item {
  border-right: 1px solid rgba(223,234,243,0.45) !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-summary-item:last-child {
  border-right: 0 !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-summary-item span {
  color: #637f9a !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-summary-item strong {
  color: var(--dividends-text-strong) !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-summary-item:nth-child(2) strong {
  color: var(--dividends-green) !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-summary-item:nth-child(4) strong {
  color: var(--dividends-cyan) !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-card {
  border: 1px solid var(--dividends-border) !important;
  background: var(--dividends-card-bg) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-card-header h2,
html[data-appearance="light"] #dividends-section.dividends-page .dividends-history-title h2 {
  color: var(--dividends-text-strong) !important
}
html[data-appearance="light"] #dividends-section.dividends-page select.settings-select,
html[data-appearance="light"] #dividends-section.dividends-page .settings-select {
  border: 1px solid rgba(223,234,243,0.45) !important;
  background-color: #ffffff !important;
  color: #173353 !important;
  box-shadow: none !important;
  outline: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-segment {
  border: 1px solid rgba(223,234,243,0.45) !important;
  background: #ffffff !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-segment .allocation-option {
  border: 0 !important;
  background: transparent !important;
  color: #637f9a !important;
  text-shadow: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-segment .allocation-option.active {
  border: 1px solid var(--dividends-cyan) !important;
  background: rgba(0,156,147,0.06) !important;
  color: var(--dividends-cyan) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-chart-filter-label {
  color: #173353 !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-history-title p {
  color: #637f9a !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-search-control {
  border: 1px solid rgba(223,234,243,0.45) !important;
  background: #ffffff !important;
  color: #637f9a !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-search-control input {
  border: 0 !important;
  background: transparent !important;
  color: #173353 !important;
  outline: 0 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-search-control input::placeholder {
  color: #637f9a !important
}
html[data-appearance="light"] #dividends-section.dividends-page .delete-selected-btn {
  box-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-table-shell {
  border-top: 1px solid rgba(223,234,243,0.45) !important;
  scrollbar-color: rgba(223,234,243,0.7) transparent
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-table-shell::-webkit-scrollbar-thumb {
  background: #ffffff
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-table-shell::-webkit-scrollbar-track {
  background: transparent
}
html[data-appearance="light"] #dividends-section.dividends-page table.data-table {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page table.data-table thead,
html[data-appearance="light"] #dividends-section.dividends-page table.data-table thead tr {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page table.data-table thead th {
  border: 0 !important;
  border-bottom: 1px solid rgba(223,234,243,0.45) !important;
  background: #ffffff !important;
  color: #173353 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page table.data-table tbody {
  background: transparent !important
}
html[data-appearance="light"] #dividends-section.dividends-page table.data-table tbody tr {
  border: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page table.data-table tbody tr:hover {
  border-color: transparent !important;
  background: #ffffff !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page table.data-table tbody td {
  border: 0 !important;
  border-bottom: 1px solid rgba(223,234,243,0.45) !important;
  background: transparent !important;
  color: #173353 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page input[type='checkbox'] {
  accent-color: var(--dividends-cyan) !important
}
html[data-appearance="light"] #dividends-section.dividends-page .amount-positive {
  color: var(--dividends-green) !important
}
html[data-appearance="light"] #dividends-section.dividends-page .amount-negative {
  color: var(--dividends-red) !important
}
html[data-appearance="light"] #dividends-section.dividends-page .sort-icon,
html[data-appearance="light"] #dividends-section.dividends-page .column-filter-toggle {
  color: #637f9a !important
}
html[data-appearance="light"] #dividends-section.dividends-page .column-filter-toggle {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page .action-menu-toggle {
  border: 0 !important;
  background: transparent !important;
  color: #173353 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page .action-menu-panel {
  border: 1px solid rgba(223,234,243,0.45) !important;
  background: #ffffff !important;
  box-shadow: 0 16px 40px rgba(107,142,170,0.056) !important
}
html[data-appearance="light"] #dividends-section.dividends-page .monthly-pagination-wrapper {
  border-top: 1px solid rgba(223,234,243,0.45) !important
}
html[data-appearance="light"] #dividends-section.dividends-page .pagination-left,
html[data-appearance="light"] #dividends-section.dividends-page .pagination-controls {
  color: #173353 !important
}
html[data-appearance="light"] #dividends-section.dividends-page .monthly-page-btn {
  border: 1px solid rgba(223,234,243,0.45) !important;
  background: #ffffff !important;
  color: #173353 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page .monthly-page-btn.active {
  border-color: var(--dividends-cyan) !important;
  background: rgba(0,156,147,0.06) !important;
  color: var(--dividends-cyan) !important;
  box-shadow: inset 0 0 0 1px rgba(107,142,170,0.04) !important
}

@media (max-width: 1100px) {
  html[data-appearance="light"] #dividends-section.dividends-page .dividends-summary-item:nth-child(2) {
    border-right: 0 !important
  }
}

@media (max-width: 700px) {
  html[data-appearance="light"] #dividends-section.dividends-page .dividends-summary-item {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(223,234,243,0.45) !important
  }
  html[data-appearance="light"] #dividends-section.dividends-page .dividends-summary-item:last-child {
    border-bottom: 0 !important
  }
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page {
  --deposits-bg: #ffffff;
  --deposits-panel: #ffffff;
  --deposits-panel-soft: #ffffff;
  --deposits-border: rgba(223,234,243,0.45);
  --deposits-border-strong: rgba(223,234,243,0.45);
  --deposits-text: #173353;
  --deposits-muted: #637f9a;
  --deposits-cyan: #009c93;
  --deposits-green: #009c93;
  background: var(--deposits-bg) !important;
  color: var(--deposits-text)
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-page-title {
  color: #173353
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-page-subtitle,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-last-updated {
  color: var(--deposits-muted)
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-primary-btn {
  border: 0 !important;
  background: #009c93 !important;
  color: #173353 !important;
  box-shadow: 0 12px 26px rgba(107,142,170,0.036) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-band {
  border: 1px solid var(--deposits-border);
  background: var(--deposits-panel-soft);
  box-shadow: none
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-item {
  border-left: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-item:first-child {
  border-left: 0
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-label,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-record-count,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-mini-label {
  color: #637f9a
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-value {
  color: #173353
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-value.positive {
  color: var(--deposits-green)
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-value.negative {
  color: #e74762
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-total-deposits {
  border-right: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-total-deposits .deposits-summary-title {
  color: #637f9a
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-total-deposits #total-deposits-embedded {
  color: #173353
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-breakdown .panel-zone-title {
  color: #173353
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-breakdown .breakdown-item {
  border: 0;
  border-left: 1px solid rgba(223,234,243,0.45);
  background: transparent;
  box-shadow: none
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-breakdown .breakdown-item:first-child {
  border-left: 0
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-breakdown .breakdown-label {
  color: #637f9a
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-breakdown .breakdown-value {
  color: #173353
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-history-card {
  border: 1px solid var(--deposits-border);
  background: var(--deposits-panel-soft)
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-history-title {
  color: #173353
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-view-switch .allocation-option {
  border: 1px solid rgba(223,234,243,0.45) !important;
  background: #ffffff !important;
  color: #173353 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-view-switch .allocation-option.active {
  border-color: rgba(0,156,147,0.38) !important;
  color: var(--deposits-cyan) !important;
  background: rgba(0,156,147,0.09) !important;
  box-shadow: 0 0 0 1px rgba(107,142,170,0.028) inset !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-filter-control select,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-filter-control input {
  border: 1px solid rgba(223,234,243,0.45);
  background: #ffffff;
  color: #173353;
  outline: none
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-filter-control select {
  background-image: linear-gradient(45deg, transparent 50%, #ffffff 50%), linear-gradient(135deg, #ffffff 50%, transparent 50%)
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-date-control input {
  color-scheme: light
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-date-control input:not(.has-value):not(:focus)::-webkit-datetime-edit {
  color: transparent
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-date-control .date-placeholder {
  color: #637f9a
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-table-scroll {
  border-top: 1px solid rgba(223,234,243,0.45);
  border-bottom: 1px solid rgba(223,234,243,0.45);
  scrollbar-color: rgba(223,234,243,0.55) rgba(223,234,243,0.45)
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-table-scroll::-webkit-scrollbar-thumb {
  background: #ffffff
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table thead,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tbody {
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tr {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table th,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table td {
  border: 0 !important;
  border-bottom: 1px solid rgba(223,234,243,0.45) !important;
  background: transparent !important;
  color: #173353
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table th {
  color: #173353;
  background: #ffffff !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tbody tr:hover td {
  background: rgba(136,171,197,0.025) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table th .sortable {
  color: inherit
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table input[type="checkbox"] {
  accent-color: var(--deposits-cyan)
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table .action-menu-toggle,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table .row-menu-btn {
  color: #173353 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .monthly-pagination-left label,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .monthly-pagination-info {
  color: #173353
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page #deposits-page-size {
  border: 1px solid rgba(223,234,243,0.45);
  background: #ffffff;
  color: #173353
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-pagination-wrapper .monthly-page-btn {
  border: 1px solid rgba(223,234,243,0.45);
  background: #ffffff;
  color: #173353;
  box-shadow: none
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-pagination-wrapper .monthly-page-btn.active {
  border-color: rgba(0,156,147,0.38);
  background: rgba(0,156,147,0.09);
  color: var(--deposits-cyan)
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-chart-card {
  border: 1px solid rgba(223,234,243,0.45);
  background: #ffffff;
  box-shadow: none !important
}

@media (max-width: 1100px) {
  html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-total-deposits {
    border-right: 0;
    border-bottom: 1px solid rgba(223,234,243,0.45)
  }
}

@media (max-width: 720px) {
  html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-item {
    border-left: 0;
    border-top: 1px solid rgba(223,234,243,0.45)
  }
  html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-item:first-child {
    border-top: 0
  }
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page {
  --stocks-bg: #ffffff;
  --stocks-surface: #ffffff;
  --stocks-surface-2: #ffffff;
  --stocks-border: #dfeaf3;
  --stocks-text: #173353;
  --stocks-text-secondary: #637f9a;
  --stocks-text-muted: #637f9a;
  --stocks-accent: #009c93;
  --stocks-positive: #009c93;
  --stocks-negative: #e74762;
  background: var(--stocks-bg) !important;
  background-image: none !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-page-title {
  color: var(--stocks-text)
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-page-subtitle {
  color: var(--stocks-text-secondary)
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-action-btn {
  border: 1px solid var(--stocks-border);
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--stocks-text)
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-action-btn--primary {
  border-color: transparent !important;
  background: var(--stocks-accent) !important;
  color: #173353 !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-last-updated {
  color: var(--stocks-text-muted) !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-summary-strip {
  border: 1px solid var(--stocks-border);
  background: #ffffff
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-summary-item {
  border-right: 1px solid var(--stocks-border)
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-summary-item:last-child {
  border-right: 0
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-summary-item span {
  color: var(--stocks-text-secondary)
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-summary-item strong {
  color: var(--stocks-text)
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-summary-item strong.positive {
  color: var(--stocks-positive)
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-summary-item strong.negative {
  color: var(--stocks-negative)
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page #stocks-summary-score {
  color: var(--stocks-accent)
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-search-control,
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-toolbar-select,
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-columns-btn {
  border: 1px solid var(--stocks-border);
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--stocks-text)
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-search-control svg {
  color: var(--stocks-text-secondary)
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-search-control input {
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--stocks-text)
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-search-control input::placeholder {
  color: var(--stocks-text-muted)
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-toolbar-select {
  color: var(--stocks-text-secondary)
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-columns-btn {
  color: var(--stocks-text-secondary)
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-table-scroll {
  border: 1px solid var(--stocks-border) !important;
  background: var(--stocks-surface) !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-table {
  border: 0 !important;
  background: var(--stocks-surface) !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-table thead,
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-table tbody {
  background: transparent !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-table thead tr {
  border-bottom: 1px solid var(--stocks-border) !important;
  background: linear-gradient(180deg, #ffffff, #ffffff) !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page #stocks-tbody tr {
  border: 0 !important;
  border-bottom: 1px solid rgba(223,234,243,0.66) !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page #stocks-tbody tr:hover {
  background: #ffffff !important;
  box-shadow: none !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-table thead th,
html[data-appearance="light"] #stocks-section.stocks-redesign-page #stocks-tbody td {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--stocks-text-secondary) !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-table thead th {
  color: var(--stocks-text-muted) !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page #stocks-tbody td[data-field="symbol"] {
  color: var(--stocks-text) !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page #stocks-tbody td[data-field="symbol"]::after {
  color: var(--stocks-text-secondary)
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page #stocks-tbody td[data-field="weight"] {
  color: var(--stocks-text) !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page #stocks-tbody td[data-field="weight"]::before {
  background: #f2f7fb
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page #stocks-tbody td[data-field="weight"]::after {
  background: var(--stocks-accent)
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page #stocks-tbody td[data-field="allocation"] {
  color: var(--stocks-accent) !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page #stocks-tbody td[data-field="price_change"].positive {
  color: var(--stocks-positive) !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page #stocks-tbody td[data-field="price_change"].negative {
  color: var(--stocks-negative) !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stock-row-select,
html[data-appearance="light"] #stocks-section.stocks-redesign-page #stocks-select-all {
  accent-color: var(--stocks-accent)
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .action-menu-toggle {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--stocks-text-secondary) !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .column-filter-toggle {
  color: var(--stocks-text-secondary) !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .column-filter-menu.open {
  border-color: var(--stocks-border) !important;
  background: #ffffff !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page #stocks-tbody .editable-cell input,
html[data-appearance="light"] #stocks-section.stocks-redesign-page #stocks-tbody .editable-cell select {
  border: 1px solid var(--stocks-border) !important;
  background: #ffffff !important;
  color: var(--stocks-text) !important
}

@media (max-width: 768px) {
  html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-table thead th:nth-child(3),
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-table thead th:nth-child(4),
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-table thead th:nth-child(6),
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-table thead th:nth-child(9),
html[data-appearance="light"] #stocks-section.stocks-redesign-page #stocks-tbody td[data-field="symbol"],
html[data-appearance="light"] #stocks-section.stocks-redesign-page #stocks-tbody td[data-field="weight"],
html[data-appearance="light"] #stocks-section.stocks-redesign-page #stocks-tbody td[data-field="allocation"],
html[data-appearance="light"] #stocks-section.stocks-redesign-page #stocks-tbody td[data-field="price_change"] {
    background: #ffffff !important
  }
  html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-table thead th:nth-child(9),
html[data-appearance="light"] #stocks-section.stocks-redesign-page #stocks-tbody td[data-field="price_change"] {
    box-shadow: 10px 0 14px rgba(107,142,170,0.048) !important
  }
}
html[data-appearance="light"] #profile-section .profile-page.banymay-my-plan {
  --plan-bg: #ffffff;
  --plan-surface: #ffffff;
  --plan-sidebar: #ffffff;
  --plan-surface-hover: #f2f7fb;
  --plan-border: #dfeaf3;
  --plan-divider: #dfeaf3;
  --plan-text: #173353;
  --plan-secondary: #637f9a;
  --plan-muted: #637f9a;
  --plan-accent: #009c93;
  --plan-accent-border: rgba(0,156,147,0.38);
  --plan-active-bg: #f2f7fb;
  --plan-progress-track: #173353;
  --plan-positive: #009c93;
  --plan-negative: #e74762;
  background: var(--plan-bg) !important;
  color: var(--plan-text) !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan svg:not(.profile-chart-svg) {
  fill: none;
  stroke: currentColor
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-sidebar {
  border: 1px solid var(--plan-border);
  background: var(--plan-sidebar)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-sidebar-title {
  color: var(--plan-text)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-nav-item {
  border: 0;
  border-left: 3px solid transparent;
  background: transparent;
  color: var(--plan-secondary);
  box-shadow: none
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-nav-item:hover,
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-nav-item:focus-visible {
  color: var(--plan-text);
  background: rgba(136,171,197,0.025);
  outline: 0
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-nav-item.is-active {
  border-left-color: var(--plan-accent-border);
  background: var(--plan-active-bg);
  color: var(--plan-accent)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-breadcrumb {
  color: var(--plan-secondary)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-heading h1 {
  color: var(--plan-text)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-heading p {
  color: var(--plan-secondary)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-primary-action,
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-secondary-action {
  border: 1px solid var(--plan-accent-border);
  background: transparent;
  color: var(--plan-accent);
  box-shadow: none
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-primary-action:hover,
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-secondary-action:hover {
  background: rgba(0,156,147,0.08)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-panel,
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-kpi-card {
  border: 1px solid var(--plan-border);
  background: var(--plan-surface);
  color: var(--plan-text);
  box-shadow: none
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-kpi-icon,
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-lifestyle-icon,
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-row-icon {
  color: var(--plan-text)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-kpi-label,
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-lifestyle-label,
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-indicator-label,
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-detail-label {
  color: var(--plan-secondary)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-kpi-value,
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-lifestyle-value,
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-indicator-value {
  color: var(--plan-accent)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-global-cost .ffi-bar-wrap {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-global-cost .ffi-bar-title {
  color: var(--plan-text) !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-global-cost .ffi-bar-track {
  border: 0 !important;
  background: var(--plan-progress-track) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-global-cost .ffi-seg {
  border-right: 1px solid rgba(223,234,243,0.45) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-global-cost .ffi-bar-labels {
  color: var(--plan-secondary) !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-panel h2,
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-panel h3,
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-card-title {
  color: var(--plan-text)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-inline-link {
  border: 0;
  background: transparent;
  color: var(--plan-accent)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-fi-value {
  color: var(--plan-accent)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-fi-sub,
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-note,
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-detail-copy {
  color: var(--plan-secondary)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-fi-track {
  background: var(--plan-progress-track)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-fi-track span {
  background: var(--plan-accent)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-fi-metrics > div + div {
  border-left: 1px solid var(--plan-divider)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-fi-metrics span {
  color: var(--plan-secondary)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-fi-metrics strong,
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-retirement-value,
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-detail-card strong {
  color: var(--plan-accent)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-retirement-label {
  color: var(--plan-secondary)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-lifestyle-item + .my-plan-lifestyle-item,
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-indicator-item + .my-plan-indicator-item {
  border-left: 1px solid var(--plan-divider)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-subpage-copy {
  color: var(--plan-secondary)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-formula-panel ul {
  color: var(--plan-secondary)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .profile-card,
html[data-appearance="light"] #profile-section .banymay-my-plan .profile-card--secondary,
html[data-appearance="light"] #profile-section .banymay-my-plan .profile-summary-item,
html[data-appearance="light"] #profile-section .banymay-my-plan .profile-chart,
html[data-appearance="light"] #profile-section .banymay-my-plan .profile-table {
  border: 1px solid var(--plan-border) !important;
  background: var(--plan-surface) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan .profile-card-header h3 {
  color: var(--plan-text) !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan .profile-collapse-btn {
  border-color: var(--plan-border) !important;
  background: transparent !important;
  color: var(--plan-secondary) !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan .profile-summary-label,
html[data-appearance="light"] #profile-section .banymay-my-plan .profile-key,
html[data-appearance="light"] #profile-section .banymay-my-plan .profile-table-head {
  color: var(--plan-secondary) !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan .profile-summary-value,
html[data-appearance="light"] #profile-section .banymay-my-plan .profile-value,
html[data-appearance="light"] #profile-section .banymay-my-plan .profile-table-row {
  color: var(--plan-text) !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan .profile-summary-value.positive,
html[data-appearance="light"] #profile-section .banymay-my-plan .profile-value.positive,
html[data-appearance="light"] #profile-section .banymay-my-plan .profile-value.accent {
  color: var(--plan-accent) !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan .profile-table-row {
  border-color: rgba(223,234,243,0.68) !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan .profile-chart-toggle-btn {
  border-color: var(--plan-border) !important;
  background: transparent !important;
  color: var(--plan-secondary) !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan .profile-chart-toggle-btn.is-active {
  border-color: var(--plan-accent-border) !important;
  background: rgba(0,156,147,0.09) !important;
  color: var(--plan-accent) !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan .profile-info-tip {
  border-color: var(--plan-divider) !important;
  color: var(--plan-secondary) !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-projection-tabs {
  border: 1px solid var(--plan-border);
  background: var(--plan-surface)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-projection-tab {
  border: 0;
  background: transparent;
  color: var(--plan-secondary)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-projection-tab.is-active {
  background: linear-gradient(90deg, rgba(0,156,147,0.09), rgba(0,156,147,0.09));
  color: var(--plan-text)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-projection-assumption + .my-plan-projection-assumption,
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-projection-edit {
  border-left: 1px solid var(--plan-divider)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-projection-assumption span:not(.my-plan-row-icon),
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-projection-result span:not(.my-plan-row-icon) {
  color: var(--plan-secondary)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-projection-assumption strong,
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-projection-result strong {
  color: var(--plan-accent)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-projection-edit {
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  background: transparent;
  color: var(--plan-accent)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-projection-chart-head h2 {
  color: var(--plan-text)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-projection-chart-head span {
  color: var(--plan-secondary)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-projection-chart-panel .profile-chart {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-projection-chart-panel .profile-chart-legend {
  color: var(--plan-secondary) !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-projection-chart-panel .profile-legend-dot {
  box-shadow: none !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-projection-chart-panel .profile-chart-graph {
  border: 1px dashed rgba(223,234,243,0.45) !important;
  background:
    repeating-linear-gradient(90deg, rgba(136,171,197,0.09) 0 1px, transparent 1px 56px),
    repeating-linear-gradient(0deg, rgba(136,171,197,0.09) 0 1px, transparent 1px 48px),
    #ffffff !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-projection-chart-panel .profile-chart-axis {
  color: var(--plan-secondary) !important
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-projection-requirements-toggle {
  border: 0;
  background: transparent;
  color: var(--plan-text)
}
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-chevron {
  color: var(--plan-text)
}

@media (max-width: 1180px) {
  html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-projection-edit {
    border-left: 0;
    border-top: 1px solid var(--plan-divider)
  }
}

@media (max-width: 760px) {
  html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-lifestyle-item + .my-plan-lifestyle-item,
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-indicator-item + .my-plan-indicator-item,
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-fi-metrics > div + div,
html[data-appearance="light"] #profile-section .banymay-my-plan .my-plan-projection-assumption + .my-plan-projection-assumption {
    border-left: 0;
    border-top: 1px solid var(--plan-divider)
  }
}
html[data-appearance="light"] body:has(#dashboard-section.banymay-dashboard.active),
html[data-appearance="light"] body.theme-blue:has(#dashboard-section.banymay-dashboard.active),
html[data-appearance="light"] body:has(#dashboard-section.banymay-dashboard.active) .container,
html[data-appearance="light"] body.theme-blue:has(#dashboard-section.banymay-dashboard.active) .container {
  background: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard {
  --dashboard-bg: #ffffff;
  --dashboard-header-bg: #ffffff;
  --dashboard-panel-bg: #ffffff;
  --dashboard-panel-alt: #ffffff;
  --dashboard-inner-surface: #ffffff;
  --dashboard-text: #173353;
  --dashboard-secondary: #637f9a;
  --dashboard-muted: #637f9a;
  --dashboard-border: #dfeaf3;
  --dashboard-divider: #dfeaf3;
  --dashboard-grid: rgba(223,234,243,0.45);
  --dashboard-accent: #009c93;
  --dashboard-positive: #009c93;
  --dashboard-negative: #e74762;
  --dashboard-gold: #d6960b;
  background: var(--dashboard-bg) !important;
  background-image: none !important;
  color: var(--dashboard-text) !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-heading h1 {
  color: var(--dashboard-text) !important;
  text-shadow: none !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-heading p {
  color: var(--dashboard-secondary) !important;
  text-shadow: none !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-heading-badge {
  border: 1px solid var(--dashboard-border);
  background: var(--dashboard-panel-bg);
  background-image: none;
  box-shadow: none;
  color: var(--dashboard-secondary)
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-heading-badge strong {
  color: var(--dashboard-text)
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-heading-badge--score strong {
  color: #009c93
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-panel,
html[data-appearance="light"] #dashboard-section.banymay-dashboard .chart-container,
html[data-appearance="light"] #dashboard-section.banymay-dashboard .performance-chart-container,
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-advanced-metrics-panel,
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-advanced-metric-card,
html[data-appearance="light"] body.theme-blue #dashboard-section.banymay-dashboard .dashboard-panel,
html[data-appearance="light"] body.theme-blue #dashboard-section.banymay-dashboard .chart-container,
html[data-appearance="light"] body.theme-blue #dashboard-section.banymay-dashboard .performance-chart-container,
html[data-appearance="light"] body.theme-blue #dashboard-section.banymay-dashboard .dashboard-advanced-metrics-panel,
html[data-appearance="light"] body.theme-blue #dashboard-section.banymay-dashboard .dashboard-advanced-metric-card {
  background: var(--dashboard-panel-bg) !important;
  background-image: none !important;
  border: 1px solid var(--dashboard-border) !important;
  box-shadow: none !important;
  text-shadow: none !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-panel:hover,
html[data-appearance="light"] #dashboard-section.banymay-dashboard .chart-container:hover,
html[data-appearance="light"] #dashboard-section.banymay-dashboard .performance-chart-container:hover,
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-advanced-metrics-panel:hover,
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-advanced-metric-card:hover,
html[data-appearance="light"] body.theme-blue #dashboard-section.banymay-dashboard .dashboard-panel:hover,
html[data-appearance="light"] body.theme-blue #dashboard-section.banymay-dashboard .chart-container:hover,
html[data-appearance="light"] body.theme-blue #dashboard-section.banymay-dashboard .performance-chart-container:hover,
html[data-appearance="light"] body.theme-blue #dashboard-section.banymay-dashboard .dashboard-advanced-metrics-panel:hover,
html[data-appearance="light"] body.theme-blue #dashboard-section.banymay-dashboard .dashboard-advanced-metric-card:hover {
  box-shadow: none !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-summary-item {
  border-left: 0
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-summary-item + .dashboard-summary-item::before {
  background: var(--dashboard-divider)
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-summary-rankscore::before {
  background: var(--dashboard-divider)
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-summary-badge-row {
  color: var(--dashboard-secondary)
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-summary-badge-row strong {
  color: var(--dashboard-text)
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-summary-badge-row--score strong {
  color: #009c93
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-summary-label,
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-panel-title,
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-breakdown-table th,
html[data-appearance="light"] #dashboard-section.banymay-dashboard .metric-label {
  color: var(--dashboard-secondary) !important;
  text-shadow: none !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-summary-value {
  color: var(--dashboard-text)
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard #metric-balance-total-return,
html[data-appearance="light"] #dashboard-section.banymay-dashboard #metric-average-annual-return,
html[data-appearance="light"] #dashboard-section.banymay-dashboard #metric-balance-total-return.metric-value,
html[data-appearance="light"] #dashboard-section.banymay-dashboard #metric-average-annual-return.metric-value,
html[data-appearance="light"] #dashboard-section.banymay-dashboard #metric-balance-total-return.metric-value.positive,
html[data-appearance="light"] #dashboard-section.banymay-dashboard #metric-average-annual-return.metric-value.positive,
html[data-appearance="light"] #dashboard-section.banymay-dashboard #metric-balance-total-return.metric-value.negative,
html[data-appearance="light"] #dashboard-section.banymay-dashboard #metric-average-annual-return.metric-value.negative {
  text-shadow: none !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .positive {
  color: var(--dashboard-positive) !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .negative {
  color: var(--dashboard-negative) !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .neutral {
  color: var(--dashboard-secondary) !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .warning {
  color: var(--dashboard-gold) !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-panel-title,
html[data-appearance="light"] body.theme-blue #dashboard-section.banymay-dashboard .chart-container h2,
html[data-appearance="light"] body.theme-blue #dashboard-section.banymay-dashboard .chart-header .perf-title-wrap > span:first-child {
  color: var(--dashboard-text) !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .legend-checkbox {
  border: 0;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--dashboard-text) !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .legend-color {
  border: 0 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .legend-label {
  color: var(--dashboard-text) !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-period-selector {
  border: 0;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .time-btn,
html[data-appearance="light"] body.theme-blue #dashboard-section.banymay-dashboard .time-btn {
  border: 1px solid var(--dashboard-border) !important;
  background: #ffffff !important;
  background-image: none !important;
  color: var(--dashboard-text) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .time-btn:hover {
  border-color: rgba(0,156,147,0.38) !important;
  color: var(--dashboard-accent) !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .time-btn.active,
html[data-appearance="light"] body.theme-blue #dashboard-section.banymay-dashboard .time-btn.active {
  border-color: var(--dashboard-accent) !important;
  background: var(--dashboard-accent) !important;
  color: #173353 !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-risk-legend-empty {
  color: var(--dashboard-muted)
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-risk-legend-item {
  color: var(--dashboard-text)
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-risk-legend-dot {
  box-shadow: none
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-risk-legend-text {
  color: var(--dashboard-text)
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-risk-legend-text strong {
  color: var(--dashboard-text)
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-breakdown-table {
  color: var(--dashboard-text)
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-breakdown-table th,
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-breakdown-table td {
  border: 0;
  border-top: 1px solid var(--dashboard-grid);
  color: var(--dashboard-text)
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-breakdown-table thead th {
  border-top: 0;
  color: var(--dashboard-secondary)
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-breakdown-empty {
  color: var(--dashboard-muted) !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .metric-row,
html[data-appearance="light"] body.theme-blue #dashboard-section.banymay-dashboard .metric-row {
  border: 0 !important;
  border-top: 1px solid var(--dashboard-grid) !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .metric-row:first-child {
  border-top: 0 !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .metric-value {
  color: var(--dashboard-text)
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-advanced-metrics-kicker {
  color: var(--dashboard-text) !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-advanced-metrics-period {
  color: var(--dashboard-secondary) !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-insight-card,
html[data-appearance="light"] body.theme-blue #dashboard-section.banymay-dashboard .dashboard-insight-card {
  background: var(--dashboard-panel-alt) !important;
  background-image: none !important;
  border-color: var(--dashboard-border) !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-advanced-metric-label {
  color: var(--dashboard-text) !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-advanced-metric-value {
  color: var(--dashboard-positive) !important;
  text-shadow: none !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-advanced-metric-value.negative,
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-insight-card .negative {
  color: var(--dashboard-negative) !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-advanced-metric-value.neutral {
  color: var(--dashboard-secondary) !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-advanced-metric-meta {
  color: var(--dashboard-secondary) !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-breakdown-sources {
  border: 0 !important
}

@media (max-width: 1180px) {
  html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-summary-item:nth-child(odd) {
    border-left: 0
  }
  html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-summary-item:nth-child(n + 3) {
    border-top: 1px solid var(--dashboard-divider)
  }
}

@media (max-width: 760px) {
  html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-summary-item {
    border-left: 0;
    border-top: 1px solid rgba(223,234,243,0.45)
  }
  html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-summary-item:first-child {
    border-top: 0
  }
  html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-summary-rankscore {
    border-top: 1px solid rgba(223,234,243,0.45)
  }
}
html[data-appearance="light"] .navbar.banymay-header {
  --header-bg: #ffffff;
  --header-border: #dfeaf3;
  --header-text: #173353;
  --header-text-muted: #637f9a;
  --header-accent: #009c93;
  --header-hover-bg: #ffffff;
  --header-menu-bg: #ffffff;
  --header-menu-border: #dfeaf3;
  --header-avatar-bg: #f2f7fb;
  --header-avatar-text: #173353;
  background: var(--header-bg);
  border-bottom: 1px solid var(--header-border);
  box-shadow: none
}
html[data-appearance="light"] .banymay-header .banymay-header__brand:focus-visible {
  outline: 2px solid var(--header-accent)
}
html[data-appearance="light"] .banymay-header .nav-menu {
  background: transparent;
  border: 0;
  box-shadow: none
}
html[data-appearance="light"] .banymay-header .nav-menu li a.nav-link {
  border: 0;
  background: transparent !important;
  color: var(--header-text) !important;
  text-shadow: none;
  box-shadow: none
}
html[data-appearance="light"] .banymay-header .nav-menu li a.nav-link::after {
  background: var(--header-accent) !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] .banymay-header .nav-menu li a.nav-link:hover,
html[data-appearance="light"] .banymay-header .nav-menu li a.nav-link:active {
  color: var(--header-accent) !important;
  background: transparent !important
}
html[data-appearance="light"] .banymay-header .nav-menu li a.nav-link.active,
html[data-appearance="light"] .banymay-header .nav-menu li a.nav-link[aria-current="page"] {
  color: var(--header-accent) !important;
  background: transparent !important
}
html[data-appearance="light"] .banymay-header .nav-menu li a.nav-link:focus-visible {
  outline: 2px solid var(--header-accent)
}
html[data-appearance="light"] .banymay-header .settings-cog-btn {
  border: 0;
  background: transparent;
  background-image: none;
  box-shadow: none
}
html[data-appearance="light"] .banymay-header .settings-cog-btn:hover,
html[data-appearance="light"] .banymay-header .settings-cog-btn[aria-expanded="true"] {
  background: var(--header-hover-bg);
  border-color: transparent;
  box-shadow: none
}
html[data-appearance="light"] .banymay-header .settings-cog-btn:focus-visible {
  outline: 2px solid var(--header-accent)
}
html[data-appearance="light"] .banymay-header .settings-cog-avatar {
  background-color: var(--header-avatar-bg);
  color: var(--header-avatar-text);
  box-shadow: none
}
html[data-appearance="light"] .banymay-header .settings-cog-avatar--image {
  color: transparent
}
html[data-appearance="light"] .banymay-header .settings-cog-chevron {
  color: var(--header-text-muted);
  fill: none
}
html[data-appearance="light"] .banymay-header .settings-menu {
  border: 1px solid var(--header-menu-border);
  background: var(--header-menu-bg);
  background-image: none;
  box-shadow: 0 10px 28px rgba(107,142,170,0.05)
}
html[data-appearance="light"] .banymay-header .settings-menu-item,
html[data-appearance="light"] .banymay-header .settings-logout-btn {
  border: 0;
  background: transparent;
  color: var(--header-text);
  box-shadow: none
}
html[data-appearance="light"] .banymay-header .settings-menu-item:hover,
html[data-appearance="light"] .banymay-header .settings-menu-item:focus-visible,
html[data-appearance="light"] .banymay-header .settings-logout-btn:hover,
html[data-appearance="light"] .banymay-header .settings-logout-btn:focus-visible {
  color: var(--header-text);
  background: var(--header-hover-bg);
  outline: none;
  box-shadow: none
}
html[data-appearance="light"] .banymay-header .settings-menu-icon,
html[data-appearance="light"] .banymay-header .settings-logout-icon {
  color: var(--header-text-muted)
}
html[data-appearance="light"] .banymay-header .settings-menu-row {
  border: 0;
  background: transparent;
  box-shadow: none
}
html[data-appearance="light"] .banymay-header .settings-label {
  color: var(--header-text)
}
html[data-appearance="light"] .banymay-header .settings-language-trigger,
html[data-appearance="light"] .banymay-header .settings-chip {
  border: 1px solid var(--header-menu-border);
  background: transparent;
  color: var(--header-text);
  box-shadow: none
}
html[data-appearance="light"] .banymay-header .settings-language-trigger:hover,
html[data-appearance="light"] .banymay-header .settings-chip:hover,
html[data-appearance="light"] .banymay-header .settings-chip.is-active {
  border-color: var(--header-accent);
  background: var(--header-hover-bg);
  color: var(--header-accent);
  box-shadow: none
}
html[data-appearance="light"] .banymay-header .settings-language-menu {
  border: 1px solid var(--header-menu-border);
  background: var(--header-menu-bg);
  box-shadow: 0 10px 28px rgba(107,142,170,0.05)
}
html[data-appearance="light"] .banymay-header .banymay-header__nav-toggle {
  border: 0;
  background: transparent;
  color: var(--header-text)
}
html[data-appearance="light"] .banymay-header .banymay-header__nav-toggle:hover,
html[data-appearance="light"] .banymay-header .banymay-header__nav-toggle[aria-expanded="true"] {
  color: var(--header-accent);
  background: var(--header-hover-bg)
}
html[data-appearance="light"] .banymay-header .banymay-header__nav-toggle:focus-visible {
  outline: 2px solid var(--header-accent)
}
html[data-appearance="light"] .banymay-header .banymay-header__nav-toggle-line {
  background: currentColor
}

@media (max-width: 1180px) {
  html[data-appearance="light"] .banymay-header .nav-menu {
    border: 1px solid var(--header-menu-border);
    background: var(--header-menu-bg);
    box-shadow: 0 10px 28px rgba(107,142,170,0.05)
  }
  html[data-appearance="light"] .banymay-header .nav-menu li a.nav-link.active,
html[data-appearance="light"] .banymay-header .nav-menu li a.nav-link[aria-current="page"] {
    background: rgba(0,156,147,0.08) !important
  }
}
html[data-appearance="light"] #settings-section,
html[data-appearance="light"] #settings-section *,
html[data-appearance="light"] #settings-section *::before,
html[data-appearance="light"] #settings-section *::after {
  background-image: none !important
}
html[data-appearance="light"] #settings-section.section {
  background: #ffffff !important
}
html[data-appearance="light"] #settings-section {
  --settings-compact-bg: #ffffff;
  --settings-compact-panel: #ffffff;
  --settings-compact-field: #ffffff;
  --settings-compact-line: rgba(223,234,243,0.45);
  --settings-compact-border: rgba(223,234,243,0.45);
  --settings-compact-text: #173353;
  --settings-compact-muted: #637f9a;
  --settings-compact-accent: #009c93
}
html[data-appearance="light"] #settings-section .settings-page.settings-page--control-center {
  border: 0 !important;
  background: var(--settings-compact-bg) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-side-panel {
  border: 0 !important;
  border-right: 1px solid var(--settings-compact-line) !important;
  background: var(--settings-compact-panel) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-side-title {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section .settings-side-link {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--settings-compact-text) !important
}
html[data-appearance="light"] #settings-section .settings-side-link::before {
  background: var(--settings-compact-accent) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-side-link.is-active {
  background: rgba(0,156,147,0.09) !important;
  color: var(--settings-compact-accent) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-side-icon {
  color: currentColor !important
}
html[data-appearance="light"] #settings-section .settings-main-panel {
  background: var(--settings-compact-bg) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-breadcrumb {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section .settings-breadcrumb span:last-child {
  color: var(--settings-compact-text) !important
}
html[data-appearance="light"] #settings-section #settings-page-title {
  color: var(--settings-compact-text) !important
}
html[data-appearance="light"] #settings-section #settings-page-subtitle {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section .settings-primary-action {
  border: 0 !important;
  background: var(--settings-compact-accent) !important;
  color: #173353 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-view-rule {
  background: var(--settings-compact-line) !important
}
html[data-appearance="light"] #settings-section .settings-card-stack {
  background: transparent !important
}
html[data-appearance="light"] #settings-section .settings-card-stack > details.settings-card {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-card .settings-content {
  background: transparent !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-platform-layout {
  background: transparent !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-form-section {
  border: 0 !important;
  border-bottom: 1px solid var(--settings-compact-line) !important;
  background: transparent !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-intro {
  border-right: 1px solid var(--settings-compact-line) !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-number {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-intro h2 {
  color: var(--settings-compact-text) !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-intro p {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section #platform-settings-card label,
html[data-appearance="light"] #settings-section #account-settings-card label,
html[data-appearance="light"] #settings-section #contact-us-card label {
  color: var(--settings-compact-text) !important
}
html[data-appearance="light"] #settings-section #platform-settings-card input,
html[data-appearance="light"] #settings-section #platform-settings-card select,
html[data-appearance="light"] #settings-section #account-settings-card input,
html[data-appearance="light"] #settings-section #contact-us-card input,
html[data-appearance="light"] #settings-section #contact-us-card select,
html[data-appearance="light"] #settings-section #contact-us-card textarea {
  border: 1px solid var(--settings-compact-border) !important;
  background: var(--settings-compact-field) !important;
  color: var(--settings-compact-text) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-input-shell {
  border: 1px solid var(--settings-compact-border) !important;
  background: var(--settings-compact-field) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-input-shell input {
  border: 0 !important;
  background: transparent !important
}
html[data-appearance="light"] #settings-section .settings-input-addon {
  border-left: 1px solid var(--settings-compact-line) !important;
  background: rgba(136,171,197,0.025) !important;
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-action-btn,
html[data-appearance="light"] #settings-section #account-settings-card .account-btn,
html[data-appearance="light"] #settings-section #contact-us-card .settings-action-btn {
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-action-btn.save,
html[data-appearance="light"] #settings-section #platform-settings-card .settings-action-btn.edit,
html[data-appearance="light"] #settings-section #account-settings-card .account-btn.save,
html[data-appearance="light"] #settings-section #account-settings-card .account-btn.edit,
html[data-appearance="light"] #settings-section #contact-us-card .settings-action-btn.save {
  border-color: transparent !important;
  background: var(--settings-compact-accent) !important;
  color: #173353 !important
}
html[data-appearance="light"] #settings-section .settings-card-stack .billing-panel,
html[data-appearance="light"] #settings-section .settings-card-stack .chart-history-panel,
html[data-appearance="light"] #settings-section .settings-card-stack .fi-formula-library,
html[data-appearance="light"] #settings-section .settings-card-stack .download-data-actions,
html[data-appearance="light"] #settings-section .settings-card-stack .contact-form {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-card-stack .billing-hero,
html[data-appearance="light"] #settings-section .settings-card-stack .billing-detail-card,
html[data-appearance="light"] #settings-section .settings-card-stack .chart-history-card,
html[data-appearance="light"] #settings-section .settings-card-stack .fi-formula-card {
  background: var(--settings-compact-panel) !important;
  box-shadow: none !important
}

@media (max-width: 1120px) {
  html[data-appearance="light"] #settings-section .settings-side-panel {
    border-right: 0 !important;
    border-bottom: 1px solid var(--settings-compact-line) !important
  }
  html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-intro {
    border-right: 0 !important
  }
}
html[data-appearance="light"] #settings-section.banymay-settings,
html[data-appearance="light"] #settings-section.banymay-settings *,
html[data-appearance="light"] #settings-section.banymay-settings *::before,
html[data-appearance="light"] #settings-section.banymay-settings *::after {
  background-image: none !important;
  text-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings {
  color-scheme: light !important;
  background: #ffffff !important;
  color: #173353 !important;

  --settings-ref-page: #173353;
  --settings-ref-sidebar: #ffffff;
  --settings-ref-input: #ffffff;
  --settings-ref-input-addon: #ffffff;
  --settings-ref-hover: #ffffff;
  --settings-ref-active: #173353;
  --settings-ref-text: #173353;
  --settings-ref-soft: #637f9a;
  --settings-ref-muted: #637f9a;
  --settings-ref-line: rgba(223,234,243,0.45);
  --settings-ref-border: rgba(223,234,243,0.45);
  --settings-ref-border-strong: rgba(223,234,243,0.46);
  --settings-ref-accent: #009c93;
  --settings-ref-accent-text: #009c93;
  --settings-ref-accent-dark: #173353
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-page.settings-page--control-center {
  border: 0 !important;
  background: var(--settings-ref-page) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-panel {
  border: 0 !important;
  border-right: 1px solid var(--settings-ref-line) !important;
  background: var(--settings-ref-sidebar) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-title {
  color: var(--settings-ref-soft) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-link {
  border: 0 !important;
  background: transparent !important;
  color: var(--settings-ref-soft) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-link:hover {
  background: var(--settings-ref-hover) !important;
  color: var(--settings-ref-text) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-link::before {
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-link.is-active {
  background: var(--settings-ref-active) !important;
  color: var(--settings-ref-accent-text) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-link.is-active::before {
  background: var(--settings-ref-accent) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-icon {
  color: currentColor !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-icon svg,
html[data-appearance="light"] #settings-section.banymay-settings .settings-primary-action svg {
  fill: none !important;
  stroke: currentColor !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-main-panel {
  background: var(--settings-ref-page) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-breadcrumb {
  color: var(--settings-ref-muted) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-breadcrumb span:last-child {
  color: var(--settings-ref-text) !important
}
html[data-appearance="light"] #settings-section.banymay-settings #settings-page-title {
  color: var(--settings-ref-text) !important
}
html[data-appearance="light"] #settings-section.banymay-settings #settings-page-subtitle {
  color: var(--settings-ref-soft) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-primary-action {
  border: 0 !important;
  background: var(--settings-ref-accent) !important;
  color: var(--settings-ref-accent-dark) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-primary-action:hover {
  background: #009c93 !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-view-rule {
  background: var(--settings-ref-line) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-card-stack {
  background: transparent !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-card-stack > details.settings-card {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-card .settings-content {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-platform-layout,
html[data-appearance="light"] #settings-section.banymay-settings .settings-account-layout {
  background: transparent !important
}
html[data-appearance="light"] #settings-section.banymay-settings #platform-settings-card .settings-form-section,
html[data-appearance="light"] #settings-section.banymay-settings #account-settings-card .settings-form-section {
  border: 0 !important;
  border-bottom: 1px solid var(--settings-ref-line) !important;
  background: transparent !important
}
html[data-appearance="light"] #settings-section.banymay-settings #platform-settings-card .settings-section-intro,
html[data-appearance="light"] #settings-section.banymay-settings #account-settings-card .settings-section-intro {
  border-right: 1px solid var(--settings-ref-line) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-section-number {
  color: var(--settings-ref-muted) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-section-intro h2 {
  color: var(--settings-ref-text) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-section-intro p {
  color: var(--settings-ref-soft) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-section-fields {
  background: transparent !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-row,
html[data-appearance="light"] #settings-section.banymay-settings .account-row,
html[data-appearance="light"] #settings-section.banymay-settings .contact-form-row {
  background: transparent !important
}
html[data-appearance="light"] #settings-section.banymay-settings label {
  color: var(--settings-ref-text) !important
}
html[data-appearance="light"] #settings-section.banymay-settings input,
html[data-appearance="light"] #settings-section.banymay-settings select,
html[data-appearance="light"] #settings-section.banymay-settings textarea {
  border: 1px solid var(--settings-ref-border) !important;
  background: var(--settings-ref-input) !important;
  color: var(--settings-ref-text) !important;
  box-shadow: none !important;
  outline: 0 !important
}
html[data-appearance="light"] #settings-section.banymay-settings input::placeholder,
html[data-appearance="light"] #settings-section.banymay-settings textarea::placeholder {
  color: #637f9a !important
}
html[data-appearance="light"] #settings-section.banymay-settings input:focus,
html[data-appearance="light"] #settings-section.banymay-settings select:focus,
html[data-appearance="light"] #settings-section.banymay-settings textarea:focus,
html[data-appearance="light"] #settings-section.banymay-settings .settings-input-shell:focus-within,
html[data-appearance="light"] #settings-section.banymay-settings .account-input-wrap:focus-within {
  border-color: var(--settings-ref-accent) !important;
  outline: 2px solid rgba(0,156,147,0.3) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings input:disabled,
html[data-appearance="light"] #settings-section.banymay-settings select:disabled,
html[data-appearance="light"] #settings-section.banymay-settings textarea:disabled,
html[data-appearance="light"] #settings-section.banymay-settings input[readonly] {
  color: var(--settings-ref-soft) !important;
  -webkit-text-fill-color: var(--settings-ref-soft) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-input-shell,
html[data-appearance="light"] #settings-section.banymay-settings .account-input-wrap {
  border: 1px solid var(--settings-ref-border) !important;
  background: var(--settings-ref-input) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-input-shell input,
html[data-appearance="light"] #settings-section.banymay-settings .account-input-wrap input {
  border: 0 !important;
  background: transparent !important;
  outline: 0 !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-input-addon {
  border-left: 1px solid var(--settings-ref-line) !important;
  background: var(--settings-ref-input-addon) !important;
  color: var(--settings-ref-soft) !important
}
html[data-appearance="light"] #settings-section.banymay-settings #account-settings-card .account-eye {
  border: 0 !important;
  border-left: 1px solid var(--settings-ref-line) !important;
  background: var(--settings-ref-input-addon) !important;
  color: var(--settings-ref-muted) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings #account-settings-card .account-password-hint {
  color: var(--settings-ref-soft) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-actions,
html[data-appearance="light"] #settings-section.banymay-settings .account-actions {
  background: transparent !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-action-btn,
html[data-appearance="light"] #settings-section.banymay-settings .account-btn,
html[data-appearance="light"] #settings-section.banymay-settings #contact-us-card .settings-action-btn {
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-action-btn.save,
html[data-appearance="light"] #settings-section.banymay-settings .settings-action-btn.edit,
html[data-appearance="light"] #settings-section.banymay-settings .account-btn.save,
html[data-appearance="light"] #settings-section.banymay-settings .account-btn.edit,
html[data-appearance="light"] #settings-section.banymay-settings #contact-us-card .settings-action-btn.save {
  border-color: transparent !important;
  background: var(--settings-ref-accent) !important;
  color: var(--settings-ref-accent-dark) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-action-btn.cancel,
html[data-appearance="light"] #settings-section.banymay-settings .account-btn.cancel {
  border: 1px solid var(--settings-ref-border) !important;
  background: transparent !important;
  color: var(--settings-ref-text) !important
}
html[data-appearance="light"] #settings-section.banymay-settings #account-settings-card #account-delete-btn {
  border: 1px solid rgba(231,71,98,0.38) !important;
  background: rgba(231,71,98,0.09) !important;
  color: #e74762 !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-card-stack .billing-panel,
html[data-appearance="light"] #settings-section.banymay-settings .settings-card-stack .chart-history-panel,
html[data-appearance="light"] #settings-section.banymay-settings .settings-card-stack .fi-formula-library,
html[data-appearance="light"] #settings-section.banymay-settings .settings-card-stack .download-data-actions,
html[data-appearance="light"] #settings-section.banymay-settings .settings-card-stack .contact-form {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-card-stack .billing-hero,
html[data-appearance="light"] #settings-section.banymay-settings .settings-card-stack .billing-detail-card,
html[data-appearance="light"] #settings-section.banymay-settings .settings-card-stack .chart-history-card,
html[data-appearance="light"] #settings-section.banymay-settings .settings-card-stack .fi-formula-card {
  background: #ffffff !important;
  box-shadow: none !important
}

@media (max-width: 1120px) {
  html[data-appearance="light"] #settings-section.banymay-settings .settings-side-panel {
    border-right: 0 !important;
    border-bottom: 1px solid var(--settings-ref-line) !important
  }
  html[data-appearance="light"] #settings-section.banymay-settings #platform-settings-card .settings-section-intro,
html[data-appearance="light"] #settings-section.banymay-settings #account-settings-card .settings-section-intro {
    border-right: 0 !important
  }
}
html[data-appearance="light"] #settings-section.banymay-settings,
html[data-appearance="light"] #settings-section.banymay-settings *,
html[data-appearance="light"] #settings-section.banymay-settings *::before,
html[data-appearance="light"] #settings-section.banymay-settings *::after {
  background-image: none !important;
  text-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings {
  color-scheme: light !important;
  background: #ffffff !important;

  --bg-page: #ffffff;
  --bg-sidebar: #ffffff;
  --bg-surface: #ffffff;
  --bg-raised: #ffffff;
  --bg-input: #ffffff;
  --bg-hover: #f2f7fb;
  --text-primary: #173353;
  --text-secondary: #637f9a;
  --text-muted: #637f9a;
  --text-placeholder: #637f9a;
  --border-subtle: #dfeaf3;
  --border-default: #dfeaf3;
  --border-hover: #dfeaf3;
  --accent: #009c93;
  --accent-hover: #009c93;
  --accent-pressed: #009c93;
  --accent-text: #009c93;
  --accent-soft: #173353;
  --text-on-accent: #173353
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-page.settings-page--control-center {
  border: 0 !important;
  background: var(--bg-page) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-panel {
  border: 0 !important;
  border-right: 1px solid var(--border-subtle) !important;
  background: var(--bg-sidebar) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-title {
  color: var(--text-secondary) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-link {
  border: 0 !important;
  background: transparent !important;
  color: var(--text-secondary) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-link:hover {
  background: var(--bg-hover) !important;
  color: var(--text-primary) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-link::before {
  background: var(--accent) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-link.is-active {
  background: var(--accent-soft) !important;
  color: var(--accent-text) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-icon {
  color: currentColor !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-main-panel {
  background: var(--bg-page) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-breadcrumb {
  color: var(--text-muted) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-breadcrumb span:last-child {
  color: var(--text-primary) !important
}
html[data-appearance="light"] #settings-section.banymay-settings #settings-page-title {
  color: var(--text-primary) !important
}
html[data-appearance="light"] #settings-section.banymay-settings #settings-page-subtitle {
  color: var(--text-secondary) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-primary-action {
  border: 0 !important;
  background: var(--accent) !important;
  color: var(--text-on-accent) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-primary-action:hover {
  background: var(--accent-hover) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-primary-action:active {
  background: var(--accent-pressed) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-view-rule {
  background: var(--border-subtle) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-card-stack {
  background: transparent !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-card-stack > details.settings-card {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-card .settings-content {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-platform-layout,
html[data-appearance="light"] #settings-section.banymay-settings .settings-account-layout {
  background: transparent !important
}
html[data-appearance="light"] #settings-section.banymay-settings #platform-settings-card .settings-form-section,
html[data-appearance="light"] #settings-section.banymay-settings #account-settings-card .settings-form-section {
  border: 0 !important;
  border-bottom: 1px solid var(--border-subtle) !important;
  background: transparent !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-section-intro {
  border-right: 1px solid var(--border-subtle) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-section-number {
  color: var(--text-muted) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-section-intro h2 {
  color: var(--text-primary) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-section-intro p {
  color: var(--text-secondary) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-section-fields {
  background: transparent !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-row,
html[data-appearance="light"] #settings-section.banymay-settings .account-row {
  background: transparent !important
}
html[data-appearance="light"] #settings-section.banymay-settings label {
  color: var(--text-primary) !important
}
html[data-appearance="light"] #settings-section.banymay-settings input,
html[data-appearance="light"] #settings-section.banymay-settings select,
html[data-appearance="light"] #settings-section.banymay-settings textarea {
  border: 1px solid var(--border-default) !important;
  background: var(--bg-input) !important;
  color: var(--text-primary) !important;
  box-shadow: none !important;
  outline: 0 !important
}
html[data-appearance="light"] #settings-section.banymay-settings input::placeholder,
html[data-appearance="light"] #settings-section.banymay-settings textarea::placeholder {
  color: var(--text-placeholder) !important
}
html[data-appearance="light"] #settings-section.banymay-settings input:focus,
html[data-appearance="light"] #settings-section.banymay-settings select:focus,
html[data-appearance="light"] #settings-section.banymay-settings textarea:focus,
html[data-appearance="light"] #settings-section.banymay-settings .settings-input-shell:focus-within,
html[data-appearance="light"] #settings-section.banymay-settings .account-input-wrap:focus-within {
  border-color: var(--accent) !important;
  outline: 2px solid rgba(0,156,147,0.3) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings input:disabled,
html[data-appearance="light"] #settings-section.banymay-settings select:disabled,
html[data-appearance="light"] #settings-section.banymay-settings textarea:disabled {
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-input-shell,
html[data-appearance="light"] #settings-section.banymay-settings .account-input-wrap {
  border: 1px solid var(--border-default) !important;
  background: var(--bg-input) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-input-shell input,
html[data-appearance="light"] #settings-section.banymay-settings .account-input-wrap input {
  border: 0 !important;
  background: transparent !important;
  outline: 0 !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-input-addon {
  border-left: 1px solid var(--border-subtle) !important;
  background: var(--bg-surface) !important;
  color: var(--text-secondary) !important
}
html[data-appearance="light"] #settings-section.banymay-settings #account-settings-card .account-eye {
  border: 0 !important;
  border-left: 1px solid var(--border-subtle) !important;
  background: var(--bg-surface) !important;
  color: var(--text-muted) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings #account-settings-card .account-password-hint {
  color: var(--text-secondary) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-action-btn,
html[data-appearance="light"] #settings-section.banymay-settings .account-btn {
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings #platform-settings-card .settings-action-btn.save,
html[data-appearance="light"] #settings-section.banymay-settings #platform-settings-card .settings-action-btn.edit,
html[data-appearance="light"] #settings-section.banymay-settings #account-settings-card .account-btn.save,
html[data-appearance="light"] #settings-section.banymay-settings #account-settings-card .account-btn.edit,
html[data-appearance="light"] #settings-section.banymay-settings #contact-us-card .settings-action-btn.save {
  border-color: transparent !important;
  background: var(--accent) !important;
  color: var(--text-on-accent) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-action-btn.cancel,
html[data-appearance="light"] #settings-section.banymay-settings .account-btn.cancel {
  border: 1px solid var(--border-default) !important;
  background: transparent !important;
  color: var(--text-primary) !important
}
html[data-appearance="light"] #settings-section.banymay-settings #account-settings-card #account-delete-btn {
  border: 1px solid rgba(231,71,98,0.38) !important;
  background: rgba(231,71,98,0.09) !important;
  color: #e74762 !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-card-stack .billing-panel,
html[data-appearance="light"] #settings-section.banymay-settings .settings-card-stack .chart-history-panel,
html[data-appearance="light"] #settings-section.banymay-settings .settings-card-stack .fi-formula-library,
html[data-appearance="light"] #settings-section.banymay-settings .settings-card-stack .download-data-actions,
html[data-appearance="light"] #settings-section.banymay-settings .settings-card-stack .contact-form {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-card-stack .billing-hero,
html[data-appearance="light"] #settings-section.banymay-settings .settings-card-stack .billing-detail-card,
html[data-appearance="light"] #settings-section.banymay-settings .settings-card-stack .chart-history-card,
html[data-appearance="light"] #settings-section.banymay-settings .settings-card-stack .fi-formula-card {
  background: var(--bg-surface) !important;
  box-shadow: none !important
}

@media (max-width: 1180px) {
  html[data-appearance="light"] #settings-section.banymay-settings .settings-side-panel {
    border-right: 0 !important;
    border-bottom: 1px solid var(--border-subtle) !important
  }
  html[data-appearance="light"] #settings-section.banymay-settings .settings-section-intro {
    border-right: 0 !important
  }
}
html[data-appearance="light"] #settings-section,
html[data-appearance="light"] #settings-section *,
html[data-appearance="light"] #settings-section *::before,
html[data-appearance="light"] #settings-section *::after {
  background-image: none !important;
  text-shadow: none !important
}
html[data-appearance="light"] #settings-section.section {
  background: #ffffff !important
}
html[data-appearance="light"] #settings-section {
  --settings-compact-bg: #ffffff;
  --settings-compact-sidebar: #ffffff;
  --settings-compact-field: #ffffff;
  --settings-compact-line: rgba(223,234,243,0.45);
  --settings-compact-border: rgba(223,234,243,0.45);
  --settings-compact-text: #173353;
  --settings-compact-muted: #637f9a;
  --settings-compact-accent: #009c93
}
html[data-appearance="light"] #settings-section .settings-page.settings-page--control-center {
  border: 0 !important;
  background: var(--settings-compact-bg) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-side-panel {
  border: 0 !important;
  border-right: 1px solid var(--settings-compact-line) !important;
  background: var(--settings-compact-sidebar) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-side-title {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section .settings-side-link {
  border: 0 !important;
  background: transparent !important;
  color: var(--settings-compact-text) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-side-link::before {
  background: var(--settings-compact-accent) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-side-link.is-active {
  background: rgba(0,156,147,0.09) !important;
  color: var(--settings-compact-accent) !important
}
html[data-appearance="light"] #settings-section .settings-side-icon {
  color: currentColor !important
}
html[data-appearance="light"] #settings-section .settings-main-panel {
  background: var(--settings-compact-bg) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-breadcrumb {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section .settings-breadcrumb span:last-child {
  color: var(--settings-compact-text) !important
}
html[data-appearance="light"] #settings-section #settings-page-title {
  color: var(--settings-compact-text) !important
}
html[data-appearance="light"] #settings-section #settings-page-subtitle {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section .settings-primary-action {
  border: 0 !important;
  background: var(--settings-compact-accent) !important;
  color: #173353 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-view-rule {
  background: var(--settings-compact-line) !important
}
html[data-appearance="light"] #settings-section .settings-card-stack {
  background: transparent !important
}
html[data-appearance="light"] #settings-section .settings-card-stack > details.settings-card {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-card .settings-content,
html[data-appearance="light"] #settings-section #account-settings-card .settings-content,
html[data-appearance="light"] #settings-section #billing-settings-card .settings-content,
html[data-appearance="light"] #settings-section #chart-history-card .settings-content,
html[data-appearance="light"] #settings-section #download-data-card .settings-content,
html[data-appearance="light"] #settings-section #contact-us-card .settings-content,
html[data-appearance="light"] #settings-section #fi-metrics-formulas-card .settings-content {
  background: transparent !important
}
html[data-appearance="light"] #settings-section .settings-platform-layout,
html[data-appearance="light"] #settings-section .settings-account-layout {
  background: transparent !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-form-section,
html[data-appearance="light"] #settings-section #account-settings-card .settings-form-section {
  border: 0 !important;
  border-bottom: 1px solid var(--settings-compact-line) !important;
  background: transparent !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-intro,
html[data-appearance="light"] #settings-section #account-settings-card .settings-section-intro {
  border-right: 1px solid var(--settings-compact-line) !important
}
html[data-appearance="light"] #settings-section .settings-section-number {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section .settings-section-intro h2 {
  color: var(--settings-compact-text) !important
}
html[data-appearance="light"] #settings-section .settings-section-intro p {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section label {
  color: var(--settings-compact-text) !important
}
html[data-appearance="light"] #settings-section input,
html[data-appearance="light"] #settings-section select,
html[data-appearance="light"] #settings-section textarea {
  border: 1px solid var(--settings-compact-border) !important;
  background: var(--settings-compact-field) !important;
  color: var(--settings-compact-text) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-input-shell,
html[data-appearance="light"] #settings-section .account-input-wrap {
  border: 1px solid var(--settings-compact-border) !important;
  background: var(--settings-compact-field) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-input-shell input,
html[data-appearance="light"] #settings-section .account-input-wrap input {
  border: 0 !important;
  background: transparent !important
}
html[data-appearance="light"] #settings-section .settings-input-addon {
  border-left: 1px solid var(--settings-compact-line) !important;
  background: rgba(136,171,197,0.028) !important;
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section #account-settings-card .account-eye {
  border: 0 !important;
  border-left: 1px solid var(--settings-compact-line) !important;
  background: rgba(136,171,197,0.028) !important;
  box-shadow: none !important;
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section #account-settings-card .account-password-hint {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section .settings-action-btn,
html[data-appearance="light"] #settings-section .account-btn {
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-action-btn.save,
html[data-appearance="light"] #settings-section #platform-settings-card .settings-action-btn.edit,
html[data-appearance="light"] #settings-section #account-settings-card .account-btn.save,
html[data-appearance="light"] #settings-section #account-settings-card .account-btn.edit,
html[data-appearance="light"] #settings-section #contact-us-card .settings-action-btn.save {
  border-color: transparent !important;
  background: var(--settings-compact-accent) !important;
  color: #173353 !important
}
html[data-appearance="light"] #settings-section #account-settings-card #account-delete-btn {
  border: 1px solid rgba(231,71,98,0.38) !important;
  background: rgba(231,71,98,0.09) !important;
  color: #e74762 !important
}
html[data-appearance="light"] #settings-section .settings-card-stack .billing-panel,
html[data-appearance="light"] #settings-section .settings-card-stack .chart-history-panel,
html[data-appearance="light"] #settings-section .settings-card-stack .fi-formula-library,
html[data-appearance="light"] #settings-section .settings-card-stack .download-data-actions,
html[data-appearance="light"] #settings-section .settings-card-stack .contact-form {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-card-stack .billing-hero,
html[data-appearance="light"] #settings-section .settings-card-stack .billing-detail-card,
html[data-appearance="light"] #settings-section .settings-card-stack .chart-history-card,
html[data-appearance="light"] #settings-section .settings-card-stack .fi-formula-card {
  background: var(--settings-compact-sidebar) !important;
  box-shadow: none !important
}

@media (max-width: 1120px) {
  html[data-appearance="light"] #settings-section .settings-side-panel {
    border-right: 0 !important;
    border-bottom: 1px solid var(--settings-compact-line) !important
  }
  html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-intro,
html[data-appearance="light"] #settings-section #account-settings-card .settings-section-intro {
    border-right: 0 !important
  }
}
html[data-appearance="light"] #settings-section.section {
  background: var(--app-page-surface-bg, #ffffff) !important
}
html[data-appearance="light"] #settings-section {
  --settings-compact-bg: var(--app-page-surface-bg, #ffffff);
  --settings-compact-panel: #ffffff;
  --settings-compact-field: #ffffff;
  --settings-compact-line: rgba(223,234,243,0.45);
  --settings-compact-border: rgba(223,234,243,0.45);
  --settings-compact-text: var(--app-soft-text, #173353);
  --settings-compact-muted: #637f9a;
  --settings-compact-accent: #009c93
}
html[data-appearance="light"] #settings-section .settings-page.settings-page--control-center {
  border: 0 !important;
  background: var(--settings-compact-bg) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-side-panel {
  border: 0 !important;
  border-right: 1px solid var(--settings-compact-line) !important;
  background: var(--settings-compact-panel) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-side-title {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section .settings-side-link {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--settings-compact-text) !important
}
html[data-appearance="light"] #settings-section .settings-side-link::before {
  background: var(--settings-compact-accent) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-side-link.is-active {
  background: rgba(0,156,147,0.09) !important;
  color: var(--settings-compact-accent) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-side-icon {
  color: currentColor !important
}
html[data-appearance="light"] #settings-section .settings-main-panel {
  background: var(--settings-compact-bg) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-breadcrumb {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section .settings-breadcrumb span:last-child {
  color: var(--settings-compact-text) !important
}
html[data-appearance="light"] #settings-section #settings-page-title {
  color: var(--settings-compact-text) !important
}
html[data-appearance="light"] #settings-section #settings-page-subtitle {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section .settings-primary-action {
  border: 0 !important;
  background: var(--settings-compact-accent) !important;
  color: #173353 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-view-rule {
  background: var(--settings-compact-line) !important
}
html[data-appearance="light"] #settings-section .settings-card-stack {
  background: transparent !important
}
html[data-appearance="light"] #settings-section .settings-card-stack > details.settings-card {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-card .settings-content {
  background: transparent !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-platform-layout {
  background: transparent !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-form-section {
  border: 0 !important;
  border-bottom: 1px solid var(--settings-compact-line) !important;
  background: transparent !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-intro {
  border-right: 1px solid var(--settings-compact-line) !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-number {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-intro h2 {
  color: var(--settings-compact-text) !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-intro p {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section #platform-settings-card label,
html[data-appearance="light"] #settings-section #account-settings-card label,
html[data-appearance="light"] #settings-section #contact-us-card label {
  color: var(--settings-compact-text) !important
}
html[data-appearance="light"] #settings-section #platform-settings-card input,
html[data-appearance="light"] #settings-section #platform-settings-card select,
html[data-appearance="light"] #settings-section #account-settings-card input,
html[data-appearance="light"] #settings-section #contact-us-card input,
html[data-appearance="light"] #settings-section #contact-us-card select,
html[data-appearance="light"] #settings-section #contact-us-card textarea {
  border: 1px solid var(--settings-compact-border) !important;
  background: var(--settings-compact-field) !important;
  color: var(--settings-compact-text) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-input-shell {
  border: 1px solid var(--settings-compact-border) !important;
  background: var(--settings-compact-field) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-input-shell input {
  border: 0 !important;
  background: transparent !important
}
html[data-appearance="light"] #settings-section .settings-input-addon {
  border-left: 1px solid var(--settings-compact-line) !important;
  background: rgba(136,171,197,0.035) !important;
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-action-btn,
html[data-appearance="light"] #settings-section #account-settings-card .account-btn,
html[data-appearance="light"] #settings-section #contact-us-card .settings-action-btn {
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-action-btn.save,
html[data-appearance="light"] #settings-section #platform-settings-card .settings-action-btn.edit,
html[data-appearance="light"] #settings-section #account-settings-card .account-btn.save,
html[data-appearance="light"] #settings-section #account-settings-card .account-btn.edit,
html[data-appearance="light"] #settings-section #contact-us-card .settings-action-btn.save {
  border-color: transparent !important;
  background: var(--settings-compact-accent) !important;
  color: #173353 !important
}
html[data-appearance="light"] #settings-section .settings-card-stack .billing-panel,
html[data-appearance="light"] #settings-section .settings-card-stack .chart-history-panel,
html[data-appearance="light"] #settings-section .settings-card-stack .fi-formula-library,
html[data-appearance="light"] #settings-section .settings-card-stack .download-data-actions,
html[data-appearance="light"] #settings-section .settings-card-stack .contact-form {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-card-stack .billing-hero,
html[data-appearance="light"] #settings-section .settings-card-stack .billing-detail-card,
html[data-appearance="light"] #settings-section .settings-card-stack .chart-history-card,
html[data-appearance="light"] #settings-section .settings-card-stack .fi-formula-card {
  background: var(--settings-compact-panel) !important;
  box-shadow: none !important
}

@media (max-width: 1120px) {
  html[data-appearance="light"] #settings-section .settings-side-panel {
    border-right: 0 !important;
    border-bottom: 1px solid var(--settings-compact-line) !important
  }
  html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-intro {
    border-right: 0 !important
  }
}
html[data-appearance="light"] #settings-section {
  --settings-page-bg: #ffffff;
  --settings-panel-bg: #ffffff;
  --settings-panel-soft: #ffffff;
  --settings-text: #173353;
  --settings-muted: #637f9a;
  --settings-line: rgba(223,234,243,0.45);
  --settings-border: rgba(223,234,243,0.45);
  --settings-accent: #009c93;
  --settings-accent-strong: #009c93
}
html[data-appearance="light"] #settings-section .settings-page.settings-page--control-center {
  color: var(--settings-text);
  background:
    radial-gradient(circle at 14% 12%, rgba(0,156,147,0.09), transparent 30%),
    radial-gradient(circle at 100% 4%, rgba(0,156,147,0.07), transparent 28%),
    var(--settings-page-bg);
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-side-panel {
  border-right: 1px solid var(--settings-line);
  background:
    radial-gradient(circle at 16% 10%, rgba(0,156,147,0.08), transparent 34%),
    #ffffff
}
html[data-appearance="light"] #settings-section .settings-side-title {
  color: #173353
}
html[data-appearance="light"] #settings-section .settings-side-link {
  border: 0;
  color: #173353;
  background: transparent
}
html[data-appearance="light"] #settings-section .settings-side-link::before {
  background: var(--settings-accent);
  box-shadow: 0 0 18px rgba(107,142,170,0.11)
}
html[data-appearance="light"] #settings-section .settings-side-link:hover {
  color: #173353;
  background: rgba(136,171,197,0.035)
}
html[data-appearance="light"] #settings-section .settings-side-link.is-active {
  color: var(--settings-accent);
  background:
    linear-gradient(90deg, rgba(0,156,147,0.09), rgba(0,156,147,0.07)),
    rgba(136,171,197,0.035);
  box-shadow: inset 0 0 0 1px rgba(107,142,170,0.014)
}
html[data-appearance="light"] #settings-section .settings-side-icon {
  color: currentColor
}
html[data-appearance="light"] #settings-section .settings-side-icon svg,
html[data-appearance="light"] #settings-section .settings-primary-action svg {
  fill: none;
  stroke: currentColor
}
html[data-appearance="light"] #settings-section .settings-breadcrumb {
  color: #173353
}
html[data-appearance="light"] #settings-section #settings-page-title {
  color: #173353
}
html[data-appearance="light"] #settings-section #settings-page-subtitle {
  color: var(--settings-muted)
}
html[data-appearance="light"] #settings-section .settings-primary-action {
  border: 0;
  color: #173353;
  background: linear-gradient(135deg, #009c93, #009c93);
  box-shadow: 0 14px 30px rgba(107,142,170,0.036)
}
html[data-appearance="light"] #settings-section .settings-view-rule {
  background: var(--settings-line)
}
html[data-appearance="light"] #settings-section .settings-card-stack > .settings-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-form-section {
  border-bottom: 1px solid var(--settings-line)
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-intro {
  border-right: 1px solid var(--settings-line)
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-number {
  color: #637f9a
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-intro h2 {
  color: #173353
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-intro p {
  color: var(--settings-muted)
}
html[data-appearance="light"] #settings-section .settings-field label,
html[data-appearance="light"] #settings-section .settings-row label,
html[data-appearance="light"] #settings-section .account-row label,
html[data-appearance="light"] #settings-section .contact-form-row label {
  color: #173353 !important
}
html[data-appearance="light"] #settings-section #platform-settings-card :is(input, select),
html[data-appearance="light"] #settings-section #account-settings-card :is(input, select),
html[data-appearance="light"] #settings-section #contact-us-card :is(input, select, textarea),
html[data-appearance="light"] #settings-section #chart-history-card :is(input, select) {
  border: 1px solid rgba(223,234,243,0.45);
  color: #173353;
  background:
    linear-gradient(135deg, rgba(136,171,197,0.025), rgba(136,171,197,0.005)),
    #ffffff;
  box-shadow:
    0 14px 28px rgba(107,142,170,0.032),
    inset 0 1px 0 rgba(107,142,170,0.007);
  outline: none
}
html[data-appearance="light"] #settings-section #platform-settings-card :is(input, select):focus,
html[data-appearance="light"] #settings-section #account-settings-card :is(input, select):focus,
html[data-appearance="light"] #settings-section #contact-us-card :is(input, select, textarea):focus,
html[data-appearance="light"] #settings-section #chart-history-card :is(input, select):focus {
  border-color: rgba(0,156,147,0.38);
  box-shadow:
    0 0 0 3px rgba(107,142,170,0.02),
    0 14px 28px rgba(107,142,170,0.032)
}
html[data-appearance="light"] #settings-section #platform-settings-card :is(input, select):disabled,
html[data-appearance="light"] #settings-section #account-settings-card :is(input, select):disabled,
html[data-appearance="light"] #settings-section #account-settings-card input[readonly] {
  color: #173353
}
html[data-appearance="light"] #settings-section .settings-input-shell--with-addon {
  border: 1px solid rgba(223,234,243,0.45);
  background: #ffffff;
  box-shadow:
    0 14px 28px rgba(107,142,170,0.032),
    inset 0 1px 0 rgba(107,142,170,0.007)
}
html[data-appearance="light"] #settings-section .settings-input-shell--with-addon:focus-within {
  border-color: rgba(0,156,147,0.38);
  box-shadow:
    0 0 0 3px rgba(107,142,170,0.02),
    0 14px 28px rgba(107,142,170,0.032)
}
html[data-appearance="light"] #settings-section .settings-input-shell--with-addon input {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-input-addon {
  border-left: 1px solid rgba(223,234,243,0.45);
  color: #637f9a;
  background: rgba(136,171,197,0.035)
}
html[data-appearance="light"] #settings-section #settings-investing-result {
  color: #637f9a
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-action-btn,
html[data-appearance="light"] #settings-section #account-settings-card .account-btn,
html[data-appearance="light"] #settings-section #contact-us-card .settings-action-btn {
  border: 1px solid rgba(0,156,147,0.32)
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-action-btn.save,
html[data-appearance="light"] #settings-section #platform-settings-card .settings-action-btn.edit,
html[data-appearance="light"] #settings-section #account-settings-card .account-btn.save,
html[data-appearance="light"] #settings-section #account-settings-card .account-btn.edit,
html[data-appearance="light"] #settings-section #contact-us-card .settings-action-btn.save {
  color: #173353;
  background: linear-gradient(135deg, #009c93, #009c93);
  border-color: transparent
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-action-btn.cancel,
html[data-appearance="light"] #settings-section #account-settings-card .account-btn.cancel {
  color: #173353;
  background: rgba(136,171,197,0.035);
  border-color: rgba(223,234,243,0.45)
}
html[data-appearance="light"] .nav-menu li a.active {
  background: transparent !important;
  color: var(--settings-accent, #009c93) !important
}
html[data-appearance="light"] .nav-menu li a.nav-link::after {
  background: linear-gradient(90deg, transparent, #009c93 16%, #009c93 84%, transparent) !important;
  box-shadow: 0 0 12px rgba(107,142,170,0.088)
}

@media (max-width: 1120px) {
  html[data-appearance="light"] #settings-section .settings-side-panel {
    border-right: 0;
    border-bottom: 1px solid var(--settings-line)
  }
  html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-intro {
    border-right: 0
  }
}

@media (max-width: 768px) {
  html[data-appearance="light"] #stocks-section .stocks-table-scroll .stocks-table thead th:nth-child(3),
html[data-appearance="light"] #stocks-section .stocks-table-scroll .stocks-table thead th:nth-child(4),
html[data-appearance="light"] #stocks-section .stocks-table-scroll .stocks-table thead th:nth-child(6),
html[data-appearance="light"] #stocks-section .stocks-table-scroll .stocks-table thead th:nth-child(9),
html[data-appearance="light"] #stocks-section .stocks-table-scroll #stocks-tbody td[data-field='symbol'],
html[data-appearance="light"] #stocks-section .stocks-table-scroll #stocks-tbody td[data-field='weight'],
html[data-appearance="light"] #stocks-section .stocks-table-scroll #stocks-tbody td[data-field='allocation'],
html[data-appearance="light"] #stocks-section .stocks-table-scroll #stocks-tbody td[data-field='price_change'] {
    background-image: none !important
  }
  html[data-appearance="light"] #stocks-section .stocks-table-scroll .stocks-table thead th:nth-child(3),
html[data-appearance="light"] #stocks-section .stocks-table-scroll .stocks-table thead th:nth-child(4),
html[data-appearance="light"] #stocks-section .stocks-table-scroll .stocks-table thead th:nth-child(6),
html[data-appearance="light"] #stocks-section .stocks-table-scroll .stocks-table thead th:nth-child(9) {
    background: var(--app-page-surface-bg) !important
  }
  html[data-appearance="light"] #stocks-section .stocks-table-scroll #stocks-tbody td[data-field='symbol'],
html[data-appearance="light"] #stocks-section .stocks-table-scroll #stocks-tbody td[data-field='weight'],
html[data-appearance="light"] #stocks-section .stocks-table-scroll #stocks-tbody td[data-field='allocation'],
html[data-appearance="light"] #stocks-section .stocks-table-scroll #stocks-tbody td[data-field='price_change'] {
    background: var(--app-dashboard-panel-surface-bg) !important
  }
  html[data-appearance="light"] #stocks-section .stocks-table-scroll .stocks-table thead th:nth-child(9),
html[data-appearance="light"] #stocks-section .stocks-table-scroll #stocks-tbody td[data-field='price_change'] {
    box-shadow: 10px 0 14px rgba(107,142,170,0.052) !important
  }
}
html[data-appearance="light"] #stocks-gains-section #stocks-gains-table thead tr {
  background: var(--app-page-surface-bg) !important
}
html[data-appearance="light"] #stocks-gains-section #stocks-gains-table-body tr {
  background: var(--app-dashboard-panel-surface-bg) !important;
  border: 0 !important;
  box-shadow: inset 0 1px 0 var(--app-table-surface-border) !important
}
html[data-appearance="light"] #stocks-gains-section #stocks-gains-table thead th,
html[data-appearance="light"] #stocks-gains-section #stocks-gains-table-body td {
  background: transparent !important;
  border: 0 !important
}
html[data-appearance="light"] #stocks-gains-section #stocks-gains-table thead th {
  color: var(--premium-table-text) !important;
  border-bottom: 1px solid var(--app-table-surface-border) !important
}
html[data-appearance="light"] #settings-section,
html[data-appearance="light"] #settings-section *,
html[data-appearance="light"] #settings-section *::before,
html[data-appearance="light"] #settings-section *::after {
  background-image: none !important
}
html[data-appearance="light"] #settings-section.section {
  background: var(--app-page-surface-bg, #ffffff) !important
}
html[data-appearance="light"] #settings-section {
  --settings-compact-bg: var(--app-page-surface-bg, #ffffff);
  --settings-compact-panel: #ffffff;
  --settings-compact-field: #ffffff;
  --settings-compact-line: rgba(223,234,243,0.45);
  --settings-compact-border: rgba(223,234,243,0.45);
  --settings-compact-text: var(--app-soft-text, #173353);
  --settings-compact-muted: #637f9a;
  --settings-compact-accent: #009c93
}
html[data-appearance="light"] #settings-section .settings-page.settings-page--control-center {
  border: 0 !important;
  background: var(--settings-compact-bg) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-side-panel {
  border: 0 !important;
  border-right: 1px solid var(--settings-compact-line) !important;
  background: var(--settings-compact-panel) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-side-title {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section .settings-side-link {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--settings-compact-text) !important
}
html[data-appearance="light"] #settings-section .settings-side-link::before {
  background: var(--settings-compact-accent) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-side-link.is-active {
  background: rgba(0,156,147,0.09) !important;
  color: var(--settings-compact-accent) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-side-icon {
  color: currentColor !important
}
html[data-appearance="light"] #settings-section .settings-main-panel {
  background: var(--settings-compact-bg) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-breadcrumb {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section .settings-breadcrumb span:last-child {
  color: var(--settings-compact-text) !important
}
html[data-appearance="light"] #settings-section #settings-page-title {
  color: var(--settings-compact-text) !important
}
html[data-appearance="light"] #settings-section #settings-page-subtitle {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section .settings-primary-action {
  border: 0 !important;
  background: var(--settings-compact-accent) !important;
  color: #173353 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-view-rule {
  background: var(--settings-compact-line) !important
}
html[data-appearance="light"] #settings-section .settings-card-stack {
  background: transparent !important
}
html[data-appearance="light"] #settings-section .settings-card-stack > details.settings-card {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-card .settings-content {
  background: transparent !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-platform-layout {
  background: transparent !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-form-section {
  border: 0 !important;
  border-bottom: 1px solid var(--settings-compact-line) !important;
  background: transparent !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-intro {
  border-right: 1px solid var(--settings-compact-line) !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-number {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-intro h2 {
  color: var(--settings-compact-text) !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-intro p {
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section #platform-settings-card label,
html[data-appearance="light"] #settings-section #account-settings-card label,
html[data-appearance="light"] #settings-section #contact-us-card label {
  color: var(--settings-compact-text) !important
}
html[data-appearance="light"] #settings-section #platform-settings-card input,
html[data-appearance="light"] #settings-section #platform-settings-card select,
html[data-appearance="light"] #settings-section #account-settings-card input,
html[data-appearance="light"] #settings-section #contact-us-card input,
html[data-appearance="light"] #settings-section #contact-us-card select,
html[data-appearance="light"] #settings-section #contact-us-card textarea {
  border: 1px solid var(--settings-compact-border) !important;
  background: var(--settings-compact-field) !important;
  color: var(--settings-compact-text) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-input-shell {
  border: 1px solid var(--settings-compact-border) !important;
  background: var(--settings-compact-field) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-input-shell input {
  border: 0 !important;
  background: transparent !important
}
html[data-appearance="light"] #settings-section .settings-input-addon {
  border-left: 1px solid var(--settings-compact-line) !important;
  background: rgba(136,171,197,0.035) !important;
  color: var(--settings-compact-muted) !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-action-btn,
html[data-appearance="light"] #settings-section #account-settings-card .account-btn,
html[data-appearance="light"] #settings-section #contact-us-card .settings-action-btn {
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section #platform-settings-card .settings-action-btn.save,
html[data-appearance="light"] #settings-section #platform-settings-card .settings-action-btn.edit,
html[data-appearance="light"] #settings-section #account-settings-card .account-btn.save,
html[data-appearance="light"] #settings-section #account-settings-card .account-btn.edit,
html[data-appearance="light"] #settings-section #contact-us-card .settings-action-btn.save {
  border-color: transparent !important;
  background: var(--settings-compact-accent) !important;
  color: #173353 !important
}
html[data-appearance="light"] #settings-section .settings-card-stack .billing-panel,
html[data-appearance="light"] #settings-section .settings-card-stack .chart-history-panel,
html[data-appearance="light"] #settings-section .settings-card-stack .fi-formula-library,
html[data-appearance="light"] #settings-section .settings-card-stack .download-data-actions,
html[data-appearance="light"] #settings-section .settings-card-stack .contact-form {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section .settings-card-stack .billing-hero,
html[data-appearance="light"] #settings-section .settings-card-stack .billing-detail-card,
html[data-appearance="light"] #settings-section .settings-card-stack .chart-history-card,
html[data-appearance="light"] #settings-section .settings-card-stack .fi-formula-card {
  background: var(--settings-compact-panel) !important;
  box-shadow: none !important
}

@media (max-width: 1120px) {
  html[data-appearance="light"] #settings-section .settings-side-panel {
    border-right: 0 !important;
    border-bottom: 1px solid var(--settings-compact-line) !important
  }
  html[data-appearance="light"] #settings-section #platform-settings-card .settings-section-intro {
    border-right: 0 !important
  }
}
html[data-appearance="light"] #settings-section.banymay-settings,
html[data-appearance="light"] #settings-section.banymay-settings *,
html[data-appearance="light"] #settings-section.banymay-settings *::before,
html[data-appearance="light"] #settings-section.banymay-settings *::after {
  background-image: none !important;
  text-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings.section {
  background: #ffffff !important;
  color: #173353 !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-page.settings-page--control-center {
  border: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-panel {
  border: 0 !important;
  border-right: 1px solid rgba(223,234,243,0.45) !important;
  background: #ffffff !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-title {
  color: #637f9a !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-link {
  border: 0 !important;
  background: transparent !important;
  color: #173353 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-link::before {
  background: transparent !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-link:hover {
  color: #173353 !important;
  background: rgba(136,171,197,0.025) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-link.is-active,
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-link[aria-selected="true"] {
  color: #009c93 !important;
  background: #f2f7fb !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-link.is-active::before,
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-link[aria-selected="true"]::before {
  background: #009c93 !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-side-icon {
  color: currentColor !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-main-panel {
  border: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-topbar {
  border-bottom: 1px solid rgba(223,234,243,0.45) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-breadcrumb {
  color: #637f9a !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-breadcrumb-current {
  color: #173353 !important
}
html[data-appearance="light"] #settings-section.banymay-settings #settings-page-title {
  color: #173353 !important
}
html[data-appearance="light"] #settings-section.banymay-settings #settings-page-subtitle {
  color: #637f9a !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-primary-action {
  border: 0 !important;
  background: #009c93 !important;
  color: #173353 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-primary-action:hover {
  background: #009c93 !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-card {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-form-section {
  border: 0 !important;
  border-bottom: 1px solid rgba(223,234,243,0.45) !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-form-section:last-child {
  border-bottom: 0 !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-section-intro,
html[data-appearance="light"] #settings-section.banymay-settings .settings-section-copy {
  border-right: 1px solid rgba(223,234,243,0.45) !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-section-number,
html[data-appearance="light"] #settings-section.banymay-settings .settings-section-index {
  color: #637f9a !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-section-intro h2,
html[data-appearance="light"] #settings-section.banymay-settings .settings-section-copy h2 {
  color: #173353 !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-section-intro p,
html[data-appearance="light"] #settings-section.banymay-settings .settings-section-copy p {
  color: #637f9a !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-field > label,
html[data-appearance="light"] #settings-section.banymay-settings .account-row > label,
html[data-appearance="light"] #settings-section.banymay-settings .contact-field > label {
  color: #173353 !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-field input,
html[data-appearance="light"] #settings-section.banymay-settings .settings-field select,
html[data-appearance="light"] #settings-section.banymay-settings .settings-field textarea,
html[data-appearance="light"] #settings-section.banymay-settings .account-row input,
html[data-appearance="light"] #settings-section.banymay-settings .contact-field input,
html[data-appearance="light"] #settings-section.banymay-settings .contact-field select,
html[data-appearance="light"] #settings-section.banymay-settings .contact-field textarea {
  border: 1px solid rgba(223,234,243,0.45) !important;
  background: #ffffff !important;
  color: #173353 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-field input:focus,
html[data-appearance="light"] #settings-section.banymay-settings .settings-field select:focus,
html[data-appearance="light"] #settings-section.banymay-settings .settings-field textarea:focus,
html[data-appearance="light"] #settings-section.banymay-settings .account-row input:focus,
html[data-appearance="light"] #settings-section.banymay-settings .contact-field input:focus,
html[data-appearance="light"] #settings-section.banymay-settings .contact-field select:focus,
html[data-appearance="light"] #settings-section.banymay-settings .contact-field textarea:focus {
  border-color: rgba(0,156,147,0.38) !important;
  outline: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-field input[readonly],
html[data-appearance="light"] #settings-section.banymay-settings .settings-field input:disabled,
html[data-appearance="light"] #settings-section.banymay-settings .settings-field select:disabled,
html[data-appearance="light"] #settings-section.banymay-settings .account-row input[readonly],
html[data-appearance="light"] #settings-section.banymay-settings .account-row input:disabled {
  color: #173353 !important;
  -webkit-text-fill-color: #173353 !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-input-shell,
html[data-appearance="light"] #settings-section.banymay-settings .account-input-wrap {
  border: 1px solid rgba(223,234,243,0.45) !important;
  background: #ffffff !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-input-shell input,
html[data-appearance="light"] #settings-section.banymay-settings .account-input-wrap input {
  border: 0 !important
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-input-addon,
html[data-appearance="light"] #settings-section.banymay-settings .account-eye {
  border: 0 !important;
  border-left: 1px solid rgba(223,234,243,0.45) !important;
  background: rgba(136,171,197,0.025) !important;
  color: #637f9a !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .account-password-hint {
  color: #637f9a !important
}
html[data-appearance="light"] #settings-section.banymay-settings .account-btn.danger,
html[data-appearance="light"] #settings-section.banymay-settings #account-delete-btn {
  border: 1px solid rgba(231,71,98,0.38) !important;
  background: rgba(231,71,98,0.09) !important;
  color: #e74762 !important;
  box-shadow: none !important
}
html[data-appearance="light"] #settings-section.banymay-settings .account-actions--hidden-controls,
html[data-appearance="light"] #settings-section.banymay-settings #platform-settings-card .settings-actions--platform,
html[data-appearance="light"] #settings-section.banymay-settings .settings-actions--platform {
  border: 0 !important
}

@media (max-width: 1180px) {
  html[data-appearance="light"] #settings-section.banymay-settings .settings-side-panel {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(223,234,243,0.45) !important
  }
  html[data-appearance="light"] #settings-section.banymay-settings .settings-section-intro,
html[data-appearance="light"] #settings-section.banymay-settings .settings-section-copy {
    border-right: 0 !important
  }
}
html[data-appearance="light"] #settings-section.banymay-settings .settings-topbar {
  border-bottom: 1px solid rgba(223,234,243,0.45) !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-table thead {
  background: var(--stocks-surface) !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-table thead tr {
  background: linear-gradient(180deg, #ffffff, #ffffff) !important;
  box-shadow: 0 1px 0 var(--stocks-border), 0 10px 18px rgba(107,142,170,0.048) !important
}
html[data-appearance="light"] .portfolio-summary-strip {
  border: 1px solid var(--stocks-border, #dfeaf3) !important;
  background: #ffffff !important;
  box-shadow: none !important
}
html[data-appearance="light"] .portfolio-summary-item {
  border: 0 !important;
  border-right: 1px solid var(--stocks-border, #dfeaf3) !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] .portfolio-summary-item:last-child {
  border-right: 0 !important
}
html[data-appearance="light"] .portfolio-summary-label {
  color: var(--stocks-text-secondary, #637f9a) !important
}
html[data-appearance="light"] .portfolio-summary-value {
  color: var(--stocks-text, #173353) !important
}
html[data-appearance="light"] .portfolio-summary-item:first-child .portfolio-summary-value,
html[data-appearance="light"] #stocks-summary-balance {
  color: var(--stocks-accent, #009c93) !important
}
html[data-appearance="light"] .portfolio-summary-item:nth-child(4) .portfolio-summary-value {
  color: var(--stocks-accent, #009c93) !important
}
html[data-appearance="light"] .portfolio-summary-value.positive {
  color: var(--stocks-positive, #009c93) !important
}
html[data-appearance="light"] .portfolio-summary-value.negative {
  color: var(--stocks-negative, #e74762) !important
}

@media (max-width: 768px) {
  html[data-appearance="light"] .portfolio-summary-item:nth-child(2) {
    border-right: 0 !important
  }
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page {
  --stocks-border: #dfeaf3;
  --stocks-text: #173353;
  --stocks-text-secondary: #637f9a;
  --stocks-accent: #009c93;
  --stocks-positive: #009c93;
  --stocks-negative: #e74762;
  background: #ffffff !important;
  color: #173353 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-last-updated {
  color: #637f9a !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-stat-band,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-history-card {
  border: 1px solid rgba(223,234,243,0.45) !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-total-deposits {
  border-right: 1px solid rgba(223,234,243,0.45) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-breakdown #deposits-money-invested-list .breakdown-item,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-breakdown .breakdown-item {
  border: 0 !important;
  border-left: 1px solid rgba(223,234,243,0.45) !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-breakdown #deposits-money-invested-list .breakdown-item:first-child,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-breakdown .breakdown-item:first-child {
  border-left: 0 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-date-control .deposits-date-placeholder {
  color: #637f9a !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-table-scroll {
  border-top: 1px solid rgba(223,234,243,0.45) !important;
  border-bottom: 1px solid rgba(223,234,243,0.45) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table th,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table td {
  border-bottom: 1px solid rgba(223,234,243,0.45) !important
}

@media (max-width: 1100px) {
  html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-total-deposits {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(223,234,243,0.45) !important
  }
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-view-switch {
  border: 1px solid rgba(223,234,243,0.45) !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-view-switch .allocation-option {
  border: 1px solid transparent !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #173353 !important;
  text-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-view-switch .allocation-option.active {
  border-color: rgba(0,156,147,0.38) !important;
  background: rgba(0,156,147,0.09) !important;
  box-shadow: 0 0 0 1px rgba(107,142,170,0.016) inset !important;
  color: #009c93 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-view-switch .allocation-option:not(.active):hover {
  border-color: rgba(223,234,243,0.45) !important;
  background: rgba(136,171,197,0.025) !important;
  color: #173353 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-table-scroll {
  background: #ffffff !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table {
  background: #ffffff !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table thead,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tbody,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tr,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table th,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table td {
  background: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tbody tr:hover td {
  background: #ffffff !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-chart-card {
  background: #ffffff !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-chart-legend {
  color: #173353 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-chart-legend-dot--average {
  border: 2px solid rgba(0,156,147,0.38) !important;
  background: rgba(0,156,147,0.09) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-chart-legend-dot--monthly {
  border: 2px solid rgba(0,156,147,0.38) !important;
  background: #009c93 !important
}
html[data-appearance="light"] body:has(#stocks-section.stocks-redesign-page.active),
html[data-appearance="light"] body.theme-blue:has(#stocks-section.stocks-redesign-page.active),
html[data-appearance="light"] body:has(#stocks-section.stocks-redesign-page.active) > .container,
html[data-appearance="light"] body.theme-blue:has(#stocks-section.stocks-redesign-page.active) > .container,
html[data-appearance="light"] #stocks-section.stocks-redesign-page {
  background: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page {
  --stocks-bg: #ffffff
}
html[data-appearance="light"] {
  --banymay-app-page-bg: #ffffff
}
html[data-appearance="light"] body,
html[data-appearance="light"] body.theme-blue,
html[data-appearance="light"] body > .container,
html[data-appearance="light"] body.theme-blue > .container,
html[data-appearance="light"] .section,
html[data-appearance="light"] .section.active,
html[data-appearance="light"] #dashboard-section.banymay-dashboard,
html[data-appearance="light"] #stocks-section.stocks-redesign-page,
html[data-appearance="light"] #sectors-section,
html[data-appearance="light"] #deposits-section.deposits-redesign-page,
html[data-appearance="light"] #withdrawals-section,
html[data-appearance="light"] #dividends-section.dividends-page,
html[data-appearance="light"] #stocks-gains-section,
html[data-appearance="light"] #taxes-section,
html[data-appearance="light"] #profile-section,
html[data-appearance="light"] #settings-section.banymay-settings,
html[data-appearance="light"] #leaderboard-section,
html[data-appearance="light"] #admin-section {
  background: var(--banymay-app-page-bg) !important;
  background-image: none !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-risk-legend-text {
  color: var(--dashboard-text) !important
}
html[data-appearance="light"] #dashboard-section.banymay-dashboard .dashboard-risk-chart-wrap .balance-risk-info-strip {
  border-color: rgba(0,156,147,0.18) !important;
  background: #ffffff !important;
  box-shadow: 0 12px 28px rgba(107,142,170,0.052) !important;
  color: #173353 !important
}
html[data-appearance="light"] .portfolio-summary-strip .portfolio-summary-item:nth-child(4) .portfolio-summary-value {
  color: var(--stocks-text, #173353) !important
}
html[data-appearance="light"] .portfolio-summary-strip .portfolio-summary-item:nth-child(6) .portfolio-summary-value {
  color: var(--stocks-accent, #009c93) !important
}
html[data-appearance="light"] .portfolio-summary-strip .portfolio-summary-value.positive {
  color: var(--stocks-positive, #009c93) !important
}
html[data-appearance="light"] .portfolio-summary-strip .portfolio-summary-value.negative {
  color: var(--stocks-negative, #e74762) !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-summary-strip,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-portfolio-summary,
html[data-appearance="light"] #dividends-section.dividends-page .dividends-summary-strip {
  border: 1px solid var(--stocks-border, #dfeaf3) !important;
  background: #ffffff !important;
  box-shadow: none !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-summary-strip .portfolio-summary-item,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-portfolio-summary .portfolio-summary-item,
html[data-appearance="light"] #dividends-section.dividends-page .dividends-summary-strip .portfolio-summary-item {
  border: 0 !important;
  border-right: 1px solid var(--stocks-border, #dfeaf3) !important;
  border-bottom: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-summary-strip .portfolio-summary-item:last-child,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-portfolio-summary .portfolio-summary-item:last-child,
html[data-appearance="light"] #dividends-section.dividends-page .dividends-summary-strip .portfolio-summary-item:last-child {
  border-right: 0 !important;
  border-bottom: 0 !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-summary-strip .portfolio-summary-label,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-portfolio-summary .portfolio-summary-label,
html[data-appearance="light"] #dividends-section.dividends-page .dividends-summary-strip .portfolio-summary-label {
  color: var(--stocks-text-secondary, #637f9a) !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-summary-strip .portfolio-summary-value,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-portfolio-summary .portfolio-summary-value,
html[data-appearance="light"] #dividends-section.dividends-page .dividends-summary-strip .portfolio-summary-value {
  color: var(--stocks-text, #173353) !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-summary-strip .portfolio-summary-item:first-child .portfolio-summary-value,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-portfolio-summary .portfolio-summary-item:first-child .portfolio-summary-value,
html[data-appearance="light"] #dividends-section.dividends-page .dividends-summary-strip .portfolio-summary-item:first-child .portfolio-summary-value,
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-summary-strip .portfolio-summary-item:nth-child(6) .portfolio-summary-value,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-portfolio-summary .portfolio-summary-item:nth-child(6) .portfolio-summary-value,
html[data-appearance="light"] #dividends-section.dividends-page .dividends-summary-strip .portfolio-summary-item:nth-child(6) .portfolio-summary-value {
  color: var(--stocks-accent, #009c93) !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-summary-strip .portfolio-summary-value.positive,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-portfolio-summary .portfolio-summary-value.positive,
html[data-appearance="light"] #dividends-section.dividends-page .dividends-summary-strip .portfolio-summary-value.positive {
  color: var(--stocks-positive, #009c93) !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-summary-strip .portfolio-summary-value.negative,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-portfolio-summary .portfolio-summary-value.negative,
html[data-appearance="light"] #dividends-section.dividends-page .dividends-summary-strip .portfolio-summary-value.negative {
  color: var(--stocks-negative, #e74762) !important
}
html[data-appearance="light"] #sectors-section > .portfolio-summary-strip .portfolio-summary-value.positive,
html[data-appearance="light"] #withdrawals-section > .portfolio-summary-strip .portfolio-summary-value.positive,
html[data-appearance="light"] #stocks-gains-section > .portfolio-summary-strip .portfolio-summary-value.positive,
html[data-appearance="light"] #taxes-section > .portfolio-summary-strip .portfolio-summary-value.positive {
  color: var(--stocks-positive, #009c93) !important
}
html[data-appearance="light"] #sectors-section > .portfolio-summary-strip .portfolio-summary-value.negative,
html[data-appearance="light"] #withdrawals-section > .portfolio-summary-strip .portfolio-summary-value.negative,
html[data-appearance="light"] #stocks-gains-section > .portfolio-summary-strip .portfolio-summary-value.negative,
html[data-appearance="light"] #taxes-section > .portfolio-summary-strip .portfolio-summary-value.negative {
  color: var(--stocks-negative, #e74762) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page {
  --deposits-panel-table-bg: #ffffff;
  --deposits-panel-table-bg-hover: #ffffff
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-history-card,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-table-scroll,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table thead,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tbody,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tr,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table th,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table td {
  background: var(--deposits-panel-table-bg) !important;
  background-color: var(--deposits-panel-table-bg) !important;
  background-image: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tbody tr:hover td {
  background: var(--deposits-panel-table-bg-hover) !important;
  background-color: var(--deposits-panel-table-bg-hover) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-table-scroll,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table colgroup,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table thead,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tbody,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table thead tr,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tbody tr,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tr,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table th,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table td,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tbody tr:nth-child(odd),
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tbody tr:nth-child(even),
html[data-appearance="light"] #deposits-section.deposits-redesign-page #deposits-tbody,
html[data-appearance="light"] #deposits-section.deposits-redesign-page #deposits-tbody tr,
html[data-appearance="light"] #deposits-section.deposits-redesign-page #deposits-tbody tr:nth-child(odd),
html[data-appearance="light"] #deposits-section.deposits-redesign-page #deposits-tbody tr:nth-child(even),
html[data-appearance="light"] #deposits-section.deposits-redesign-page #deposits-tbody td {
  background: var(--deposits-panel-table-bg) !important;
  background-color: var(--deposits-panel-table-bg) !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tbody tr:hover,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tbody tr:hover td,
html[data-appearance="light"] #deposits-section.deposits-redesign-page #deposits-tbody tr:hover,
html[data-appearance="light"] #deposits-section.deposits-redesign-page #deposits-tbody tr:hover td {
  background: var(--deposits-panel-table-bg-hover) !important;
  background-color: var(--deposits-panel-table-bg-hover) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table thead {
  background: var(--stocks-surface, #ffffff) !important;
  background-color: var(--stocks-surface, #ffffff) !important;
  background-image: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table thead tr {
  border-bottom: 1px solid var(--stocks-border, #dfeaf3) !important;
  background: linear-gradient(180deg, #ffffff, #ffffff) !important;
  background-color: #ffffff !important;
  box-shadow: 0 1px 0 var(--stocks-border, rgba(107,142,170,0.12)), 0 10px 18px rgba(107,142,170,0.048) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table thead th {
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--stocks-text-muted, #637f9a) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table thead th .th-label,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table thead th .sort-icon,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table thead th .column-filter-toggle {
  color: inherit !important
}
html[data-appearance="light"] #withdrawals-section {
  --withdrawals-table-bg: #ffffff;
  --withdrawals-table-row-bg: #ffffff;
  --withdrawals-table-row-hover-bg: #ffffff;
  --withdrawals-table-border: var(--stocks-border, #dfeaf3);
  --withdrawals-table-text: var(--stocks-text-secondary, #637f9a);
  --withdrawals-table-muted: var(--stocks-text-muted, #637f9a)
}
html[data-appearance="light"] #withdrawals-section .withdrawal-primary-btn,
html[data-appearance="light"] #withdrawals-section #add-withdrawal-btn,
html[data-appearance="light"] #withdrawals-section #floating-add-withdrawal-btn {
  border: 0 !important;
  background: #009c93 !important;
  background-image: none !important;
  color: #173353 !important;
  box-shadow: 0 10px 24px rgba(107,142,170,0.034) !important
}
html[data-appearance="light"] #withdrawals-section .withdrawal-primary-btn:hover,
html[data-appearance="light"] #withdrawals-section #add-withdrawal-btn:hover,
html[data-appearance="light"] #withdrawals-section #floating-add-withdrawal-btn:hover {
  box-shadow: 0 12px 26px rgba(107,142,170,0.04) !important
}
html[data-appearance="light"] #withdrawals-section .withdrawals-table-scroll {
  border: 1px solid var(--withdrawals-table-border) !important;
  background: var(--withdrawals-table-bg) !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #withdrawals-section #withdrawals-table.withdrawals-redesign-table,
html[data-appearance="light"] #withdrawals-section #withdrawals-table {
  border: 0 !important;
  background: var(--withdrawals-table-bg) !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #withdrawals-section #withdrawals-table thead,
html[data-appearance="light"] #withdrawals-section #withdrawals-table tbody {
  background: transparent !important;
  background-image: none !important
}
html[data-appearance="light"] #withdrawals-section #withdrawals-table thead {
  background: var(--stocks-surface, #ffffff) !important
}
html[data-appearance="light"] #withdrawals-section #withdrawals-table thead tr {
  border: 0 !important;
  border-bottom: 1px solid var(--withdrawals-table-border) !important;
  background: linear-gradient(180deg, #ffffff, #ffffff) !important;
  box-shadow: 0 1px 0 var(--withdrawals-table-border), 0 10px 18px rgba(107,142,170,0.048) !important
}
html[data-appearance="light"] #withdrawals-section #withdrawals-table-body tr {
  border: 0 !important;
  border-bottom: 1px solid rgba(223,234,243,0.66) !important;
  background: var(--withdrawals-table-row-bg) !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #withdrawals-section #withdrawals-table-body tr:hover {
  border-color: rgba(223,234,243,0.66) !important;
  background: var(--withdrawals-table-row-hover-bg) !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #withdrawals-section #withdrawals-table thead th,
html[data-appearance="light"] #withdrawals-section #withdrawals-table-body td {
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--withdrawals-table-text) !important
}
html[data-appearance="light"] #withdrawals-section #withdrawals-table thead th {
  color: var(--withdrawals-table-muted) !important
}
html[data-appearance="light"] #withdrawals-section #withdrawals-table thead th .th-label,
html[data-appearance="light"] #withdrawals-section #withdrawals-table thead th .sort-icon,
html[data-appearance="light"] #withdrawals-section #withdrawals-table thead th .column-filter-toggle {
  color: inherit !important
}
html[data-appearance="light"] #dividends-section.dividends-page {
  --dividends-stock-table-bg: #ffffff;
  --dividends-stock-header-bg: linear-gradient(180deg, #ffffff, #ffffff);
  --dividends-stock-row-bg: #ffffff;
  --dividends-stock-row-hover-bg: #ffffff;
  --dividends-stock-line: rgba(223,234,243,0.66);
  --dividends-stock-border: var(--stocks-border, #dfeaf3);
  --dividends-stock-text: var(--stocks-text-secondary, #637f9a);
  --dividends-stock-muted: var(--stocks-text-muted, #637f9a)
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-table-shell {
  border: 1px solid var(--dividends-stock-border) !important;
  background: var(--dividends-stock-table-bg) !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page :is(#dividends-table, #dividends-monthly-table) {
  border: 0 !important;
  background: var(--dividends-stock-table-bg) !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page :is(#dividends-table, #dividends-monthly-table) :is(thead, tbody, tr, th, td) {
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page :is(#dividends-table, #dividends-monthly-table) thead {
  background: var(--dividends-stock-table-bg) !important
}
html[data-appearance="light"] #dividends-section.dividends-page :is(#dividends-table, #dividends-monthly-table) thead tr {
  border: 0 !important;
  border-bottom: 1px solid var(--dividends-stock-border) !important;
  background: var(--dividends-stock-header-bg) !important;
  box-shadow: 0 1px 0 var(--dividends-stock-border), 0 10px 18px rgba(107,142,170,0.048) !important
}
html[data-appearance="light"] #dividends-section.dividends-page :is(#dividends-table, #dividends-monthly-table) thead th {
  border: 0 !important;
  border-bottom: 1px solid var(--dividends-stock-border) !important;
  background: transparent !important;
  color: var(--dividends-stock-muted) !important
}
html[data-appearance="light"] #dividends-section.dividends-page :is(#dividends-table, #dividends-monthly-table) tbody {
  background: var(--dividends-stock-table-bg) !important
}
html[data-appearance="light"] #dividends-section.dividends-page :is(#dividends-table, #dividends-monthly-table) tbody tr {
  border: 0 !important;
  background: var(--dividends-stock-row-bg) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page :is(#dividends-table, #dividends-monthly-table) tbody tr:hover {
  border-color: var(--dividends-stock-line) !important;
  background: var(--dividends-stock-row-hover-bg) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page :is(#dividends-table, #dividends-monthly-table) tbody td {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--dividends-stock-line) !important;
  background: transparent !important;
  color: var(--dividends-stock-text) !important
}
html[data-appearance="light"] #dividends-section.dividends-page :is(#dividends-table, #dividends-monthly-table) tbody tr:last-child td {
  border-bottom: 0 !important
}
html[data-appearance="light"] #dividends-section.dividends-page .dividends-chart-card .dividends-card-header h2 {
  color: #637f9a !important;
  text-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page #dividends-monthly-table td[data-field="withdraw"] input[type="checkbox"].withdraw-checkbox {
  border: 1.5px solid rgba(223,234,243,0.78) !important;
  background: var(--dividends-stock-table-bg, #ffffff) !important;
  box-shadow: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page #dividends-monthly-table td[data-field="withdraw"] input[type="checkbox"].withdraw-checkbox::after {
  border-right: 2px solid #dfeaf3 !important;
  border-bottom: 2px solid #dfeaf3 !important
}
html[data-appearance="light"] #dividends-section.dividends-page #dividends-monthly-table td[data-field="withdraw"] input[type="checkbox"].withdraw-checkbox:checked {
  border-color: rgba(0,156,147,0.38) !important;
  background: var(--dividends-cyan, #009c93) !important
}
html[data-appearance="light"] #withdrawals-section {
  --withdrawals-table-bg: var(--stocks-surface, #ffffff);
  --withdrawals-table-header-bg: linear-gradient(180deg, #ffffff, #ffffff);
  --withdrawals-table-row-bg: #ffffff;
  --withdrawals-table-row-hover-bg: #ffffff;
  --withdrawals-table-line: rgba(223,234,243,0.66);
  --withdrawals-table-border: var(--stocks-border, #dfeaf3);
  --withdrawals-table-text: var(--stocks-text-secondary, #637f9a);
  --withdrawals-table-muted: var(--stocks-text-muted, #637f9a)
}
html[data-appearance="light"] #withdrawals-section .withdrawals-table-scroll {
  border: 1px solid var(--withdrawals-table-border) !important;
  background: var(--withdrawals-table-bg) !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #withdrawals-section #withdrawals-table.withdrawals-redesign-table,
html[data-appearance="light"] #withdrawals-section #withdrawals-table {
  border: 0 !important;
  background: var(--withdrawals-table-bg) !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #withdrawals-section #withdrawals-table thead,
html[data-appearance="light"] #withdrawals-section #withdrawals-table tbody {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #withdrawals-section #withdrawals-table thead {
  background: var(--withdrawals-table-bg) !important
}
html[data-appearance="light"] #withdrawals-section #withdrawals-table thead tr {
  border: 0 !important;
  border-bottom: 1px solid var(--withdrawals-table-border) !important;
  background: var(--withdrawals-table-header-bg) !important;
  background-image: var(--withdrawals-table-header-bg) !important;
  box-shadow: 0 1px 0 var(--withdrawals-table-border), 0 10px 18px rgba(107,142,170,0.048) !important
}
html[data-appearance="light"] #withdrawals-section #withdrawals-table-body tr {
  border: 0 !important;
  border-bottom: 1px solid var(--withdrawals-table-line) !important;
  background: var(--withdrawals-table-row-bg) !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #withdrawals-section #withdrawals-table-body tr:hover {
  border-color: var(--withdrawals-table-line) !important;
  background: var(--withdrawals-table-row-hover-bg) !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #withdrawals-section #withdrawals-table thead th,
html[data-appearance="light"] #withdrawals-section #withdrawals-table-body td {
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--withdrawals-table-text) !important
}
html[data-appearance="light"] #withdrawals-section #withdrawals-table thead th {
  color: var(--withdrawals-table-muted) !important
}
html[data-appearance="light"] #withdrawals-section #withdrawals-table thead th .th-label,
html[data-appearance="light"] #withdrawals-section #withdrawals-table thead th .sort-icon,
html[data-appearance="light"] #withdrawals-section #withdrawals-table thead th .column-filter-toggle {
  color: inherit !important
}
html[data-appearance="light"] body:has(#withdrawals-section.active) #withdrawals-section,
html[data-appearance="light"] body.theme-blue:has(#withdrawals-section.active) #withdrawals-section,
html[data-appearance="light"] #withdrawals-section {
  --withdrawals-table-bg: #ffffff;
  --withdrawals-table-row-bg: #ffffff;
  --withdrawals-table-row-hover-bg: #ffffff
}
html[data-appearance="light"] body:has(#withdrawals-section.active) #withdrawals-section .withdrawals-table-scroll,
html[data-appearance="light"] body.theme-blue:has(#withdrawals-section.active) #withdrawals-section .withdrawals-table-scroll,
html[data-appearance="light"] body:has(#withdrawals-section.active) #withdrawals-section #withdrawals-table,
html[data-appearance="light"] body.theme-blue:has(#withdrawals-section.active) #withdrawals-section #withdrawals-table,
html[data-appearance="light"] #withdrawals-section .withdrawals-table-scroll,
html[data-appearance="light"] #withdrawals-section #withdrawals-table {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] body:has(#withdrawals-section.active) #withdrawals-section #withdrawals-table-body tr,
html[data-appearance="light"] body.theme-blue:has(#withdrawals-section.active) #withdrawals-section #withdrawals-table-body tr,
html[data-appearance="light"] #withdrawals-section #withdrawals-table-body tr {
  border-bottom: 1px solid rgba(223,234,243,0.66) !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] body:has(#withdrawals-section.active) #withdrawals-section #withdrawals-table-body tr:hover,
html[data-appearance="light"] body.theme-blue:has(#withdrawals-section.active) #withdrawals-section #withdrawals-table-body tr:hover,
html[data-appearance="light"] #withdrawals-section #withdrawals-table-body tr:hover {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] body:has(#withdrawals-section.active) #withdrawals-section #withdrawals-table-body td,
html[data-appearance="light"] body.theme-blue:has(#withdrawals-section.active) #withdrawals-section #withdrawals-table-body td,
html[data-appearance="light"] #withdrawals-section #withdrawals-table-body td {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] body:has(#withdrawals-section.active) #withdrawals-section #withdrawals-table-body tr:hover td,
html[data-appearance="light"] body.theme-blue:has(#withdrawals-section.active) #withdrawals-section #withdrawals-table-body tr:hover td,
html[data-appearance="light"] #withdrawals-section #withdrawals-table-body tr:hover td {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] #dividends-section.dividends-page #dividends-table thead th:last-child {
  color: var(--dividends-stock-muted) !important
}
html[data-appearance="light"] #stocks-section.stocks-redesign-page .stocks-action-btn--primary,
html[data-appearance="light"] #deposits-section.deposits-redesign-page #add-deposit-btn,
html[data-appearance="light"] #withdrawals-section #add-withdrawal-btn {
  box-shadow: 0 8px 18px rgba(107,142,170,0.032) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-view-switch {
  border: 1px solid rgba(223,234,243,0.45) !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-view-switch .allocation-option {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #173353 !important;
  text-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-view-switch .allocation-option + .allocation-option {
  border-left: 1px solid rgba(223,234,243,0.45) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-view-switch .allocation-option.active {
  border: 0 !important;
  background: rgba(0,156,147,0.09) !important;
  box-shadow: none !important;
  color: #009c93 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-view-switch .allocation-option:not(.active):hover {
  border-color: transparent !important;
  background: rgba(136,171,197,0.03) !important;
  color: #173353 !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page {
  --deposits-stock-table-bg: var(--stocks-surface, #ffffff);
  --deposits-stock-row-bg: #ffffff;
  --deposits-stock-row-hover-bg: #ffffff;
  --deposits-stock-header-bg: linear-gradient(180deg, #ffffff, #ffffff);
  --deposits-stock-border: var(--stocks-border, #dfeaf3)
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-history-card,
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-table-scroll,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table {
  background: var(--deposits-stock-table-bg) !important;
  background-color: var(--deposits-stock-table-bg) !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-table-scroll {
  border-color: var(--deposits-stock-border) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table thead,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table thead tr {
  background: var(--deposits-stock-header-bg) !important;
  background-color: #ffffff !important;
  box-shadow: 0 1px 0 var(--deposits-stock-border), 0 10px 18px rgba(107,142,170,0.048) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table thead th,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table thead th:first-child,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table thead th:last-child {
  border-bottom: 1px solid var(--deposits-stock-border) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--stocks-text-muted, #637f9a) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tbody,
html[data-appearance="light"] #deposits-section.deposits-redesign-page #deposits-tbody,
html[data-appearance="light"] #deposits-section.deposits-redesign-page #deposits-tbody tr,
html[data-appearance="light"] #deposits-section.deposits-redesign-page #deposits-tbody tr:nth-child(odd),
html[data-appearance="light"] #deposits-section.deposits-redesign-page #deposits-tbody tr:nth-child(even),
html[data-appearance="light"] #deposits-section.deposits-redesign-page #deposits-tbody td,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tbody tr,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tbody tr:nth-child(odd),
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tbody tr:nth-child(even),
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tbody td {
  background: var(--deposits-stock-row-bg) !important;
  background-color: var(--deposits-stock-row-bg) !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tbody tr,
html[data-appearance="light"] #deposits-section.deposits-redesign-page #deposits-tbody tr {
  border-bottom: 1px solid rgba(223,234,243,0.66) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tbody td,
html[data-appearance="light"] #deposits-section.deposits-redesign-page #deposits-tbody td {
  border-bottom: 1px solid rgba(223,234,243,0.66) !important;
  color: var(--stocks-text-secondary, #637f9a) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tbody tr:hover,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.deposits-redesign-table tbody tr:hover td,
html[data-appearance="light"] #deposits-section.deposits-redesign-page #deposits-tbody tr:hover,
html[data-appearance="light"] #deposits-section.deposits-redesign-page #deposits-tbody tr:hover td {
  background: var(--deposits-stock-row-hover-bg) !important;
  background-color: var(--deposits-stock-row-hover-bg) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-pagination-wrapper {
  border-top: 1px solid var(--deposits-stock-border) !important;
  background: var(--deposits-stock-table-bg) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table thead,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table thead tr {
  background: linear-gradient(180deg, #ffffff, #ffffff) !important;
  background-color: #ffffff !important;
  background-image: linear-gradient(180deg, #ffffff, #ffffff) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table thead th,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table thead th:first-child,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table thead th:last-child,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table thead th.sortable {
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid var(--stocks-border, #dfeaf3) !important;
  border-left: 0 !important;
  background: linear-gradient(180deg, #ffffff, #ffffff) !important;
  background-color: #ffffff !important;
  background-image: linear-gradient(180deg, #ffffff, #ffffff) !important;
  box-shadow: none !important;
  color: var(--stocks-text-muted, #637f9a) !important;
  text-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table > thead,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table > thead > tr,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table > thead > tr > th,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table > thead > tr > th.sortable,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table > thead > tr > th.deposits-exclude-header {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table > thead > tr {
  border-bottom: 1px solid var(--stocks-border, #dfeaf3) !important;
  box-shadow: 0 1px 0 var(--stocks-border, rgba(107,142,170,0.12)) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table > thead > tr > th {
  border-bottom: 1px solid var(--stocks-border, #dfeaf3) !important;
  color: var(--stocks-text-muted, #637f9a) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table > thead,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table > thead > tr,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table > thead > tr > th {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page .deposits-table-scroll {
  border: 1px solid var(--stocks-border, #dfeaf3) !important;
  background: var(--stocks-surface, #ffffff) !important;
  background-image: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table {
  border: 0 !important;
  background: var(--stocks-surface, #ffffff) !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table thead,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table tbody {
  background: transparent !important;
  background-image: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table thead {
  background: var(--stocks-surface, #ffffff) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table thead tr {
  border: 0 !important;
  border-bottom: 1px solid var(--stocks-border, #dfeaf3) !important;
  background: linear-gradient(180deg, #ffffff, #ffffff) !important;
  background-color: #ffffff !important;
  background-image: linear-gradient(180deg, #ffffff, #ffffff) !important;
  box-shadow: 0 1px 0 var(--stocks-border, rgba(107,142,170,0.12)), 0 10px 18px rgba(107,142,170,0.048) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table #deposits-tbody tr {
  border: 0 !important;
  border-bottom: 1px solid rgba(223,234,243,0.66) !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table #deposits-tbody tr:hover {
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table thead th,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table #deposits-tbody td {
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--stocks-text-secondary, #637f9a) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table thead th {
  color: var(--stocks-text-muted, #637f9a) !important
}
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table thead th .th-label,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table thead th .sort-icon,
html[data-appearance="light"] #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table thead th .column-filter-toggle {
  color: inherit !important
}
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-table-scroll,
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-table-scroll > table.stocks-table.deposits-redesign-table {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-table-scroll > table.stocks-table.deposits-redesign-table > thead,
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-table-scroll > table.stocks-table.deposits-redesign-table > thead > tr {
  background: linear-gradient(180deg, #ffffff, #ffffff) !important;
  background-color: #ffffff !important;
  background-image: linear-gradient(180deg, #ffffff, #ffffff) !important;
  box-shadow: 0 1px 0 rgba(107,142,170,0.12), 0 10px 18px rgba(107,142,170,0.048) !important
}
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-table-scroll > table.stocks-table.deposits-redesign-table > thead > tr > th {
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid #dfeaf3 !important;
  border-left: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #637f9a !important
}
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-table-scroll > table.stocks-table.deposits-redesign-table > tbody > tr,
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-table-scroll > table.stocks-table.deposits-redesign-table > tbody > tr > td {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-history-card,
html[data-appearance="light"] body #deposits-section.deposits-redesign-page #deposits-table-view,
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-table-scroll,
html[data-appearance="light"] body #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table,
html[data-appearance="light"] body #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table > thead,
html[data-appearance="light"] body #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table > thead > tr,
html[data-appearance="light"] body #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table > thead > tr > th,
html[data-appearance="light"] body #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table > tbody,
html[data-appearance="light"] body #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table > tbody > tr,
html[data-appearance="light"] body #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table > tbody > tr > td {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] body #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table > thead,
html[data-appearance="light"] body #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table > thead > tr {
  box-shadow: 0 1px 0 rgba(107,142,170,0.12) !important
}
html[data-appearance="light"] body #deposits-section.deposits-redesign-page table.stocks-table.deposits-redesign-table > thead > tr > th {
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid #dfeaf3 !important;
  border-left: 0 !important;
  box-shadow: none !important;
  color: #637f9a !important
}
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-history-card {
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-history-topbar {
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #stocks-section.stocks-redesign-page #add-row-btn {
  background: #009c93 !important;
  background-color: #009c93 !important;
  background-image: none !important;
  box-shadow: 0 8px 18px rgba(107,142,170,0.028) !important
}
html[data-appearance="light"] body #stocks-section.stocks-redesign-page #stocks-tbody td[data-field="symbol"] {
  color: #173353 !important
}
html[data-appearance="light"] body #stocks-section.stocks-redesign-page #stocks-tbody td[data-field="allocation"] {
  color: #009c93 !important;
  text-shadow:
    none !important
}
html[data-appearance="light"] body #stocks-section.stocks-redesign-page #add-row-btn,
html[data-appearance="light"] body #deposits-section.deposits-redesign-page #add-deposit-btn,
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-primary-btn,
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-history-add-btn,
html[data-appearance="light"] body #withdrawals-section .withdrawal-primary-btn,
html[data-appearance="light"] body #withdrawals-section #add-withdrawal-btn,
html[data-appearance="light"] body #withdrawals-section #floating-add-withdrawal-btn,
html[data-appearance="light"] body #dividends-section.dividends-page:not(.annual-view) #add-dividend-btn,
html[data-appearance="light"] body #dividends-section.dividends-page .dividends-action-btn--primary,
html[data-appearance="light"] body .paywall-cta-btn,
html[data-appearance="light"] body .paywall-banner-btn {
  background: #009c93 !important;
  background-color: #009c93 !important;
  background-image: none !important;
  box-shadow: 0 8px 18px rgba(107,142,170,0.026) !important
}
html[data-appearance="light"] body #stocks-section.stocks-redesign-page #add-row-btn:hover,
html[data-appearance="light"] body #deposits-section.deposits-redesign-page #add-deposit-btn:hover,
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-primary-btn:hover,
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-history-add-btn:hover,
html[data-appearance="light"] body #withdrawals-section .withdrawal-primary-btn:hover,
html[data-appearance="light"] body #withdrawals-section #add-withdrawal-btn:hover,
html[data-appearance="light"] body #withdrawals-section #floating-add-withdrawal-btn:hover,
html[data-appearance="light"] body #dividends-section.dividends-page:not(.annual-view) #add-dividend-btn:hover,
html[data-appearance="light"] body #dividends-section.dividends-page .dividends-action-btn--primary:hover,
html[data-appearance="light"] body .paywall-cta-btn:hover,
html[data-appearance="light"] body .paywall-banner-btn:hover {
  background: #009c93 !important;
  background-color: #009c93 !important;
  background-image: none !important
}
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-chart-type-switch {
  border: 1px solid rgba(223,234,243,0.45) !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-chart-type-switch .allocation-option {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #173353 !important;
  text-shadow: none !important
}
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-chart-type-switch .allocation-option + .allocation-option {
  border-left: 1px solid rgba(223,234,243,0.45) !important
}
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-chart-type-switch .allocation-option.active {
  border: 0 !important;
  background: rgba(0,156,147,0.09) !important;
  box-shadow: none !important;
  color: #009c93 !important
}
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-chart-type-switch .allocation-option:not(.active):hover {
  border-color: transparent !important;
  background: rgba(136,171,197,0.03) !important;
  color: #173353 !important
}
html[data-appearance="light"] body #stocks-gains-section,
html[data-appearance="light"] body #taxes-section {
  --parity-stocks-surface: #ffffff;
  --parity-stocks-surface-2: #ffffff;
  --parity-stocks-border: #dfeaf3;
  --parity-stocks-text: #637f9a;
  --parity-stocks-muted: #637f9a;
  --parity-stocks-strong: #173353;
  --parity-stocks-hover: #ffffff;
  --parity-stocks-header: linear-gradient(180deg, #173353, #173353)
}
html[data-appearance="light"] body #stocks-gains-section .realized-pl-table-scroll,
html[data-appearance="light"] body #taxes-section .taxes-table-wrap {
  border: 1px solid var(--parity-stocks-border) !important;
  background: var(--parity-stocks-surface) !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #taxes-section .settings-card.taxes-card {
  border: 1px solid var(--parity-stocks-border) !important;
  background: var(--parity-stocks-surface) !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #taxes-section .settings-card.taxes-card > summary {
  border-bottom: 1px solid var(--parity-stocks-border) !important;
  background: var(--parity-stocks-header) !important;
  background-image: var(--parity-stocks-header) !important;
  box-shadow: 0 1px 0 var(--parity-stocks-border), 0 10px 18px rgba(107,142,170,0.048) !important
}
html[data-appearance="light"] body #taxes-section .settings-card.taxes-card .settings-title {
  color: var(--parity-stocks-muted) !important
}
html[data-appearance="light"] body #taxes-section .settings-card.taxes-card .settings-chevron {
  border-color: rgba(223,234,243,0.46) !important;
  background: #ffffff !important;
  background-image: none !important;
  color: var(--parity-stocks-text) !important
}
html[data-appearance="light"] body #taxes-section .settings-card.taxes-card .settings-content {
  background: var(--parity-stocks-surface) !important;
  background-image: none !important
}
html[data-appearance="light"] body #taxes-section .capital-gains-calculation {
  border-color: var(--parity-stocks-border) !important;
  background: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] body #stocks-gains-section #stocks-gains-table,
html[data-appearance="light"] body #taxes-section .taxes-table {
  border: 0 !important;
  background: var(--parity-stocks-surface) !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #stocks-gains-section #stocks-gains-table thead,
html[data-appearance="light"] body #stocks-gains-section #stocks-gains-table tbody,
html[data-appearance="light"] body #taxes-section .taxes-table thead,
html[data-appearance="light"] body #taxes-section .taxes-table tbody,
html[data-appearance="light"] body #taxes-section .taxes-table tfoot {
  background: transparent !important;
  background-image: none !important
}
html[data-appearance="light"] body #stocks-gains-section #stocks-gains-table thead tr,
html[data-appearance="light"] body #taxes-section .taxes-table thead tr {
  background: var(--parity-stocks-header) !important;
  background-image: var(--parity-stocks-header) !important;
  box-shadow: 0 1px 0 var(--parity-stocks-border), 0 10px 18px rgba(107,142,170,0.048) !important
}
html[data-appearance="light"] body #stocks-gains-section #stocks-gains-table thead th,
html[data-appearance="light"] body #taxes-section .taxes-table thead th {
  border: 0 !important;
  border-bottom: 1px solid var(--parity-stocks-border) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--parity-stocks-muted) !important
}
html[data-appearance="light"] body #stocks-gains-section #stocks-gains-table tbody tr,
html[data-appearance="light"] body #taxes-section .taxes-table tbody tr,
html[data-appearance="light"] body #taxes-section .taxes-table tfoot tr {
  border: 0 !important;
  background: var(--parity-stocks-surface) !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #stocks-gains-section #stocks-gains-table tbody tr:hover,
html[data-appearance="light"] body #taxes-section .taxes-table tbody tr:hover,
html[data-appearance="light"] body #taxes-section .taxes-table tfoot tr:hover {
  background: var(--parity-stocks-hover) !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #stocks-gains-section #stocks-gains-table-body td,
html[data-appearance="light"] body #taxes-section .taxes-table tbody td,
html[data-appearance="light"] body #taxes-section .taxes-table tfoot td {
  border: 0 !important;
  border-bottom: 1px solid rgba(223,234,243,0.66) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #stocks-gains-section #stocks-gains-table-body td:not(.amount-positive):not(.amount-negative):not(.positive):not(.negative),
html[data-appearance="light"] body #taxes-section .taxes-table tbody td:not(.amount-positive):not(.amount-negative):not(.tax-amount-positive):not(.tax-amount-negative):not(.positive):not(.negative),
html[data-appearance="light"] body #taxes-section .taxes-table tfoot td:not(.amount-positive):not(.amount-negative):not(.tax-amount-positive):not(.tax-amount-negative):not(.positive):not(.negative) {
  color: var(--parity-stocks-text) !important
}
html[data-appearance="light"] body #taxes-section .taxes-table tfoot td:not(.amount-positive):not(.amount-negative):not(.tax-amount-positive):not(.tax-amount-negative):not(.positive):not(.negative) {
  color: var(--parity-stocks-strong) !important
}
html[data-appearance="light"] body #stocks-gains-section #stocks-gains-table-body td.amount-positive,
html[data-appearance="light"] body #taxes-section .taxes-table td.amount-positive,
html[data-appearance="light"] body #taxes-section .taxes-table td.tax-amount-positive,
html[data-appearance="light"] body #taxes-section .taxes-table td.positive {
  color: var(--stocks-positive, #009c93) !important
}
html[data-appearance="light"] body #stocks-gains-section #stocks-gains-table-body td.amount-negative,
html[data-appearance="light"] body #taxes-section .taxes-table td.amount-negative,
html[data-appearance="light"] body #taxes-section .taxes-table td.tax-amount-negative,
html[data-appearance="light"] body #taxes-section .taxes-table td.negative {
  color: var(--stocks-negative, #e74762) !important
}
html[data-appearance="light"] body #stocks-gains-section #stocks-gains-table tbody tr:last-child td,
html[data-appearance="light"] body #taxes-section .taxes-table tbody tr:last-child td,
html[data-appearance="light"] body #taxes-section .taxes-table tfoot tr:last-child td {
  border-bottom-color: transparent !important
}
html[data-appearance="light"] body #stocks-gains-section #stocks-gains-table #stock-gains-select-all,
html[data-appearance="light"] body #stocks-gains-section #stocks-gains-table .stock-gain-row-select,
html[data-appearance="light"] body #stocks-gains-section #stocks-gains-table .withdraw-checkbox {
  border: 1px solid rgba(223,234,243,0.72) !important;
  background-color: var(--parity-stocks-surface) !important
}
html[data-appearance="light"] body #dashboard-section.banymay-dashboard #dashboard-summary-balance {
  color: #009c93 !important;
  text-shadow: none !important
}
html[data-appearance="light"] body #dashboard-section.banymay-dashboard #dashboard-summary-money-invested {
  color: #637f9a !important;
  text-shadow: none !important
}
html[data-appearance="light"] body #dashboard-section.banymay-dashboard .dashboard-insights .dashboard-advanced-metric-value {
  text-shadow: none !important
}
html[data-appearance="light"] body #dashboard-section.banymay-dashboard .dashboard-insights .dashboard-advanced-metric-value,
html[data-appearance="light"] body #dashboard-section.banymay-dashboard .dashboard-insights .dashboard-advanced-metric-value.positive,
html[data-appearance="light"] body #dashboard-section.banymay-dashboard .dashboard-insights .dashboard-advanced-metric-value.negative,
html[data-appearance="light"] body #dashboard-section.banymay-dashboard .dashboard-insights .dashboard-advanced-metric-value.warning,
html[data-appearance="light"] body #dashboard-section.banymay-dashboard .dashboard-insights .dashboard-advanced-metric-value.neutral {
  text-shadow: none !important
}
html[data-appearance="light"] body #dashboard-section.banymay-dashboard #performance-return {
  text-shadow: none !important
}
html[data-appearance="light"] body #dashboard-section.banymay-dashboard .dashboard-insights .dashboard-advanced-metric-value,
html[data-appearance="light"] body #dashboard-section.banymay-dashboard .dashboard-insights .dashboard-advanced-metric-value.positive {
  color: #009c93 !important
}
html[data-appearance="light"] body #dashboard-section.banymay-dashboard .dashboard-insights .dashboard-advanced-metric-value.negative,
html[data-appearance="light"] body #dashboard-section.banymay-dashboard .dashboard-insight-card .dashboard-advanced-metric-value.negative {
  color: #e74762 !important
}
html[data-appearance="light"] body #dashboard-section.banymay-dashboard .dashboard-insights .dashboard-advanced-metric-value.warning {
  color: #d6960b !important
}
html[data-appearance="light"] body #dashboard-section.banymay-dashboard .dashboard-insights .dashboard-advanced-metric-value.neutral {
  color: #637f9a !important
}
html[data-appearance="light"] body:has(#profile-section.active),
html[data-appearance="light"] body.theme-blue:has(#profile-section.active),
html[data-appearance="light"] body:has(#profile-section.active) .container,
html[data-appearance="light"] body.theme-blue:has(#profile-section.active) .container {
  background: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] body #profile-section.active {
  background: #ffffff !important
}
html[data-appearance="light"] body #profile-section .profile-page.banymay-my-plan {
  --plan-bg: #ffffff;
  --plan-surface: #ffffff;
  --plan-sidebar: #ffffff;
  --plan-surface-hover: #ffffff;
  --plan-border: #dfeaf3;
  --plan-divider: #dfeaf3;
  --plan-text: #173353;
  --plan-secondary: #173353;
  --plan-muted: #637f9a;
  --plan-accent: #009c93;
  --plan-accent-border: rgba(0,156,147,0.38);
  --plan-positive: #009c93;
  --plan-progress-track: #173353;
  background: #ffffff !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-sidebar {
  border: 1px solid var(--plan-border) !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-sidebar-title {
  color: #173353 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-nav-item {
  color: #173353 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-nav-item.is-active {
  background: linear-gradient(90deg, rgba(0,156,147,0.09), rgba(0,156,147,0.09)) !important;
  color: #009c93 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-heading h1 {
  color: #173353 !important;
  text-shadow: none !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-heading p {
  color: #173353 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-primary-action {
  border-color: rgba(0,156,147,0.38) !important;
  color: #009c93 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-panel,
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-kpi-card {
  border: 1px solid #dfeaf3 !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-kpi-icon {
  color: #173353 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-kpi-label {
  color: #173353 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-kpi-value {
  text-shadow: none !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-kpi-card:nth-child(1) .my-plan-kpi-value {
  color: #009c93 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-kpi-card:nth-child(2) .my-plan-kpi-value {
  color: #009c93 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-kpi-card:nth-child(3) .my-plan-kpi-value,
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-kpi-card:nth-child(4) .my-plan-kpi-value {
  color: #173353 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-global-cost .ffi-bar-title {
  color: #173353 !important;
  text-shadow: none !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-global-cost .ffi-bar-track {
  border: 0 !important;
  background: #f2f7fb !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-global-cost .ffi-seg {
  box-shadow: none !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-global-cost .ffi-bar-labels {
  color: #173353 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-panel h2,
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-panel h3,
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-card-title {
  color: #173353 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-inline-link {
  color: #009c93 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-fi-value {
  color: #009c93 !important;
  text-shadow: none !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-fi-sub {
  color: #173353 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-fi-track {
  background: #f2f7fb !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-fi-track span {
  background: #009c93 !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-fi-metrics > div + div {
  border-left-color: #dfeaf3 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-fi-metrics span {
  color: #173353 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-fi-metrics strong {
  color: #009c93 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-note {
  color: #173353 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-retirement-row {
  border-bottom: 1px solid rgba(223,234,243,0.84) !important;
  color: #173353 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-retirement-row:last-child {
  border-bottom: 0 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-row-icon {
  color: #173353 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-retirement-row strong {
  color: #173353 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-secondary-action {
  color: #009c93 !important;
  border-color: rgba(0,156,147,0.38) !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-lifestyle-item + .my-plan-lifestyle-item,
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-indicator-item + .my-plan-indicator-item {
  border-left-color: #dfeaf3 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-lifestyle-icon {
  color: #173353 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-lifestyle-item span:not(.my-plan-lifestyle-icon) {
  color: #173353 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-lifestyle-item strong {
  color: #009c93 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-indicator-label {
  color: #173353 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-indicator-item strong {
  color: #009c93 !important;
  text-shadow: none !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .profile-info-tip {
  background: rgba(0,156,147,0.09) !important;
  border-color: rgba(0,156,147,0.25) !important;
  color: #009c93 !important
}
html[data-appearance="light"] #profile-section .rr-assumptions {
  border: 1px solid var(--rr-border);
  background: var(--rr-panel-2);
  color: var(--rr-secondary)
}
html[data-appearance="light"] #profile-section .rr-assumptions summary { color: var(--rr-cyan)
}
html[data-appearance="light"] #profile-section .rr-assumption-fields input { background: var(--rr-bg); border: 1px solid var(--rr-border); color: var(--rr-text)
}
html[data-appearance="light"] body #profile-section .profile-page.banymay-my-plan.is-retirement-resilience .rr-assumptions[open] > .rr-assumptions-content {
  background: #ffffff;
  border: 1px solid #dfeaf3;
  box-shadow: 0 18px 36px rgba(107,142,170,0.076)
}
html[data-appearance="light"] body #taxes-section .taxes-table,
html[data-appearance="light"] body #taxes-section .taxes-table-wrap {
  border-color: #dfeaf3 !important;
  background: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] body #taxes-section .taxes-table thead tr {
  background: linear-gradient(180deg, #ffffff, #ffffff) !important;
  background-image: linear-gradient(180deg, #ffffff, #ffffff) !important
}
html[data-appearance="light"] body #taxes-section .taxes-table tbody tr,
html[data-appearance="light"] body #taxes-section .taxes-table tfoot tr {
  background: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] body #taxes-section .taxes-table tbody td,
html[data-appearance="light"] body #taxes-section .taxes-table tfoot td {
  background: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] body #sectors-section.active {
  background: #ffffff !important;
  color: #173353 !important
}
html[data-appearance="light"] body #sectors-section.active .allocation-switch {
  border: 1px solid #dfeaf3 !important;
  background: #ffffff !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #sectors-section.active .allocation-option {
  border: 0 !important;
  border-right: 1px solid #dfeaf3 !important;
  color: #173353 !important;
  text-shadow: none !important
}
html[data-appearance="light"] body #sectors-section.active .allocation-option:last-of-type {
  border-right: 0 !important
}
html[data-appearance="light"] body #sectors-section.active .allocation-option .option-icon {
  color: currentColor !important
}
html[data-appearance="light"] body #sectors-section.active .allocation-option.active {
  color: #009c93 !important;
  background: transparent !important;
  text-shadow: none !important
}
html[data-appearance="light"] body #sectors-section.active .allocation-switch .switch-glow {
  background: linear-gradient(180deg, #2180cf, #f2f7fb) !important;
  box-shadow: inset 0 0 0 1px rgba(107,142,170,0.12), 0 0 12px rgba(107,142,170,0.076) !important
}
html[data-appearance="light"] body #sectors-section.active .allocation-card {
  border: 1px solid #dfeaf3 !important;
  background: #ffffff !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #sectors-section.active #allocation-view-title {
  color: #173353 !important
}
html[data-appearance="light"] body #sectors-section.active #allocation-view-subtitle {
  color: #637f9a !important
}
html[data-appearance="light"] body #sectors-section.active #allocation-value-mode {
  border: 1px solid #dfeaf3 !important;
  background: #ffffff !important;
  color: #173353 !important
}
html[data-appearance="light"] body #sectors-section.active .allocation-stats.vertical-list {
  border: 1px solid #dfeaf3 !important;
  background: #ffffff !important
}
html[data-appearance="light"] body #sectors-section.active .allocation-table-head {
  border-bottom: 1px solid #dfeaf3 !important;
  color: #637f9a !important
}
html[data-appearance="light"] body #sectors-section.active .allocation-item {
  border: 0 !important;
  border-bottom: 1px solid rgba(223,234,243,0.58) !important;
  background: transparent !important;
  color: #173353 !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #sectors-section.active .allocation-item:last-child { border-bottom: 0 !important
}
html[data-appearance="light"] body #sectors-section.active .allocation-item:hover { background: rgba(0,156,147,0.08) !important
}
html[data-appearance="light"] body #sectors-section.active .allocation-name,
html[data-appearance="light"] body #sectors-section.active .allocation-value,
html[data-appearance="light"] body #sectors-section.active .allocation-percentage,
html[data-appearance="light"] body #sectors-section.active .allocation-holdings {
  color: #173353 !important
}
html[data-appearance="light"] body #sectors-section.active .allocation-arrow {
  color: #173353 !important
}
html[data-appearance="light"] body #sectors-section.active .allocation-chart-center strong {
  color: #173353 !important
}
html[data-appearance="light"] body #sectors-section.active .allocation-chart-center span {
  color: #637f9a !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-overview .my-plan-lifestyle {
  border: 1px solid var(--plan-border) !important;
  background: var(--plan-surface) !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-overview .my-plan-lifestyle > h3 {
  color: #173353 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-overview .my-plan-lifestyle-item + .my-plan-lifestyle-item {
  border-left: 1px solid rgba(223,234,243,0.9) !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-overview .my-plan-lifestyle-icon {
  border: 1px solid rgba(0,156,147,0.38) !important;
  color: #173353 !important;
  background: radial-gradient(circle at 50% 45%, #f2f7fb, rgba(255,255,255,0.08)) !important;
  box-shadow: inset 0 0 18px rgba(107,142,170,0.01) !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-overview .my-plan-lifestyle-item > div > span {
  color: #173353 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-overview .my-plan-lifestyle-item strong {
  color: #009c93 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-overview .my-plan-lifestyle-item strong > span {
  color: inherit !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-overview .my-plan-lifestyle-item strong > small {
  color: #637f9a !important
}

@media (max-width: 1100px) {
  html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-overview .my-plan-lifestyle-item + .my-plan-lifestyle-item {
    border-top: 1px solid rgba(223,234,243,0.9) !important;
    border-left: 0 !important
  }
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-fi-metrics strong > span {
  color: #009c93 !important
}
html[data-appearance="light"] body #profile-section .banymay-my-plan .my-plan-fi-metrics strong > small {
  color: #637f9a !important
}
html[data-appearance="light"] body #sectors-section .allocation-hover-popup.is-account-summary .allocation-hover-popup-percent {
  color: #173353 !important
}
html[data-appearance="light"] body #sectors-section .allocation-hover-popup.is-account-summary .allocation-hover-popup-total {
  color: #009c93 !important
}
html[data-appearance="light"] body #sectors-section .allocation-country-detail {
  border: 1px solid rgba(33,128,207,0.38);
  background: #ffffff;
  box-shadow: -18px 0 42px rgba(107,142,170,0.068);
  color: #173353
}
html[data-appearance="light"] body #sectors-section .allocation-country-detail-header p { color: #637f9a
}
html[data-appearance="light"] body #sectors-section .allocation-country-detail-close {
  border: 0;
  background: transparent;
  color: #173353
}
html[data-appearance="light"] body #sectors-section .allocation-country-detail-stats {
  border: 1px solid #dfeaf3
}
html[data-appearance="light"] body #sectors-section .allocation-country-detail-stats > div {
  border-right: 1px solid #dfeaf3
}
html[data-appearance="light"] body #sectors-section .allocation-country-detail-stats > div:last-child { border-right: 0
}
html[data-appearance="light"] body #sectors-section .allocation-country-detail-stats span {
  color: #637f9a
}
html[data-appearance="light"] body #sectors-section .allocation-country-detail-stats > div:first-child strong { color: #009c93
}
html[data-appearance="light"] body #sectors-section .allocation-country-search {
  border: 1px solid #dfeaf3;
  background: #ffffff
}
html[data-appearance="light"] body #sectors-section .allocation-country-search input,
html[data-appearance="light"] body #sectors-section #allocation-country-sort,
html[data-appearance="light"] body #sectors-section #allocation-country-page-size {
  border: 0;
  outline: 0;
  background: transparent;
  color: #173353
}
html[data-appearance="light"] body #sectors-section #allocation-country-sort {
  border: 1px solid #dfeaf3;
  background: #ffffff
}
html[data-appearance="light"] body #sectors-section .allocation-country-holdings-table {
  border: 1px solid #dfeaf3
}
html[data-appearance="light"] body #sectors-section .allocation-country-holdings-head {
  color: #637f9a
}
html[data-appearance="light"] body #sectors-section .allocation-country-holding-row {
  border-top: 1px solid rgba(223,234,243,0.65)
}
html[data-appearance="light"] body #sectors-section .allocation-country-detail-empty { color: #637f9a
}
html[data-appearance="light"] body #sectors-section .allocation-country-detail-footer {
  color: #637f9a
}
html[data-appearance="light"] body #sectors-section .allocation-country-pagination button {
  border: 1px solid #dfeaf3;
  background: #ffffff;
  color: #173353
}
html[data-appearance="light"] body #sectors-section .allocation-country-pagination button.active { border-color: rgba(0,156,147,0.38); color: #009c93
}
html[data-appearance="light"] body #sectors-section .allocation-item.is-selected { background: rgba(33,128,207,0.09) !important
}
html[data-appearance="light"] body #sectors-section .allocation-chart-center .allocation-chart-hover-percent {
  color: #009c93
}
html[data-appearance="light"] body #sectors-section .allocation-chart-center.is-account-hover strong {
  color: #173353 !important
}
html[data-appearance="light"] body #sectors-section .allocation-chart-center.is-account-hover span {
  color: #173353 !important
}
html[data-appearance="light"] body #sectors-section.active .allocation-option.active {
  border-right-color: transparent !important;
  background: linear-gradient(180deg, #2180cf, #f2f7fb) !important;
  box-shadow:
    inset 0 0 0 1px rgba(107,142,170,0.12),
    0 0 10px rgba(107,142,170,0.06) !important
}
html[data-appearance="light"] body #sectors-section.active .allocation-option.active + .allocation-option {
  border-left-color: transparent !important
}
html[data-appearance="light"] body #sectors-section .allocation-accounts-card {
  border: 1px solid #dfeaf3;
  background: #ffffff
}
html[data-appearance="light"] body #sectors-section .allocation-account-panel + .allocation-account-panel {
  border-left: 1px solid #dfeaf3
}
html[data-appearance="light"] body #sectors-section .allocation-account-panel-icon {
  border: 1px solid rgba(0,156,147,0.24);
  background: linear-gradient(145deg, #f2f7fb, #ffffff);
  color: #009c93
}
html[data-appearance="light"] body #sectors-section .allocation-account-panel-icon--invested {
  border-color: rgba(0,156,147,0.22);
  background: linear-gradient(145deg, #f2f7fb, #ffffff);
  color: #009c93
}
html[data-appearance="light"] body #sectors-section .allocation-account-panel-heading h2 {
  color: #173353
}
html[data-appearance="light"] body #sectors-section .allocation-account-panel-heading p {
  color: #637f9a
}
html[data-appearance="light"] body #sectors-section .allocation-account-chart-center strong {
  color: #173353
}
html[data-appearance="light"] body #sectors-section .allocation-account-chart-center span {
  color: #637f9a
}
html[data-appearance="light"] body #sectors-section .allocation-account-chart-center em {
  color: #009c93
}
html[data-appearance="light"] body #sectors-section .allocation-account-chart-center.is-account-hover span { color: #173353
}
html[data-appearance="light"] body #sectors-section .allocation-account-legend-row {
  border-bottom: 1px solid rgba(223,234,243,0.72);
  color: #173353
}
html[data-appearance="light"] body #sectors-section .allocation-account-legend-row:last-child { border-bottom: 0
}

@media (max-width: 1100px) {
  html[data-appearance="light"] body #sectors-section .allocation-account-panel + .allocation-account-panel { border-top: 1px solid #dfeaf3; border-left: 0
  }
}
html[data-appearance="light"] #settings-section #billing-panel.billing-trial-expired {
  color: #173353
}
html[data-appearance="light"] #settings-section .billing-expired-heading p { color: #637f9a
}
html[data-appearance="light"] #settings-section .billing-trial-expired .billing-hero {
  border: 1px solid rgba(0,156,147,0.38);
  background: rgba(0,156,147,0.025);
  box-shadow: none
}
html[data-appearance="light"] #settings-section .billing-trial-expired .billing-expired-hero-icon { border: 1px solid rgba(0,156,147,0.38);
  color: #009c93; background: rgba(0,156,147,0.08)
}
html[data-appearance="light"] #settings-section .billing-trial-expired .billing-kicker { color: #009c93; border: 1px solid #dfeaf3; background: rgba(0,156,147,0.08)
}
html[data-appearance="light"] #settings-section .billing-trial-expired .billing-status-pill { border: 1px solid rgba(231,71,98,0.38); color: #e74762; background: rgba(231,71,98,0.09)
}
html[data-appearance="light"] #settings-section .billing-trial-expired .billing-plan-copy p { color: #173353
}
html[data-appearance="light"] #settings-section .billing-trial-expired .billing-price-block { border: 0; border-left: 1px solid #dfeaf3; background: transparent
}
html[data-appearance="light"] #settings-section .billing-trial-expired .billing-price-period { color: #637f9a
}
html[data-appearance="light"] #settings-section .billing-trial-expired .billing-detail-card { border: 1px solid rgba(231,71,98,0.38); background: rgba(231,71,98,0.045); box-shadow: none
}
html[data-appearance="light"] #settings-section .billing-trial-expired .billing-expired-access-icon { color: #e74762; background: rgba(231,71,98,0.09)
}
html[data-appearance="light"] #settings-section .billing-expired-access-icon svg { stroke: currentColor; fill: none
}
html[data-appearance="light"] #settings-section .billing-expired-hero-icon svg { fill: #009c93; stroke: rgba(0,156,147,0.38)
}
html[data-appearance="light"] #settings-section .billing-trial-expired .billing-detail-label { color: #e74762
}
html[data-appearance="light"] #settings-section .billing-trial-expired .billing-detail-card strong { color: #173353
}
html[data-appearance="light"] #settings-section .billing-trial-expired .billing-detail-note { color: #637f9a
}
html[data-appearance="light"] #settings-section .billing-trial-expired .billing-actions .billing-btn { background: #009c93; color: #173353; box-shadow: none
}
html[data-appearance="light"] #settings-section .billing-trial-expired .billing-expired-features { border: 1px solid #dfeaf3; background: rgba(0,156,147,0.02)
}
html[data-appearance="light"] #settings-section .billing-expired-features header p { color: #637f9a
}
html[data-appearance="light"] #settings-section .billing-expired-features svg { fill: none; stroke: rgba(0,156,147,0.38)
}
html[data-appearance="light"] #settings-section .billing-feature-grid article:nth-child(n+4) { border-top: 1px solid #dfeaf3
}
html[data-appearance="light"] #settings-section .billing-feature-grid article:not(:nth-child(3n))::after { background: #f2f7fb
}
html[data-appearance="light"] #settings-section .billing-feature-icon { border: 1px solid #dfeaf3; background: rgba(0,156,147,0.08)
}
html[data-appearance="light"] #settings-section .billing-feature-grid p { color: #637f9a !important
}
html[data-appearance="light"] #settings-section .billing-trial-expired .billing-expired-security { border: 1px solid #dfeaf3; color: #637f9a; background: rgba(0,156,147,0.02)
}
html[data-appearance="light"] #settings-section .billing-expired-security > svg { fill: none; stroke: rgba(0,156,147,0.38)
}
html[data-appearance="light"] #settings-section .billing-expired-security strong { color: #009c93
}
html[data-appearance="light"] #settings-section .billing-expired-security p { color: #637f9a !important
}
html[data-appearance="light"] #settings-section .billing-stripe-mark { border: 1px solid #dfeaf3
}
html[data-appearance="light"] #settings-section .billing-stripe-mark b { color: #173353
}
html[data-appearance="light"] #settings-section .billing-security-lock svg { fill: none; stroke: currentColor
}
html[data-appearance="light"] #settings-section .billing-trial-expired h2,
html[data-appearance="light"] #settings-section .billing-trial-expired h3,
html[data-appearance="light"] #settings-section .billing-trial-expired h4 { text-shadow: none !important
}
html[data-appearance="light"] #settings-section .billing-trial-expired p,
html[data-appearance="light"] #settings-section .billing-trial-expired .billing-detail-note,
html[data-appearance="light"] #settings-section .billing-trial-expired .billing-price-period { text-shadow: none !important
}
@media (max-width: 1500px) {
  html[data-appearance="light"] #settings-section .billing-trial-expired .billing-price-block { border: 0
  }
}
html[data-appearance="light"] body #settings-section.banymay-settings,
html[data-appearance="light"] body #settings-section.banymay-settings .settings-page.settings-page--control-center,
html[data-appearance="light"] body #settings-section.banymay-settings .settings-main-panel,
html[data-appearance="light"] body #settings-section.banymay-settings .settings-side-panel {
  background: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] body #leaderboard-section { color: #173353
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-page-heading h1 { color: #173353
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-page-heading p { color: #637f9a !important
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-heading-art { stroke: rgba(0,156,147,0.38); fill: rgba(0,156,147,0.025)
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-card { background: linear-gradient(145deg, #ffffff, #ffffff); box-shadow: none
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-card.gold { border-color: rgba(214,150,11,0.38)
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-card.silver { border-color: #dfeaf3
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-card.bronze { border-color: rgba(231,71,98,0.38)
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-card.leaderboard-popular { border-color: rgba(0,156,147,0.38); background: linear-gradient(145deg, rgba(0,156,147,0.08), #ffffff)
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-award-icon { border: 1px solid currentColor; color: #d6960b; background: rgba(214,150,11,0.09)
}
html[data-appearance="light"] body #leaderboard-section .silver .leaderboard-award-icon { color: #637f9a; background: rgba(136,171,197,0.09)
}
html[data-appearance="light"] body #leaderboard-section .bronze .leaderboard-award-icon { color: #e74762; background: rgba(231,71,98,0.09)
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-popular .leaderboard-award-icon { color: #009c93; background: rgba(0,156,147,0.09)
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-card-name,
html[data-appearance="light"] body #leaderboard-section .leaderboard-popular-name { color: #173353
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-card-stats { border-top: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-card-stats > div { border-right: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-card-stats > div:last-child { border-right: 0
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-card-stats span { color: #637f9a
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-card-stats strong { color: #173353
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-card-stats .leaderboard-card-return,
html[data-appearance="light"] body #leaderboard-section .leaderboard-card-stats .leaderboard-popular-return { color: #009c93
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-table-card { border: 1px solid #dfeaf3; background: #ffffff
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-table-title-icon { color: #009c93; background: rgba(0,156,147,0.09)
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-table-title h2 { color: #173353
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-table-title p { color: #637f9a !important
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-search,
html[data-appearance="light"] body #leaderboard-section .leaderboard-filter { border: 1px solid #dfeaf3; color: #009c93; background: #ffffff
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-search input,
html[data-appearance="light"] body #leaderboard-section .leaderboard-filter select { border: 0; outline: 0; color: #173353; background: transparent
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-filter option { color: #173353; background: #ffffff
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-search input::placeholder { color: #637f9a
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-table { border: 1px solid rgba(223,234,243,0.45); background: #ffffff; box-shadow: none
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-table thead th { border-bottom: 1px solid #dfeaf3; color: #637f9a; background: #ffffff
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-sort-btn { color: inherit
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-sort-btn.active { color: #009c93
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-table tbody td { border-top: 1px solid rgba(223,234,243,0.55); color: #173353
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-table tbody tr:first-child { background: rgba(0,156,147,0.09)
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-table tbody tr:hover { background: rgba(0,156,147,0.07)
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-table tbody td:nth-child(5) .leaderboard-pct { color: #009c93; background: rgba(0,156,147,0.09)
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-table tbody td:nth-child(11) .leaderboard-pct { color: #009c93; background: rgba(0,156,147,0.09)
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-table tbody td:nth-child(1) { color: #173353
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-like-btn { border-color: rgba(0,156,147,0.38); color: #009c93; background: rgba(0,156,147,0.09)
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-pagination-wrapper { border: 0; border-top: 1px solid #dfeaf3; background: transparent
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-pagination-info { color: #637f9a
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-pagination-right .monthly-page-btn { border: 1px solid #dfeaf3; color: #637f9a; background: transparent
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-pagination-right .monthly-page-btn.active { border-color: rgba(0,156,147,0.38); color: #009c93; background: rgba(0,156,147,0.08)
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-award-icon svg { fill: currentColor; stroke: none
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-table-title-icon svg { fill: #009c93
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-filter-globe { color: #637f9a
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-filter-globe svg { fill: none; stroke: currentColor
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-medal { color: #d6960b
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-medal--2 { color: #637f9a
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-medal--3 { color: #e74762
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-rank-number { color: #173353; background: #f2f7fb
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-table tbody tr,
html[data-appearance="light"] body #leaderboard-section .leaderboard-table tbody tr:first-child {
  background: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-table tbody {
  background: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-table tbody tr:hover {
  background: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] body #leaderboard-section .leaderboard-table table {
  background: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] body #leaderboard-section #leaderboard-tbody {
  background: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] body #leaderboard-section #leaderboard-tbody tr,
html[data-appearance="light"] body #leaderboard-section #leaderboard-tbody tr:first-child {
  background: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] body #leaderboard-section #leaderboard-tbody tr:hover {
  background: #ffffff !important;
  background-image: none !important
}
html[data-appearance="light"] body #leaderboard-section #leaderboard-tbody td {
  background: transparent !important;
  background-image: none !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-panel {
  border: 1px solid rgba(33,128,207,0.3) !important;
  background: linear-gradient(145deg, #ffffff, #ffffff) !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-heading h1 {
  color: #173353 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-heading p {
  color: #637f9a !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-controls {
  border: 1px solid rgba(33,128,207,0.28) !important;
  background: #ffffff !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-search,
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-id-range,
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-date-range {
  border: 1px solid rgba(33,128,207,0.34) !important;
  background: #ffffff !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-search .search-icon,
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .date-pill > svg {
  color: #173353 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-search svg,
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .date-pill > svg {
  fill: none !important;
  stroke: currentColor !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-search input,
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-id-range input,
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .date-pill input {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #173353 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card input::placeholder {
  color: #2180cf !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-id-range {
  border: 0 !important;
  background: transparent !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-id-range .range-label {
  color: #173353 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-id-range input {
  border: 1px solid rgba(33,128,207,0.34) !important;
  background: #ffffff !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-date-range {
  border: 0 !important;
  background: transparent !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .date-pill {
  border-color: rgba(33,128,207,0.34) !important;
  background: #ffffff !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .date-pill input {
  color-scheme: light !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-reset,
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-more-filters > summary {
  border: 1px solid rgba(214,150,11,0.38) !important;
  background: #ffffff !important;
  color: #d6960b !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-reset svg,
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-more-filters svg {
  fill: none !important;
  stroke: currentColor !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-more-filters > summary {
  border-color: rgba(0,156,147,0.38) !important;
  background: rgba(0,156,147,0.08) !important;
  color: #009c93 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-filter-menu {
  border: 1px solid rgba(0,156,147,0.3) !important;
  background: #ffffff !important;
  box-shadow: 0 12px 28px rgba(107,142,170,0.07) !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-menu-group > span {
  color: #637f9a !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-sort-actions .icon-btn,
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-filter-menu > .icon-btn {
  border: 1px solid rgba(33,128,207,0.35) !important;
  background: #ffffff !important;
  color: #637f9a !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-sort-actions .icon-btn.active {
  border-color: rgba(0,156,147,0.38) !important;
  color: #009c93 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-filter-menu .icon-btn svg {
  fill: none !important;
  stroke: currentColor !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-filter-menu .chart-history-erase {
  border-color: rgba(231,71,98,0.38) !important;
  background: rgba(231,71,98,0.08) !important;
  color: #e74762 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-table-wrap {
  border: 1px solid rgba(33,128,207,0.28) !important;
  background: #ffffff !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-table {
  color: #173353 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-table thead th {
  border: 0 !important;
  border-bottom: 1px solid rgba(33,128,207,0.34) !important;
  background: #ffffff !important;
  color: #173353 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-table tbody td {
  border: 0 !important;
  border-bottom: 1px solid rgba(33,128,207,0.2) !important;
  background: transparent !important;
  color: #173353 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-table tbody tr:last-child td { border-bottom: 0 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-table tbody td:first-child,
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-table tbody td:nth-child(2) {
  background: #f2f7fb !important;
  color: #637f9a !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-table tbody td:nth-child(4) { color: #009c93 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-table tbody td:nth-child(5) { color: #d6960b !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-table tbody td:nth-child(6) { color: #009c93 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-table tbody tr:hover td { background-color: #f2f7fb !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-table .chart-history-action {
  border: 0 !important;
  background: transparent !important;
  color: #e74762 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-action::before {
  background: currentColor !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #chart-history-card .chart-history-empty-row td {
  color: #637f9a !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-data-page {
  color: #173353 !important;
  --download-teal: #009c93;
  --download-teal-border: rgba(0,156,147,0.29);
  --download-panel-bg: #ffffff
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-data-heading h1 {
  color: #173353 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-data-heading p,
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-section-heading p {
  color: #637f9a !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-data-hero {
  border: 1px solid var(--download-teal-border) !important;
  background: var(--download-panel-bg) !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-data-art {
  color: var(--download-teal) !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-data-art svg path,
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-data-art svg circle {
  stroke: currentColor !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-data-kicker {
  color: #637f9a !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-data-hero-copy h2 {
  color: #173353 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-data-hero-copy > p {
  color: #637f9a !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-data-benefits {
  color: #637f9a !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-data-benefits i {
  border: 1.5px solid var(--download-teal) !important;
  color: var(--download-teal) !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-data-primary {
  border: 1px solid rgba(0,156,147,0.38) !important;
  background: linear-gradient(110deg, #009c93, #009c93) !important;
  color: #173353 !important;
  box-shadow: 0 5px 18px rgba(107,142,170,0.026) !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-data-primary svg { fill: none !important; stroke: currentColor !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-data-hero-action small { color: #637f9a !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-export-options {
  border: 1px solid var(--download-teal-border) !important;
  background: var(--download-panel-bg) !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-section-heading > svg {
  fill: none !important;
  stroke: #dfeaf3 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-section-heading h2 {
  color: #173353 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-export-controls fieldset {
  border: 0 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-export-controls fieldset + fieldset { border-left: 1px solid rgba(223,234,243,0.45) !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-export-controls legend { color: #173353 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-export-controls legend span { color: #637f9a !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-format-option {
  border: 1px solid rgba(223,234,243,0.45) !important;
  background: #ffffff !important;
  color: #637f9a !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-format-option:focus-within { outline: 2px solid rgba(0,156,147,0.38) !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-format-option:has(input:checked) { border-color: rgba(0,156,147,0.38) !important; background: rgba(0,156,147,0.09) !important; color: var(--download-teal) !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-format-option.is-active {
  border: 1.5px solid rgba(0,156,147,0.38) !important;
  background: rgba(0,156,147,0.09) !important;
  color: var(--download-teal) !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-format-option svg { fill: none !important; stroke: currentColor !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-date-fields {
  border: 1px solid rgba(223,234,243,0.45) !important;
  background: #ffffff !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-date-fields svg { fill: none !important; stroke: #dfeaf3 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-date-fields input { border: 0 !important; outline: 0 !important; background: transparent !important; color: #173353 !important; color-scheme: light !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-date-fields > span { color: #637f9a !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-section-heading > svg { color: #173353 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-data-security {
  border: 1px solid var(--download-teal-border) !important;
  background: var(--download-panel-bg) !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-security-icon { border: 1px solid rgba(0,156,147,0.18) !important; background: rgba(0,156,147,0.07) !important; color: var(--download-teal) !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-security-icon svg { fill: none !important; stroke: currentColor !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-data-security strong { color: #173353 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-data-security p { color: #637f9a !important
}
@media (max-width: 760px) {
  html[data-appearance="light"] body #settings-section.banymay-settings #download-data-card .download-export-controls fieldset + fieldset { border-top: 1px solid rgba(223,234,243,0.45) !important; border-left: 0 !important
  }
}
html[data-appearance="light"] body #settings-section.banymay-settings #contact-us-card.settings-card--active {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #contact-us-card .contact-form--reference {
  border: 1px solid rgba(0,156,147,0.29) !important;
  background: #ffffff !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #contact-us-card .contact-form-heading-icon {
  border: 1px solid rgba(0,156,147,0.34) !important;
  background: rgba(0,156,147,0.09) !important;
  color: #009c93 !important;
  box-shadow: 0 0 22px rgba(107,142,170,0.026) !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #contact-us-card .contact-form-heading-icon svg {
  fill: none !important;
  stroke: currentColor !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #contact-us-card .contact-form-heading h2 {
  color: #173353 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #contact-us-card .contact-form-heading p {
  color: #637f9a !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #contact-us-card .contact-form-row {
  background: transparent !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #contact-us-card .contact-form-row > label {
  color: #173353 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #contact-us-card .contact-input-wrap {
  border: 1px solid #dfeaf3 !important;
  background: #ffffff !important;
  color: #637f9a !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #contact-us-card .contact-input-wrap > svg {
  fill: none !important;
  stroke: #dfeaf3 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #contact-us-card .contact-input-wrap :is(input, select, textarea) {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #173353 !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #contact-us-card .contact-input-wrap :is(input, textarea)::placeholder { color: #637f9a !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #contact-us-card .contact-input-wrap:focus-within {
  border-color: rgba(0,156,147,0.38) !important;
  box-shadow: 0 0 0 3px rgba(107,142,170,0.02) !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #contact-us-card .contact-input-wrap--select select option { background: #ffffff !important; color: #173353 !important
}
html[data-appearance="light"] body #settings-section.banymay-settings #contact-us-card #contact-submit-btn {
  border: 1px solid rgba(0,156,147,0.38) !important;
  background: linear-gradient(110deg, #009c93, #009c93) !important;
  color: #173353 !important;
  box-shadow: 0 5px 18px rgba(107,142,170,0.026) !important
}
html[data-appearance="light"] body #admin-section {
  --admin-bg: #ffffff;
  --admin-panel: #ffffff;
  --admin-card: #ffffff;
  --admin-border: #dfeaf3;
  --admin-text: #173353;
  --admin-muted: #637f9a;
  --admin-teal: #009c93;
  --admin-green: #009c93;
  color: var(--admin-text) !important
}
html[data-appearance="light"] body #admin-section .admin-sidebar {
  border: 1px solid var(--admin-border) !important;
  background: linear-gradient(180deg, #ffffff, #ffffff) !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #admin-section .admin-sidebar-title { color: var(--admin-text) !important
}
html[data-appearance="light"] body #admin-section .admin-side-item {
  border: 1px solid transparent !important;
  border-bottom-color: rgba(33,128,207,0.13) !important;
  background: transparent !important;
  color: #637f9a !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #admin-section .admin-side-item svg {
  fill: none !important;
  stroke: #dfeaf3 !important
}
html[data-appearance="light"] body #admin-section .admin-side-item:hover,
html[data-appearance="light"] body #admin-section .admin-side-item.active {
  border: 1px solid rgba(0,156,147,0.38) !important;
  background: linear-gradient(100deg, rgba(0,156,147,0.09), rgba(0,156,147,0.09)) !important;
  color: #009c93 !important;
  box-shadow: 0 0 20px rgba(107,142,170,0.024) !important
}
html[data-appearance="light"] body #admin-section .admin-side-item.active svg,
html[data-appearance="light"] body #admin-section .admin-side-item:hover svg { stroke: rgba(0,156,147,0.38) !important
}
html[data-appearance="light"] body #admin-section .admin-main {
  border: 1px solid rgba(223,234,243,0.65) !important;
  background: linear-gradient(155deg, #ffffff 0%, #ffffff 72%) !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #admin-section .admin-view--dashboard .admin-hero-card {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #admin-section .admin-dashboard-title-copy h1 {
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-dashboard-title-copy p {
  color: #009c93 !important
}
html[data-appearance="light"] body #admin-section .admin-dashboard-period {
  border: 1px solid var(--admin-border) !important;
  background: #ffffff !important;
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-dashboard-period svg {
  fill: none !important;
  stroke: #dfeaf3 !important
}
html[data-appearance="light"] body #admin-section .admin-view--dashboard .admin-kpi-card {
  border: 1px solid var(--admin-border) !important;
  background: linear-gradient(140deg, #ffffff, #ffffff) !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #admin-section .admin-kpi-icon {
  background: rgba(0,156,147,0.09) !important;
  color: #009c93 !important
}
html[data-appearance="light"] body #admin-section .admin-kpi-icon svg {
  fill: currentColor !important;
  stroke: currentColor !important
}
html[data-appearance="light"] body #admin-section .admin-kpi-icon svg path:not([d*="z"]),
html[data-appearance="light"] body #admin-section .admin-kpi-icon svg line,
html[data-appearance="light"] body #admin-section .admin-kpi-icon svg rect { fill: none !important
}
html[data-appearance="light"] body #admin-section .admin-kpi-label {
  color: #637f9a !important
}
html[data-appearance="light"] body #admin-section .admin-kpi-value {
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-kpi-delta {
  color: #637f9a !important
}
html[data-appearance="light"] body #admin-section .admin-kpi-delta.positive { color: #009c93 !important
}
html[data-appearance="light"] body #admin-section .admin-kpi-delta.negative { color: #e74762 !important
}
html[data-appearance="light"] body #admin-section .admin-view--dashboard .admin-chart-card {
  border: 1px solid var(--admin-border) !important;
  background: linear-gradient(145deg, #ffffff, #ffffff) !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #admin-section .admin-view--dashboard .admin-chart-header {
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-chart-icon {
  background: rgba(0,156,147,0.09) !important;
  color: #009c93 !important
}
html[data-appearance="light"] body #admin-section .admin-chart-icon svg {
  fill: none !important;
  stroke: currentColor !important
}
html[data-appearance="light"] body #admin-section .admin-view--dashboard .admin-chart-body {
  border: 0 !important;
  background: transparent !important
}
html[data-appearance="light"] body #admin-section .admin-view--dashboard .admin-chart-placeholder {
  border: 0 !important;
  background: transparent !important
}
@media (max-width: 900px) {
  html[data-appearance="light"] body #admin-section .admin-side-item { border: 1px solid transparent !important
  }
}
html[data-appearance="light"] body #admin-section .admin-view--users {
  color: var(--admin-text, #173353) !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-support-hero {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-support-hero .admin-ops-eyebrow {
  color: #009c93 !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-support-hero h2 {
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-support-hero p {
  color: #637f9a !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-summary-chip {
  border: 1px solid #dfeaf3 !important;
  background: #ffffff !important;
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-summary-chip.warning {
  border-color: rgba(214,150,11,0.38) !important;
  background: rgba(214,150,11,0.08) !important;
  color: #d6960b !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-summary-chip.positive {
  border-color: rgba(0,156,147,0.32) !important;
  background: rgba(0,156,147,0.08) !important;
  color: #009c93 !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-support-refresh {
  border: 1px solid rgba(0,156,147,0.38) !important;
  background: linear-gradient(135deg, #009c93, #009c93) !important;
  color: #173353 !important;
  box-shadow: 0 0 15px rgba(107,142,170,0.028) !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-support-refresh svg {
  fill: none !important;
  stroke: currentColor !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-info-card {
  border: 1px solid #dfeaf3 !important;
  background: linear-gradient(145deg, #ffffff, #ffffff) !important;
  box-shadow: none !important;
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-info-card-icon {
  background: rgba(0,156,147,0.09) !important;
  color: #009c93 !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-info-card-icon--alert {
  background: rgba(231,71,98,0.09) !important;
  color: #e74762 !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-info-card-icon svg {
  fill: none !important;
  stroke: currentColor !important
}
html[data-appearance="light"] body #admin-section .admin-view--users [data-support-card="health_score"] .admin-info-card-icon svg path {
  fill: currentColor !important;
  stroke: none !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-info-card h4 {
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-info-card p {
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-info-card-chevron {
  color: #637f9a !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-filter label {
  color: #637f9a !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-filter input,
html[data-appearance="light"] body #admin-section .admin-view--users .admin-filter select {
  border: 1px solid #dfeaf3 !important;
  background: #ffffff !important;
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-filter input::placeholder { color: #637f9a !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-users-table {
  border: 1px solid #dfeaf3 !important;
  background: #ffffff !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-users-table table {
  background: transparent !important;
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-users-table thead th {
  border-bottom: 1px solid #dfeaf3 !important;
  background: #ffffff !important;
  color: #637f9a !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-users-table thead th.sorted-asc,
html[data-appearance="light"] body #admin-section .admin-view--users .admin-users-table thead th.sorted-desc { color: #009c93 !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-users-table thead th.sortable:hover {
  background: #ffffff !important;
  color: #009c93 !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-users-table tbody td {
  border-bottom: 1px solid rgba(223,234,243,0.45) !important;
  background: #ffffff !important;
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-users-table tbody tr:hover td,
html[data-appearance="light"] body #admin-section .admin-view--users .admin-users-table tbody tr.selected td,
html[data-appearance="light"] body #admin-section .admin-view--users .admin-users-table tbody tr.highlight td {
  background: #f2f7fb !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-users-table tbody tr.selected td:first-child,
html[data-appearance="light"] body #admin-section .admin-view--users .admin-users-table tbody tr.highlight td:first-child {
  box-shadow: inset 3px 0 rgba(107,142,170,0.12) !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .user-name { color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .user-email { color: #637f9a !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .plan-badge {
  border: 1px solid rgba(33,128,207,0.38) !important;
  background: #f2f7fb !important;
  color: #637f9a !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-support-open {
  border: 1px solid rgba(0,156,147,0.38) !important;
  background: linear-gradient(135deg, #009c93, #009c93) !important;
  color: #173353 !important;
  box-shadow: 0 0 13px rgba(107,142,170,0.028) !important
}
html[data-appearance="light"] body #admin-section .admin-view--users #admin-users-pagination-wrapper {
  color: #637f9a !important
}
html[data-appearance="light"] body #admin-section .admin-view--users #admin-users-page-size,
html[data-appearance="light"] body #admin-section .admin-view--users .monthly-page-btn {
  border: 1px solid #dfeaf3 !important;
  background: #ffffff !important;
  color: #637f9a !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .monthly-page-btn.active,
html[data-appearance="light"] body #admin-section .admin-view--users .monthly-page-btn[aria-current="page"] {
  border-color: rgba(0,156,147,0.38) !important;
  background: rgba(0,156,147,0.09) !important;
  color: #009c93 !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-support-detail {
  border: 1px solid #dfeaf3 !important;
  background: linear-gradient(145deg, #ffffff, #ffffff) !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-support-detail-header h3 {
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-support-detail-header p {
  color: #637f9a !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-support-dossier-grid div {
  border: 1px solid #dfeaf3 !important;
  background: #ffffff !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-support-dossier-grid span {
  color: #637f9a !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-support-dossier-grid strong {
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-support-detail-columns > section {
  border: 1px solid #dfeaf3 !important;
  background: #ffffff !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-support-detail-columns h4 {
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-ops-empty,
html[data-appearance="light"] body #admin-section .admin-view--users .admin-support-detail-empty {
  color: #637f9a !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-support-timeline-item,
html[data-appearance="light"] body #admin-section .admin-view--users .admin-support-note {
  border-bottom: 1px solid rgba(223,234,243,0.45) !important;
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-support-note-form textarea {
  border: 1px solid #dfeaf3 !important;
  background: #ffffff !important;
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-view--users .admin-support-note-form button {
  border: 1px solid rgba(0,156,147,0.38) !important;
  background: #009c93 !important;
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-view--analytics {
  color: var(--admin-text, #173353) !important
}
html[data-appearance="light"] body #admin-section .admin-analytics-heading h2 {
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-analytics-heading p {
  color: #009c93 !important
}
html[data-appearance="light"] body #admin-section .admin-analytics-period {
  border: 1px solid var(--admin-border, #dfeaf3) !important;
  background: #ffffff !important;
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-analytics-period svg {
  fill: none !important;
  stroke: currentColor !important
}
html[data-appearance="light"] body #admin-section .admin-view--analytics .admin-kpi-card {
  border: 1px solid var(--admin-border, #dfeaf3) !important;
  background: linear-gradient(145deg, #ffffff, #ffffff) !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #admin-section .admin-view--analytics .admin-kpi-icon {
  background: rgba(0,156,147,0.09) !important;
  color: #009c93 !important
}
html[data-appearance="light"] body #admin-section .admin-view--analytics .admin-kpi-icon svg {
  fill: none !important;
  stroke: currentColor !important
}
html[data-appearance="light"] body #admin-section .admin-view--analytics .admin-kpi-label {
  color: #637f9a !important
}
html[data-appearance="light"] body #admin-section .admin-view--analytics .admin-kpi-value {
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-view--analytics .admin-kpi-delta {
  color: #637f9a !important
}
html[data-appearance="light"] body #admin-section .admin-view--analytics .admin-kpi-delta.positive { color: #009c93 !important
}
html[data-appearance="light"] body #admin-section .admin-view--analytics .admin-kpi-delta.negative { color: #e74762 !important
}
html[data-appearance="light"] body #admin-section .admin-analytics-panel {
  border: 1px solid var(--admin-border, #dfeaf3) !important;
  background: linear-gradient(145deg, #ffffff, #ffffff) !important;
  box-shadow: none !important
}
html[data-appearance="light"] body #admin-section .admin-analytics-panel-icon {
  background: rgba(0,156,147,0.09) !important;
  color: #009c93 !important
}
html[data-appearance="light"] body #admin-section .admin-analytics-panel-icon svg {
  fill: none !important;
  stroke: currentColor !important
}
html[data-appearance="light"] body #admin-section .admin-analytics-panel-heading h3 {
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-analytics-panel-heading p {
  color: #637f9a !important
}
html[data-appearance="light"] body #admin-section .admin-analytics-donut {
  border: 0 !important;
  background: conic-gradient(#f2f7fb 0 100%)
}
html[data-appearance="light"] body #admin-section .admin-analytics-donut::before {
  background: #ffffff !important
}
html[data-appearance="light"] body #admin-section .admin-analytics-donut strong {
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-analytics-donut span {
  color: #637f9a !important
}
html[data-appearance="light"] body #admin-section .admin-analytics-legend-dot {
  background: #009c93 !important
}
html[data-appearance="light"] body #admin-section .admin-analytics-legend-dot--mobile { background: #2180cf !important
}
html[data-appearance="light"] body #admin-section .admin-analytics-legend strong {
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-analytics-legend span {
  color: #637f9a !important
}
html[data-appearance="light"] body #admin-section .admin-analytics-legend small {
  color: #637f9a !important
}
html[data-appearance="light"] body #admin-section .admin-analytics-period-row span,
html[data-appearance="light"] body #admin-section .admin-analytics-engagement-row span {
  color: #637f9a !important
}
html[data-appearance="light"] body #admin-section .admin-analytics-period-row strong,
html[data-appearance="light"] body #admin-section .admin-analytics-engagement-row strong {
  color: #173353 !important
}
html[data-appearance="light"] body #admin-section .admin-analytics-track {
  background: #f2f7fb !important
}
html[data-appearance="light"] body #admin-section .admin-analytics-track i {
  background: linear-gradient(90deg, #009c93, #009c93) !important
}
html[data-appearance="light"] body #admin-section .admin-analytics-engagement-row small {
  color: #637f9a !important
}
html[data-appearance="light"] .dividend-import-overlay { background: #ffffff
}
html[data-appearance="light"] .dividend-import-dialog {
  color: var(--text-primary, #173353); background: var(--panel-bg, #ffffff); border: 1px solid rgba(0,156,147,0.35);
  box-shadow: 0 22px 70px rgba(107,142,170,0.11)
}
html[data-appearance="light"] .dividend-import-header { border-bottom: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] .dividend-import-header p { color: #637f9a
}
html[data-appearance="light"] .dividend-import-header .dividend-import-eyebrow { color: #009c93
}
html[data-appearance="light"] .dividend-import-close { border: 0; color: #637f9a; background: transparent
}
html[data-appearance="light"] .dividend-import-summary { color: #637f9a
}
html[data-appearance="light"] .dividend-import-table-wrap { border: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] .dividend-import-table th { color: #637f9a; background: #ffffff
}
html[data-appearance="light"] .dividend-import-table th,
html[data-appearance="light"] .dividend-import-table td { border-bottom: 1px solid rgba(223,234,243,0.45)
}
html[data-appearance="light"] .dividend-import-table td input:not([type="checkbox"]) { color: #173353; background: #ffffff; border: 1px solid #dfeaf3
}
html[data-appearance="light"] .dividend-import-table tr.is-review { background: rgba(214,150,11,0.07)
}
html[data-appearance="light"] .dividend-import-status { color: #637f9a
}
html[data-appearance="light"] .dividend-import-footer button { color: #173353; background: #ffffff; border: 1px solid #dfeaf3
}
html[data-appearance="light"] .dividend-import-footer .dividend-import-confirm { color: #173353; background: #009c93; border-color: rgba(0,156,147,0.38)
}
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-history-card,
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-table-scroll,
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-table-scroll > table.stocks-table.deposits-redesign-table {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important
}
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-table-scroll > table.stocks-table.deposits-redesign-table > thead,
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-table-scroll > table.stocks-table.deposits-redesign-table > thead > tr {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
        box-shadow: 0 1px 0 rgba(107,142,170,0.12) !important
}
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-table-scroll > table.stocks-table.deposits-redesign-table > thead > tr > th {
        border-top: 0 !important;
        border-right: 0 !important;
        border-bottom: 1px solid #dfeaf3 !important;
        border-left: 0 !important;
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
        box-shadow: none !important;
        color: #637f9a !important
}
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-table-scroll > table.stocks-table.deposits-redesign-table > tbody > tr,
html[data-appearance="light"] body #deposits-section.deposits-redesign-page .deposits-table-scroll > table.stocks-table.deposits-redesign-table > tbody > tr > td {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important
}