#finance-panel { max-width: 1120px; }
.finance-heading h1, .support-heading h1 { margin: 5px 0 9px; font-size: clamp(27px, 3.2vw, 42px); }
.finance-heading p, .support-heading p { color: var(--muted); }
.finance-balances { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 24px 0; }
.finance-balances article { border-top: 1px solid var(--line); padding: 22px; background: rgba(39, 42, 40, .74); }
.finance-balances span, .finance-balances small { display: block; color: var(--muted); font: 12px var(--font-mono); }
.finance-balances strong { display: block; margin: 8px 0 3px; color: var(--primary); font: 600 clamp(31px, 5vw, 54px)/1 var(--font-display); }
.repay-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(270px, .65fr); gap: 25px; align-items: end; border-left: 2px solid var(--highlight); padding: 22px; background: rgba(210, 201, 129, .055); }
.repay-card h2 { margin: 5px 0 8px; }
.repay-card p { margin-bottom: 0; color: var(--muted); }
.repay-card form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
.finance-action span, .finance-action em { display: block; }
.finance-action em { margin-top: 4px; color: var(--highlight); font: normal 10px var(--font-mono); text-transform: none; }
.finance-history { margin-top: 28px; }
.finance-operation { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto; gap: 16px; align-items: center; border-bottom: 1px solid var(--line); padding: 14px 4px; }
.finance-operation time, .finance-operation small { color: var(--muted); font: 10px var(--font-mono); }
.finance-operation div span { display: block; margin-top: 4px; color: var(--muted); font-size: 13px; }
.finance-operation b { font: 600 17px var(--font-mono); }
.finance-operation b.is-income { color: var(--primary); }
.finance-operation b.is-expense { color: var(--danger); }
.finance-operation small { grid-column: 2 / -1; }
.finance-empty { color: var(--muted); }
.finance-status, .support-status { min-height: 18px; color: var(--primary); font: 13px var(--font-mono); }
.finance-status.is-error, .support-status.is-error { color: var(--danger); }
@media (max-width: 720px) { .finance-balances, .repay-card { grid-template-columns: 1fr; } .finance-operation { grid-template-columns: 1fr auto; } .finance-operation time { grid-column: 1 / -1; } }