#main .member-payments333{color:#173c60}#main .member-payment-top333{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px;margin-bottom:24px;align-items:stretch}#main .member-people333,#main .member-invoices333,#main .member-history333{background:#fff;border:1px solid #cbd9e9;border-radius:5px;overflow:hidden}#main .member-payment-bar333{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#173c60;color:#fff;padding:16px 20px}#main .member-payment-bar333 h2{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;margin:0;color:#fff}#main .member-payment-bar333>span{background:#ffffff25;padding:4px 10px;border-radius:5px;font-size:12px;white-space:nowrap}#main .member-payments333 svg{width:22px;height:22px;flex:none;stroke:currentColor!important}#main .member-people-body333{padding:20px;display:flex;flex-direction:column;gap:20px}#main .member-person-chips333{display:flex;flex-wrap:wrap;gap:8px}#main .member-person-chips333>span,#main .member-group-chip333{background:#eaf2fc;color:#173c60;border:1px solid #d0e0f1;border-radius:5px;padding:8px 12px;font-size:14px}#main .member-people-body333>button{background:#fff;border:1px solid #b7cde6;color:#245d9c;width:100%;min-height:40px;margin:0;border-radius:5px}#main .member-total333{display:flex;flex-direction:column;justify-content:center;gap:20px;border:1px solid #c7dbef;background:#e6f0fc;border-radius:5px;padding:24px}#main .member-total333>span{font-size:14px;color:#52677f}#main .member-total333>strong{font-size:34px;font-weight:600;line-height:1.2}#main .member-payments333 button.primary{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:#245d9c;color:#fff;border:1px solid #245d9c;border-radius:5px;min-height:42px;padding:10px 16px;font-size:14px;font-weight:600;margin:0}#main .member-payments333 button.primary svg{stroke:#fff!important}#main .member-payments333 button.primary:hover{background:#173c60}#main .member-payments333 button:disabled{opacity:.55;cursor:default}#main .member-invoices333{margin-bottom:24px}#main .member-search333{display:flex;align-items:center;gap:24px;padding:14px 20px;background:#edf1f6;border-bottom:1px solid #d5dfeb}#main .member-search333 label{display:flex;align-items:center;gap:12px;white-space:nowrap;font-weight:600;font-size:14px;margin:0}#main .member-search333 input{flex:1;min-width:0;margin:0;height:42px;background:#fff;border:1px solid #cbd9e9;border-radius:5px;padding:10px 14px;font:inherit}#main .member-payment-table333{padding:12px;overflow:auto}#main .member-payment-table333 table{width:100%;min-width:700px;border-collapse:collapse}#main .member-payment-table333 th{background:#e9eef5;color:#173c60;font-size:13px;padding:12px 16px;text-align:left;font-weight:600;white-space:nowrap}#main .member-payment-table333 td{padding:16px;border-bottom:1px solid #dae4ef;font-size:14px;vertical-align:middle;background:#fff;color:#173c60}#main .member-payment-table333 tr:nth-child(even) td{background:#f4f7fb}#main .member-payment-table333 td.money,#main .member-payment-table333 th:nth-child(4){text-align:right;white-space:nowrap}#main .member-history333 th:nth-child(4){text-align:left}#main .member-history333 th:nth-child(2){text-align:right}#main .member-group-chip333{display:table;margin-top:6px;padding:4px 8px;font-size:12px}#main .member-payment-table333 td small{display:block;color:#61758e;font-size:12px;margin-top:4px}#main .member-payment-status333{display:inline-block;background:#e6effb;color:#245d9c;border:1px solid #c8dcef;border-radius:5px;padding:5px 10px;font-size:12px;font-weight:600;white-space:nowrap}#main .member-payment-status333.overdue333{background:#e3e8f0;color:#173c60;border-color:#aebdd0}#main .member-payment-empty333{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;color:#61758e;text-align:center}#main .member-payment-empty333 svg{width:34px;height:34px;color:#a4b1c3}#main .member-payment-empty333 strong{font-size:14px;color:#52677f}#main .member-payment-empty333 small{font-size:12px}@media(max-width:900px){#main .member-payment-top333{grid-template-columns:1fr}}@media(max-width:650px){#main .member-search333{align-items:stretch;flex-direction:column;gap:10px}#main .member-payment-bar333{padding:14px}#main .member-payment-bar333 h2{font-size:14px}}

#main .member-payments333 .member-payment-bar333{background:#285f9e}
#main .member-payment-top333{align-items:stretch}
#main .member-people-body333{padding:14px 18px}
#main .member-person-chips333{display:flex;flex-wrap:wrap;gap:7px;margin:0}
#main .member-person-chips333 button{min-height:34px;height:auto;margin:0;padding:6px 10px;background:#edf3fa;border:1px solid #c7d6e8;border-radius:4px;color:#173c60;font-family:inherit;font-size:13px;font-weight:500}
#main .member-person-chips333 button[aria-pressed=true]{background:#285f9e;color:white;border-color:#285f9e}
#main .member-total333{padding:16px 20px;display:grid;grid-template-columns:1fr auto;align-content:center;align-items:center;column-gap:16px;row-gap:10px;min-height:0}
#main .member-total333 .member-total-label467{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#173c60}
.member-total-label467 svg{width:22px;height:22px;flex:none}
#main .member-total333>strong{font-size:30px;line-height:36px;margin:0}
#main .member-total333>button{width:auto;min-height:40px;margin:0;padding:8px 14px}
#main .member-search333{display:block;padding:14px 18px}
#main .member-search333>label{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0;font-size:13px;font-weight:600}
#main .member-search333>label>svg{display:none}
#main .member-search333 input{width:100%;height:40px;margin:0;box-sizing:border-box}
#main .member-invoices333 .member-payment-table333 th:nth-child(n+4),#main .member-invoices333 .member-payment-table333 td:nth-child(n+4){text-align:center}
#main .member-payment-status333.overdue333{background:#faf0f1;color:#923b48;border-color:#e4bfc5;display:inline-flex;align-items:center;gap:6px}
.member-payment-status333 svg{width:17px;height:17px;flex:none}
#main .member-payments333 .member-payment-table333 button svg{stroke:white!important;color:white!important}
#main .member-history333 td:nth-child(3),#main .member-history333 th:nth-child(3){text-align:center}
@media(max-width:650px){#main .member-total333{grid-template-columns:1fr}#main .member-total333>button{justify-self:start}}