.expense-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.expense-heading h1{margin:0;font-size:26px}.expense-tabs{margin-bottom:16px}.expense-summary{display:flex;gap:28px;flex-wrap:wrap;align-items:center;padding:13px 16px;background:#fff;border:1px solid #dce4ef;border-radius:8px;margin-bottom:18px;font-size:13px;color:#728198}.expense-summary b{margin-left:7px;color:#253e5e;font-size:17px}.expense-summary .pending-total{color:#9c6200}.expense-tools{display:flex;gap:10px;margin-bottom:14px;align-items:center}.expense-tools input[type=search]{width:300px;max-width:100%}.expense-tools label{margin-left:auto}.expense-tools input[type=month]{width:180px;max-width:100%;padding:9px 10px;font-size:13px}.expense-list td,.expense-list th{padding:15px 16px}.expense-list td:nth-last-child(2),.expense-list th:nth-last-child(2){text-align:right}.expense-list td:last-child,.expense-list th:last-child{text-align:right}.expense-list th:first-child{width:145px}.expense-name{background:none;border:0;padding:0;font-weight:650;text-align:left}.expense-name:hover{background:none;border-color:transparent;color:#1769e8}.repeat-mark{font-size:12px;margin-left:7px;color:#8292aa}.account-tag{display:inline-block;border-radius:5px;padding:4px 8px;background:#edf3fc;color:#4f6d94;font-size:11px}.account-tag.other{background:#f0edf7;color:#796095}.paid-mark{color:#358264;font-size:12px}.pay-expense{font-size:12px;padding:6px 12px}.expense-caption{font-size:12px;color:#7b8ba2;margin:12px 0}.expense-form-dialog{max-width:510px;padding:24px}.expense-form-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.expense-form-heading h2{font-size:21px;margin:0}.expense-form-dialog .close-expense{background:none;border:0;width:auto;padding:0 4px;font-size:25px}.expense-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.expense-form-fields .full{grid-column:1/-1}.expense-form-dialog input,.expense-form-dialog select{width:100%;max-width:none;font-size:16px;padding:10px 12px}.expense-form-dialog label{font-size:13px}.expense-form-dialog .check-option{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:13px}.expense-form-dialog input[type=checkbox]{width:17px;height:17px;margin:0}.expense-account-options{border:0;padding:0;margin:0}.expense-account-options legend{font-size:13px;margin-bottom:8px}.expense-account-options>div{display:flex;gap:10px}.expense-account-options label{display:flex;flex-direction:row;gap:7px;align-items:center;flex:1;padding:9px 10px;border:1px solid #d9e1ed;border-radius:6px}.expense-account-options input{width:15px;height:15px;padding:0;margin:0}.expense-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.expense-form-dialog .expense-form-actions button{width:auto}.expense-form-error{font-size:12px;color:#b34335;margin:12px 0 0}.expense-feedback{font-size:12px;color:#287950;min-height:16px;margin:8px 0} .expenses-page [hidden]{display:none!important}@media(max-width:650px){ .expenses-page main{padding:18px 10px}.expense-heading h1{font-size:23px}.expense-summary{gap:16px;padding:12px}.expense-list td,.expense-list th{padding:13px 10px;font-size:12px}.expense-list th:first-child{width:auto}.expense-tools input[type=search]{width:100%;min-width:0}.expense-tools label{flex:none}.expense-tools input[type=month]{width:150px}.expense-form-fields{gap:13px}.expense-form-dialog{padding:20px}.expense-caption{line-height:1.5}}

.expense-list td>.account-tag{margin-top:5px}.transfer-balances{gap:20px}.transfer-balances b{font-size:15px} .expenses-page .expense-tabs button{font-size:13px}@media(max-width:650px){ .expenses-page .expense-tabs{gap:0} .expenses-page .expense-tabs button{padding:12px 9px;font-size:12px}.expense-form-dialog{max-height:calc(100dvh - 32px);overflow-y:auto}}

.expense-group-filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}.expense-group-filters button{border-radius:20px;padding:6px 13px;font-size:12px}.expense-group-filters button.selected{background:#1769e8;border-color:#1769e8;color:#fff}.expense-group-label{display:block;font-size:11px;color:#7c8ba1;margin-top:5px}.expense-group-report{margin-top:18px;font-size:13px}.expense-group-report summary{cursor:pointer;color:#416084;width:fit-content}.expense-group-report .list td:not(:first-child),.expense-group-report .list th:not(:first-child){text-align:right}.expense-form-dialog{max-height:calc(100dvh - 32px);overflow-y:auto}

#repeat-duration{display:grid;gap:12px}.expenses-page [hidden],.expense-form-dialog [hidden]{display:none!important}

#expense-settings details{margin:14px 0}#expense-settings summary{cursor:pointer;color:#416084;font-size:13px}.expense-settings-rows{display:grid;gap:9px;margin-top:12px}.expense-settings-rows form{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.expense-settings-rows input{width:260px}.expense-settings-rows span{min-width:160px;font-size:13px}.expense-settings-rows button{font-size:12px;padding:9px 12px}

#collection-targets{display:flex;align-items:center;flex-wrap:wrap}#collection-targets[hidden]{display:none!important}#collection-targets .target-month{margin-right:5px}#collection-targets .target-pending{color:#966100}#collection-targets .target-complete{color:#287950}#collection-targets .target-warning{color:#ac6414}@media(max-width:900px){#collection-targets{gap:3px}#collection-targets .target-warning{display:inline}}