.payment-register{min-width:0;background:#fff;border:1px solid #e8e5ee;border-radius:20px;padding:28px;color:#292735}.payments-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.payments-heading h2{margin:0 0 8px;font-size:24px;letter-spacing:-.6px}.payments-heading p,.payments-note{color:#7a7685;font-size:13px;line-height:1.7;margin:0}.payments-filters{display:grid;grid-template-columns:minmax(180px,2fr) repeat(2,minmax(130px,1fr));gap:16px;margin-bottom:24px}.payments-filters label{display:grid;gap:8px;font-size:12px}.payments-filters input,.payments-filters select{width:100%;min-width:0;box-sizing:border-box;height:42px;border:1px solid #e8e5ee;border-radius:10px;padding:8px 10px;background:#fff;color:#292735;font:inherit;font-size:13px}.payments-actions{display:flex;gap:14px;align-items:flex-end}.payments-summary{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:14px}.payments-summary>div{border-top:2px solid #e8e5ee;padding:18px 0}.payments-summary>div:first-child{border-color:#7450ed}.payments-summary span{display:block;font-size:12px;color:#7a7685}.payments-summary strong{display:block;font-size:28px;font-weight:600;letter-spacing:-.6px;margin-top:8px;font-variant-numeric:tabular-nums}.payments-message{font-size:13px;color:#7a7685;margin:12px 0 18px}.payments-results{min-width:0}.payments-table-scroll{overflow-x:auto;max-width:100%;border:1px solid #e8e5ee;border-radius:12px}.payment-register table{border-collapse:collapse;width:100%;min-width:820px;table-layout:fixed}.payment-register th{background:#f8f6fd;font-size:11px;font-weight:600;color:#7a7685;text-align:left}.payment-register td,.payment-register th{padding:16px;border-bottom:1px solid #e8e5ee;vertical-align:top;line-height:1.6}.payment-register td{font-size:13px;overflow-wrap:anywhere}.payment-register th:nth-child(1){width:120px}.payment-register th:nth-child(2){width:26%}.payment-register th:nth-child(4){width:115px}.payment-register th:nth-child(5){width:110px}.payment-register tbody tr:last-child td{border-bottom:0}.payment-register tbody tr:hover{background:#fcfbff}.payment-register small{display:block;color:#7a7685;font-size:11px;line-height:1.6;margin-top:5px}.payment-register .payments-id{font-size:10px;color:#9a94a8}.payment-register .payments-money{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.payments-date{white-space:nowrap;font-variant-numeric:tabular-nums}.payments-client{border:0;background:transparent;color:#6842d9;padding:0;text-align:left;font:inherit;cursor:pointer;overflow-wrap:anywhere}.payments-client:hover{text-decoration:underline}.payments-client:focus-visible{outline:2px solid #7450ed;outline-offset:4px;border-radius:3px}.payments-status{display:inline-block;padding:3px 9px;border-radius:6px;font-size:11px;background:#f2f0f6;color:#6b6478;white-space:nowrap}.payments-status[data-status=paid]{background:#eaf5ef;color:#26734b}.payments-status[data-status=review]{background:#fff5e1;color:#86601b}.payments-pager{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:20px 0;font-size:12px}.payments-pager[hidden]{display:none}.payments-note{padding-top:20px;border-top:1px solid #e8e5ee;margin-top:24px}.payment-register[aria-busy=true] .payments-results{min-height:80px}@media(max-width:900px){.payment-register{padding:22px}.payments-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.payments-summary strong{font-size:23px}.payments-heading{flex-wrap:wrap}}@media(max-width:540px){.payment-register{padding:18px;border-radius:14px}.payments-filters{grid-template-columns:1fr}.payments-summary{grid-template-columns:1fr;gap:0}.payments-summary>div{padding:14px 0}.payments-summary strong{font-size:26px}.payments-pager{gap:10px;justify-content:space-between}.payments-heading h2{font-size:22px}}

.payment-register .button{font-size:13px;min-height:40px}.payment-register .button.secondary{background:#fff;border:1px solid #e8e5ee;color:#534a68}.payment-register .payments-actions .button[type=submit]{background:#7450ed;color:#fff}.payment-register .payments-actions .button[type=submit]:hover{background:#603bd7}.payment-register .text-button{border:0;background:transparent;color:#6842d9;font:inherit;font-size:13px;cursor:pointer;padding:11px 0}.payment-register button:disabled{opacity:.45;cursor:default}.payment-register button:focus-visible,.payment-register input:focus-visible,.payment-register select:focus-visible{outline:2px solid #7450ed;outline-offset:3px}