.expenses-page { .action-buttons { display: flex; gap: 0.25rem; } .text-end { text-align: end; } }
.dialog-form {
  display: flex; flex-direction: column; gap: 1rem;
  .form-field { display: flex; flex-direction: column; gap: 0.25rem; flex: 1;
    label { font-weight: 600; font-size: 0.875rem; }
  }
  .form-row { display: flex; gap: 1rem; @media (max-width: 768px) { flex-direction: column; } }
}
