.rp-finance {
  --finance-surface: #162234;
  --finance-surface-raised: #1e2d42;
  --finance-line: #334155;
  --finance-muted: #aebdce;
  --finance-ink: #eef2f8;
  --finance-accent: #f4b93f;
  color: var(--finance-ink);
  max-width: 1180px;
  margin: 0 auto;
  font-variant-numeric: tabular-nums;
}
html.light-ui .rp-finance {
  --finance-surface: #fff;
  --finance-surface-raised: #f4f6f9;
  --finance-line: var(--rp-line);
  --finance-muted: var(--rp-muted);
  --finance-ink: var(--rp-ink);
  --finance-accent: #844f00;
}
.golden-app .ga-main-content .rp-finance .rp-finance-heading { margin: 2px 0 18px; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.rp-finance-heading h1 { margin: 0; color: var(--finance-ink); font-size: clamp(24px, 3vw, 34px); line-height: 1.15; letter-spacing: -.025em; }
.rp-finance-heading p { max-width: 68ch; margin: 7px 0 0; color: var(--finance-muted); font-size: 13px; line-height: 1.55; }
.rp-finance-status { margin: 0 0 18px; padding: 11px 13px; border: 1px solid color-mix(in srgb, var(--finance-accent) 42%, var(--finance-line)); border-radius: 12px; background: color-mix(in srgb, var(--finance-accent) 8%, var(--finance-surface)); color: var(--finance-ink); font-size: 12px; line-height: 1.5; }
.rp-finance-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.rp-finance-card { min-width: 0; min-height: 142px; padding: 17px; border: 1px solid var(--finance-line); border-radius: 14px; background: var(--finance-surface); box-shadow: 0 8px 24px rgb(2 6 23 / .12); }
.rp-finance-card h2 { margin: 0; color: var(--finance-muted); font-size: 12px; font-weight: 650; line-height: 1.35; }
.rp-finance-value { display: grid; gap: 5px; margin: 20px 0 0; color: var(--finance-ink); font-size: 22px; font-weight: 750; line-height: 1.1; letter-spacing: -.025em; }
.rp-finance-note { margin: 9px 0 0; color: var(--finance-muted); font-size: 11px; line-height: 1.4; }
.rp-finance-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--finance-line); }
.rp-finance-card--assets { background: color-mix(in srgb, #2f9e74 11%, var(--finance-surface)); }
.rp-finance-card--liabilities { background: color-mix(in srgb, #d95867 10%, var(--finance-surface)); }
.rp-finance-card--total { background: color-mix(in srgb, var(--finance-accent) 12%, var(--finance-surface-raised)); }
.rp-finance-card--total h2, .rp-finance-card--total .rp-finance-value { color: var(--finance-accent); }
@media (max-width: 1023px) { .rp-finance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
  .rp-finance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .rp-finance-summary { grid-template-columns: 1fr; }
  .rp-finance-summary { gap: 10px; margin-top: 16px; padding-top: 16px; }
  .rp-finance-grid .rp-finance-card { min-height: 108px; padding: 14px; }
  .rp-finance-grid .rp-finance-card h2 { min-height: 32px; }
  .rp-finance-grid .rp-finance-value { margin-top: 9px; font-size: 17px; }
  .rp-finance-grid .rp-finance-note { display: none; }
  .rp-finance-summary .rp-finance-card { min-height: 112px; padding: 15px; }
  .rp-finance-summary .rp-finance-value { margin-top: 13px; font-size: 20px; }
}