#expense-root { padding: 20px; min-width: 0; }
.expense-tabs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 14px 0; }
.expense-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 14px; margin: 16px 0; }
.expense-grid label,.expense-head-add label { display: flex; flex-direction: column; gap: 7px; }
.expense-head-add { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; margin: 18px 0; }
.expense-head-add input { min-width: 280px; }
#expense-root td { overflow-wrap: anywhere; }
#expense-root [role=alert]:empty { display: none; }
#expense-root button:disabled { opacity: .45; cursor: not-allowed; }
.expense-note-image { display: block; width: 440px; max-width: none; height: auto; background: white; }