.expense-content .content-title{align-items:center;margin-bottom:14px}.expense-content .content-title h2{margin:0}.expense-tools{display:flex;gap:8px;flex-wrap:wrap}
.expense-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px 18px;border-radius:17px;background:#e3efea;margin-bottom:14px}
.expense-summary small{display:block;font-size:12px;color:#56716b}.expense-summary strong{display:block;font-size:23px;line-height:1.6;font-variant-numeric:tabular-nums;font-weight:600}
.expense-tabs{display:flex;border-bottom:1px solid var(--line);gap:4px}.expense-tabs button{flex:1;min-height:44px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted)}.expense-tabs [aria-pressed=true]{border-color:var(--teal-dark);color:var(--teal-dark);font-weight:600}
.expense-pending{font-size:12px;color:#836732;background:#fff3d8;border-radius:10px;padding:9px 12px;margin:12px 0}
.expense-row{border-bottom:1px solid var(--line);padding:12px 0}.expense-row summary{list-style:none;cursor:pointer;min-height:44px}.expense-row summary::-webkit-details-marker{display:none}
.expense-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px;line-height:1.7}.expense-line>*{min-width:0;overflow-wrap:anywhere}.expense-line strong{font-size:15px;font-weight:600}.expense-number{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;flex-shrink:0}.expense-meta{font-size:12px;color:var(--muted)}.expense-meta .ui-icon{width:12px;height:12px;vertical-align:-1px}
.expense-detail{display:grid;gap:7px;padding:12px 0 0;font-size:13px}.expense-detail .expense-note{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px}.expense-actions{display:flex;gap:18px}.expense-actions button{min-height:44px}.expense-section{margin-top:20px}.expense-section h3{font-size:16px;margin:0 0 6px}.expense-transfer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.expense-transfer>div{min-width:0;overflow-wrap:anywhere}.expense-transfer strong{display:block;font-size:14px;font-weight:500}.expense-transfer small{display:block;font-size:12px;color:var(--muted);line-height:1.7}.expense-transfer button{flex-shrink:0;min-height:44px}.expense-balances{margin-top:18px}.expense-balances summary,.expense-extra summary{min-height:44px;display:flex;align-items:center;gap:5px;color:var(--muted);font-size:13px;cursor:pointer;list-style:none}.expense-balances summary::-webkit-details-marker,.expense-extra summary::-webkit-details-marker{display:none}.expense-balances summary .ui-icon,.expense-extra summary .ui-icon{width:13px;height:13px}.expense-balances>.expense-line{padding:10px 0;font-size:13px;border-bottom:1px solid var(--line)}
.expense-form .field-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.expense-form .field{min-width:0}.expense-form input,.expense-form select{max-width:100%;min-width:0}.expense-form input[type=date]{width:100%;appearance:none;-webkit-appearance:none;min-height:44px}.expense-form .field label{font-size:13px}.expense-form .expense-meta{margin:4px 0 10px}.expense-member-label{display:flex;align-items:center;justify-content:space-between}.expense-member-label label{margin:0}.expense-member-label button{min-height:40px}.expense-members{display:flex;flex-wrap:wrap;gap:8px}.expense-member{display:flex;gap:6px;align-items:center;min-height:44px;border:1px solid var(--line);border-radius:12px;padding:8px 10px;cursor:pointer;background:var(--paper)}.expense-member:has(input:checked){background:#e3efea;border-color:#78aaa0}.expense-member input{accent-color:var(--teal-dark);width:17px;height:17px;flex-shrink:0}.expense-member span{font-size:13px}.expense-preview{display:grid;gap:5px;padding:12px;background:#e3efea;border-radius:12px;margin-top:10px}.expense-preview .expense-meta{margin:0}.expense-preview .expense-line strong{font-size:14px}.expense-rate-links{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);gap:12px}.expense-rate-links button{min-height:36px}.expense-rate-links a{text-decoration:underline}.expense-form .expense-extra textarea{min-height:80px}.expense-form .form-actions{margin-top:14px}
@media(max-width:560px){.expense-summary{padding:12px 14px}.expense-summary strong{font-size:21px}.expense-row{padding:10px 0}.expense-line{gap:8px}.expense-form input,.expense-form select,.expense-form textarea{font-size:16px}.expense-content .content-title h2{font-size:23px}.expense-content .expense-line strong{font-size:14px}.expense-form .field-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}