@layer components{.expense-workspace{margin:28px 0 48px}.expense-overview{border:1px solid var(--border);border-radius:20px;background:var(--surface-hero);padding:clamp(20px,3vw,32px);margin-bottom:24px}.expense-history-heading,.expense-overview-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.expense-overview-heading h2{font-family:var(--display-font);font-size:clamp(1.7rem,3vw,2.4rem);margin:8px 0 0;font-weight:400}.expense-overview-heading .field{min-width:120px}.expense-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:28px}.expense-totals>div{display:grid;gap:8px;min-width:0}.expense-totals span{font-size:.78rem;color:var(--muted)}.expense-totals strong{font-size:clamp(1.15rem,2vw,1.6rem);color:var(--brand-deep);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.expense-columns{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:24px;align-items:start}.expense-columns>.card{min-width:0;padding:clamp(20px,3vw,28px)}.expense-columns h2{display:flex;align-items:center;gap:10px;font-family:var(--display-font);font-weight:400;font-size:1.5rem;margin:0 0 20px}.expense-form-card form{display:grid;gap:18px}.expense-field-pair,.expense-history-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.expense-history-heading{margin-bottom:20px}.expense-history-heading h2{margin:0}.expense-history-filters{margin-bottom:20px}.expense-records{list-style:none;padding:0;margin:0 0 18px}.expense-records>li{padding:18px 0;border-top:1px solid var(--border)}.expense-record-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.expense-record-top strong{font-size:1.15rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.expense-kind{font-size:.72rem;padding:3px 8px;border-radius:5px;color:var(--brand-deep);background:var(--brand-soft)}.expense-kind-planned{background:var(--surface-hero);color:var(--text)}.expense-record-note{margin:10px 0 4px;overflow-wrap:anywhere}.expense-record-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.expense-success{color:var(--brand-deep);margin:18px 0 0}@media (max-width:900px){.expense-columns{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){.expense-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-field-pair,.expense-history-filters{grid-template-columns:minmax(0,1fr)}}}