.finance-page{min-height:100vh}
.finance-topbar{justify-content:space-between}
.finance-topbar .btn{text-decoration:none}
.finance-shell{width:min(1120px,100%);margin:0 auto;padding:38px 24px 80px}
.finance-gate{max-width:620px;margin:60px auto}
.finance-heading{
  display:flex;align-items:end;justify-content:space-between;gap:22px;
  margin-bottom:24px;flex-wrap:wrap;
}
.finance-heading h1{font-size:clamp(32px,5vw,54px);margin:0}
.finance-event-picker{display:grid;gap:6px;font-size:13px;font-weight:900;min-width:min(340px,100%)}
.finance-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
.finance-summary article{
  display:grid;gap:4px;border:4px solid var(--ink-deep);border-radius:15px;
  background:var(--night-2);box-shadow:0 6px 0 var(--ink-deep);padding:18px;
}
.finance-summary small{color:var(--muted);font-weight:800}
.finance-summary strong{font-family:var(--font-head);font-size:25px;color:var(--cyan)}
.finance-summary span{font-size:11px;color:var(--muted)}
.finance-summary .finance-profit-card{border-color:var(--yellow)}
.finance-summary .finance-profit-card strong{color:var(--yellow)}
.finance-summary .negative strong,.finance-summary strong.negative{color:#ff8c7d}
.finance-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:20px;align-items:start}
.finance-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.finance-panel-head h2,.finance-plan h2{font-size:22px;margin:0}
.finance-add-actions{display:flex;gap:8px;flex-wrap:wrap}
.finance-items{display:grid;gap:9px;margin:4px 0}
.finance-item{
  display:grid;grid-template-columns:110px minmax(140px,1fr) minmax(105px,150px) 44px;
  gap:8px;align-items:end;border:2px solid var(--night-3);border-radius:11px;
  background:var(--night-1);padding:10px;
}
.finance-item label{font-size:11px}
.finance-item .finance-remove{width:44px;height:44px;padding:0}
.finance-item[data-type="income"] select{border-color:var(--green)}
.finance-item[data-type="expense"] select{border-color:var(--orange)}
.finance-empty{padding:24px;text-align:center;border:2px dashed var(--night-3);border-radius:11px;color:var(--muted)}
.finance-plan dl{display:grid;gap:0;margin:4px 0 10px}
.finance-plan dl>div{display:flex;justify-content:space-between;gap:12px;border-bottom:2px solid var(--night-3);padding:11px 0}
.finance-plan dt{color:var(--muted);font-size:12px}
.finance-plan dd{margin:0;font-weight:900;color:var(--yellow);text-align:right}

@media(max-width:820px){
  .finance-shell{padding:24px 14px 100px}
  .finance-topbar .brand-text small{display:none}
  .finance-topbar .btn{max-width:155px;padding:8px 10px;font-size:11px}
  .finance-heading{align-items:stretch}
  .finance-event-picker{width:100%}
  .finance-summary{grid-template-columns:1fr 1fr;gap:9px}
  .finance-summary article{padding:13px;border-width:3px}
  .finance-summary strong{font-size:20px}
  .finance-layout{grid-template-columns:1fr}
  .finance-plan{order:-1}
  .finance-item{grid-template-columns:1fr 1fr}
  .finance-item label:nth-child(2){grid-column:1/-1;grid-row:1}
  .finance-item .finance-remove{width:100%;grid-column:2}
}