.expense-allocation-card { background: white; border-radius: 1rem; padding: 1rem; box-shadow: 0 1px 2px rgb(0 0 0 / .05); margin-bottom: .75rem; }
.expense-allocation-layout { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.expense-allocation-content { min-width: 0; overflow-wrap: anywhere; }
.expense-allocation-amount { text-align: right; white-space: nowrap; flex-shrink: 0; }
@media (max-width: 420px) { .expense-allocation-layout { gap: .5rem; } }