.finance-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 15px; }
.finance-kpis .card { padding: 18px; }
.finance-kpis span, .finance-kpis strong { display: block; }
.finance-kpis span { color: var(--muted); font-size: 10px; }
.finance-kpis strong { font: 600 25px Georgia; margin-top: 7px; }
.finance-forms { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 15px; }
.finance-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: end; }
.finance-form > div:first-child { grid-column: 1 / -1; }
.finance-form label { display: grid; gap: 6px; font-size: 10px; font-weight: 800; }
.finance-form button { border: 0; border-radius: 9px; padding: 11px 14px; background: var(--forest); color: #fff; font-weight: 800; cursor: pointer; }
.finance-form button:disabled { opacity: .55; cursor: wait; }
.trade-preview { background: #edf1e9; border-radius: 9px; padding: 11px; }
.trade-preview strong, .trade-preview span { display: block; }
.trade-preview span { color: var(--muted); font-size: 9px; margin-top: 3px; }
.finance-book { margin-top: 15px; }
.amount-positive { color: var(--ok); font-weight: 800; }
.amount-negative { color: var(--danger); font-weight: 800; }
@media (max-width: 950px) { .finance-forms { grid-template-columns: 1fr; } }
@media (max-width: 720px) { .finance-kpis, .finance-form { grid-template-columns: 1fr; } .finance-form > div:first-child { grid-column: auto; } }