/* FinancePage — Financial Overview Dashboard */

.finance-page { padding: var(--space-6); max-width: var(--content-max-width); margin: 0 auto; }
.finance-page .page-header { margin-bottom: var(--space-6); }
.finance-page .page-header h2 { font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); color: var(--color-text); margin: 0 0 var(--space-1); }
.finance-page .page-header__subtitle { font-size: var(--font-size-sm); color: var(--color-text-secondary); margin: 0; }

.finance-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--space-4); margin-bottom: var(--space-6); }

.finance-card { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-5); display: flex; flex-direction: column; gap: var(--space-2); box-shadow: var(--shadow-sm); }
.finance-card__icon { width: 40px; height: 40px; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; }
.finance-card__icon svg { width: 20px; height: 20px; }
.finance-card__label { font-size: var(--font-size-sm); color: var(--color-text-secondary); }
.finance-card__value { font-size: var(--font-size-xl); font-weight: var(--font-weight-bold); color: var(--color-text); }

@media (max-width: 640px) { .finance-cards { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .finance-page { padding: var(--space-4); } }