.finance-metric{appearance:none;cursor:pointer;border:1px solid var(--line);font:inherit;color:var(--text);text-align:left;position:relative;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.finance-metric:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-50px;bottom:-65px;background:#6fa8ff18;transition:transform .25s}
.finance-metric:hover,.finance-metric:focus-visible{transform:translateY(-2px);border-color:#6fa8ff88;box-shadow:0 20px 55px #6fa8ff15;outline:none}.finance-metric:hover:after{transform:scale(1.3)}
.finance-total{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 16px;padding:18px 20px;border:1px solid #48e0b244;border-radius:16px;background:linear-gradient(135deg,#164139,#10262c)}
.finance-total span{color:var(--muted);font-size:12px}.finance-total strong{font-size:30px;letter-spacing:-.04em}
.finance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.finance-account{position:relative;overflow:hidden;padding:20px;border:1px solid var(--line);border-radius:16px;background:#0b1921}
.finance-account:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}
.finance-account.vat:before{background:var(--accent2)}.finance-account.cash:before{background:#f1b75c}
.finance-account span,.finance-account small{display:block;color:var(--muted)}.finance-account span{font-size:12px}.finance-account strong{display:block;margin:11px 0 5px;font-size:25px;letter-spacing:-.04em}.finance-account small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
@media(max-width:760px){.finance-total{padding:15px 16px}.finance-total strong{font-size:24px}.finance-grid{grid-template-columns:1fr;gap:8px}.finance-account{padding:16px}.finance-account strong{font-size:22px;margin:8px 0 3px}.finance-panel{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}