.bottom-nav{grid-template-columns:repeat(6,1fr)}
.finance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.finance-card{padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#0a2226}
.finance-card h4{margin:0 0 5px;font-size:17px}.finance-card .sub{font-size:12px}
.finance-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.metric{padding:10px;border-radius:12px;background:#0c282c;border:1px solid rgba(255,255,255,.05)}.metric small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px}.metric strong{display:block;margin-top:4px;font-size:15px}.profit-positive{color:var(--mint)}.profit-negative{color:#ff9292}.invoice-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.invoice-card .actions{justify-content:flex-end;margin-top:8px}.details-form{margin-top:10px;border-top:1px solid rgba(255,255,255,.06);padding-top:10px}.details-form summary{cursor:pointer;color:var(--mint);font-weight:800;font-size:12px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.mini-grid .field label{font-size:10px}.mini-grid input,.mini-grid select{padding:9px 10px}.finance-summary{grid-template-columns:repeat(5,1fr)}
@media(max-width:820px){.finance-grid{grid-template-columns:1fr}.finance-metrics{grid-template-columns:repeat(2,1fr)}.finance-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.bottom-nav{height:78px}.nav{font-size:9px}.nav b{font-size:18px}.invoice-card{grid-template-columns:1fr}.invoice-card .item-side{align-items:flex-start;text-align:left}.mini-grid{grid-template-columns:1fr}.finance-summary{grid-template-columns:1fr 1fr}}