.expense-summary{display:flex;gap:9px;overflow-x:auto;margin-bottom:12px}.expense-summary>div{min-width:140px;padding:12px 14px;border:1px solid #dbe3ec;border-radius:10px;background:#fff}.expense-summary small,.expense-summary b{display:block}.expense-summary small{color:#65768a;font-size:.72rem}.expense-summary b{margin-top:4px;color:#143d69;font-size:1.05rem}.expense-form-head,.expense-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.expense-form-head h3,.expense-list-head h3{margin-bottom:4px}.expense-form-head p{margin:0 0 14px;color:#6a7b8e;font-size:.8rem}.expense-form{display:grid;grid-template-columns:140px 150px minmax(180px,1fr) 130px 170px auto;gap:8px;align-items:end;padding:0}.expense-form label{min-width:0}.expense-form input,.expense-form select{width:100%;min-width:0}.expense-form button{height:39px}.expense-list-head span{padding:4px 9px;border-radius:999px;background:#eef4fa;color:#355875;font-size:.75rem}.expense-table small{display:block;color:#6a7989;margin-top:3px}.expense-table td:last-child{white-space:nowrap}.expense-table td button{border:1px solid #cfd9e4;border-radius:6px;background:#fff;padding:5px 8px;margin-right:4px}.expense-table td button.danger{color:#a43d3d}.expense-archive summary{cursor:pointer;font-weight:800}.expense-archive article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;border-bottom:1px solid #e7edf3}.expense-archive small{display:block;color:#68798a;margin-top:4px}.expense-archive button,#cancelExpenseEdit{border:1px solid #ccd8e4;border-radius:7px;background:#fff;padding:7px 9px}
@media(max-width:1000px){.expense-form{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-form .wide{grid-column:1/-1}.expense-form button{width:100%}}@media(max-width:560px){.expense-form{grid-template-columns:minmax(0,1fr)}.expense-form .wide{grid-column:1}.expense-table{min-width:650px}.expense-archive article{align-items:flex-start}.expense-summary>div{min-width:130px}}