.expense-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.expense-toolbar label{min-width:0}.expense-toolbar input,.expense-toolbar select{width:100%;box-sizing:border-box}.expense-card{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;padding:22px;border:1px solid var(--line,#dcdfe5);border-radius:16px;margin-bottom:12px;background:var(--surface,#fff)}.expense-card h3{margin:10px 0 5px;overflow-wrap:anywhere}.expense-card p{margin:5px 0;color:var(--muted,#707783)}.expense-card .expense-right{display:flex;flex-direction:column;align-items:flex-end;gap:9px;flex-shrink:0}.expense-card .expense-right>strong{font-size:1.3rem}.expense-card .actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.expense-status{display:inline-flex;padding:5px 9px;border-radius:7px;background:#e8eef6;color:#435777;font-size:11px;font-weight:700}.expense-status.paid{background:#e6f4ec;color:#216647}.expense-status.overdue{background:#ffebe9;color:#a42f29}.expense-status.cancelled{background:#edf0f3;color:#737984}.expense-month-note{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin:22px 0 12px}.expense-method{margin:16px 0;padding:18px;border:1px solid var(--line,#dcdfe5);border-radius:14px;line-height:1.6}.expense-method summary{font-weight:700;cursor:pointer}.expense-method p{margin:10px 0 0}.expense-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.expense-breakdown>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line,#dcdfe5)}.expense-table-scroll{overflow:auto;max-width:100%}.expense-table{width:100%;min-width:680px;border-collapse:collapse;font-size:13px}.expense-table th,.expense-table td{text-align:right;white-space:nowrap;padding:12px 9px;border-bottom:1px solid var(--line,#dcdfe5)}.expense-table th:first-child,.expense-table td:first-child{text-align:left;white-space:normal;min-width:180px}.expense-table small{display:block;margin-top:4px;color:var(--muted,#707783)}.expense-note{font-size:12px;line-height:1.6;color:var(--muted,#707783)}.expense-stock-note{font-size:12px;line-height:1.6;margin:10px 0 0;padding:10px 12px;background:rgba(105,128,168,.08);border-radius:9px}.expense-sale-result{font-size:12px;line-height:1.6;max-width:290px}.expense-sale-result strong{display:block}#expenseModal{width:min(670px,calc(100% - 28px));max-height:90dvh;overflow:auto;padding:24px;border:1px solid var(--line,#dcdfe5);border-radius:20px;background:var(--surface,#fff);color:inherit;box-sizing:border-box}#expenseModal::backdrop{background:#0009}#expenseModal h2{margin:0}#expenseModal .section-head{margin-bottom:20px}#expenseModal .form-grid{gap:14px}#expenseModal .expense-payment{margin-top:18px}#expenseModal .expense-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}#expenseFormError{color:#be3d3d;min-height:1em}#expenseModal [hidden],#expenses [hidden]{display:none!important}html[data-theme=dark] .expense-card,html[data-theme=dark] #expenseModal{background:#16191f;border-color:#30353e}html[data-theme=dark] .expense-method,html[data-theme=dark] .expense-breakdown>div,html[data-theme=dark] .expense-table td,html[data-theme=dark] .expense-table th{border-color:#30353e}@media(max-width:1000px){.expense-toolbar{grid-template-columns:1fr 1fr}.expense-summary-grid{grid-template-columns:1fr}}@media(max-width:600px){.expense-card{flex-direction:column;gap:14px;padding:18px}.expense-card .expense-right{width:100%;align-items:stretch}.expense-card .actions{justify-content:flex-start}.expense-toolbar{grid-template-columns:1fr 1fr}.expense-toolbar label:last-child{grid-column:1/-1}#expenseModal{padding:20px}.expense-summary-grid{gap:14px}.expense-card .expense-right>strong{font-size:1.2rem}}