.purchases-page .purchase-fields{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.purchases-page .purchase-wide{grid-column:1/-1}
.purchases-page .purchase-filters{display:flex;flex-wrap:wrap;align-items:end;gap:14px}
.purchases-page .purchase-filters label{flex:1;min-width:160px}
.purchases-page .purchase-record{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #cbd5e1;padding:18px 0;overflow-wrap:anywhere}
.purchases-page .purchase-record>div:last-child{text-align:right;flex-shrink:0}
.purchases-page .purchase-table{overflow-x:auto}
.purchases-page table{width:100%;border-collapse:collapse;font-size:.85rem}
.purchases-page th,.purchases-page td{padding:12px 10px;border-bottom:1px solid #cbd5e1;text-align:right;white-space:nowrap}
.purchases-page th:nth-child(-n+2),.purchases-page td:nth-child(-n+2){text-align:left}
.purchases-page .expense-over{color:#a22424;font-weight:bold}
@media(max-width:650px){.purchases-page .purchase-fields{grid-template-columns:1fr}.purchases-page .purchase-record{flex-direction:column}.purchases-page .purchase-record>div:last-child{text-align:left}}