.pay-page{width:100%;min-width:0;max-width:1700px;margin:auto}.pay-page>.acc-heading{flex-wrap:wrap;align-items:flex-start}.pay-page .acc-heading-actions{min-width:0;max-width:100%;flex-wrap:wrap}.pay-table{min-width:0}.pay-table>.table-scroll{max-width:100%;overflow-x:auto}.pay-toolbar,.pay-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}.pay-filters label{display:grid;gap:5px;color:#748198;font-size:12px}.pay-filters select{min-width:130px;height:36px;border:1px solid #dce3ed;border-radius:8px;background:white;padding:0 9px;color:#233852}.pay-check{display:flex;align-items:center;gap:7px}.pay-period{position:sticky;top:0;background:#f4f7fb;z-index:2;flex-wrap:wrap}.pay-summary{display:grid;gap:12px;margin:16px 0}.pay-summary section{padding:13px 18px}.pay-summary h3{font-size:13px;margin:0 0 10px;color:#446084}.pay-summary section>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pay-summary small,.pay-totals small,.pay-details small{display:block;color:#7d8a9b;font-size:12px;margin-bottom:6px}.pay-summary strong{font-size:21px;font-weight:550;white-space:nowrap}.pay-overdue{color:#b84046!important}.pay-table .acc-table{width:100%;min-width:720px}.pay-table td:first-child{max-width:230px}.pay-table td:nth-child(n+3):nth-child(-n+5){white-space:nowrap;font-variant-numeric:tabular-nums}.pay-table tr[data-payment]{cursor:pointer}.pay-table tr[data-payment]:hover{background:#f5f8fd}.pay-table small{display:block;margin-top:4px;color:#8995a4;font-size:11px}.pay-direction{color:#2a62b8;font-size:19px;margin-right:8px}.pay-status{display:inline-flex;padding:5px 8px;border-radius:7px;font-size:11px;font-weight:500;white-space:nowrap;background:#eef3f9;color:#486585}.pay-paid{background:#eaf6ef;color:#257246}.pay-partially_paid{background:#fff1df;color:#ad641d}.pay-overdue{background:#fff0f1;color:#b84046}.pay-cancelled{background:#eff0f2;color:#858a92}.pay-requires_reconciliation{background:#f5ecfd;color:#7c4ba3}.pay-table .table-footer{display:flex;justify-content:space-between}.pay-card-head{display:flex;justify-content:space-between;align-items:center}.pay-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 0;border-bottom:1px solid #e5ebf3}.pay-totals strong{font-size:23px;font-weight:550}.pay-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;padding:20px 0}.pay-details strong{font-size:14px;font-weight:450;overflow-wrap:anywhere}.pay-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.pay-form>label{min-width:0}.pay-form select{width:100%;min-width:0;min-height:40px;border:1px solid #dae2ec;border-radius:8px;background:white;color:#22374f;padding:8px}.pay-wide{grid-column:1/-1}.pay-form textarea{width:100%;border:1px solid #dae2ec;border-radius:8px;padding:8px}.pay-split label{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #e5ebf3;padding:12px 0}.pay-split small{display:block;color:#758398;margin-top:5px}.pay-split input{max-width:135px}.pay-history{padding-left:22px}.pay-history li{padding:10px 0}.pay-history p{margin:5px 0}.pay-rule{padding:12px 0;border-bottom:1px solid #e5ebf3}@media(max-width:700px){.pay-summary section>div{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-summary strong{font-size:19px}.pay-form,.pay-details{grid-template-columns:1fr}.pay-totals{gap:8px}.pay-totals strong{font-size:18px}.pay-filters{display:grid;grid-template-columns:1fr 1fr}.pay-period{position:static}.pay-period .shortcuts{overflow:auto;max-width:100%}.pay-table .acc-table{min-width:690px}}