.summary-dates{max-width:750px;margin:12px 0 20px}.summary-dates summary,.expense-row summary,.summary-removed summary{cursor:pointer;font-weight:650;padding:12px 0}.summary-date-form{display:flex;align-items:end;flex-wrap:wrap;gap:14px;margin:16px 0}.summary-date-form .field{flex:1;min-width:150px;margin:0}.summary-date-form button{min-height:48px}.summary-period{margin:24px 0 16px}.summary-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.summary-total{min-width:0;margin:0!important}.summary-total h2{font-size:1.05rem;line-height:1.4;margin:0}.shop-main .summary-amount{font-size:clamp(1.6rem,2.8vw,2.5rem);font-weight:750;line-height:1.2;letter-spacing:-.5px;color:#153547;margin:18px 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.summary-balance{background:#edf3ee;border-color:#c5d9ce}.summary-payments{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin:22px 0;padding:20px 0;border-bottom:1px solid #dce4e3}.summary-payments h2{font-size:1.1rem;margin:0}.summary-payments p{display:flex;gap:16px;flex-wrap:wrap;margin:0}.summary-explainer{max-width:900px}.summary-add{max-width:900px;margin:32px 0!important}.expense-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.expense-form .field{margin:0;min-width:0}.expense-form button{justify-self:start;min-height:48px}.expense-form input,.expense-form select,.summary-date-form input{box-sizing:border-box;max-width:100%;min-width:0;width:100%}.summary-list{max-width:900px}.expense-row{margin:16px 0!important}.expense-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.expense-heading h3{margin:0}.expense-heading p{overflow-wrap:anywhere}.expense-heading>div{min-width:0}.expense-heading>strong{white-space:nowrap;font-size:1.2rem}.expense-row details{border-top:1px solid #dce4e3}.expense-remove{display:grid;gap:12px;max-width:520px;padding-bottom:20px}.expense-remove button{justify-self:start}.expense-history{list-style:none;padding:0}.expense-history li{padding:12px 0;border-top:1px solid #e3e9e6;overflow-wrap:anywhere}.summary-removed{padding:20px 0;overflow-wrap:anywhere}@media(max-width:800px){.summary-totals{grid-template-columns:1fr}.shop-main .summary-amount{font-size:2rem}.summary-payments{display:block}.summary-payments p{justify-content:space-between;margin-top:15px}.summary-payments h2{margin-bottom:18px}}@media(max-width:540px){.expense-form{grid-template-columns:1fr}.summary-date-form{display:grid;grid-template-columns:1fr}.expense-heading{flex-wrap:wrap}.summary-add{padding:22px!important}}