.payment-kpis296{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.payment-kpi296{border:1px solid #dbe3ef;background:#fff;text-align:left;padding:17px;cursor:pointer;display:flex;flex-direction:column;gap:5px;transition:.18s ease}.payment-kpi296:hover,.payment-kpi296.active{border-color:#2f69ed;box-shadow:0 7px 24px rgba(30,70,140,.11);transform:translateY(-1px)}.payment-kpi296 span{font-size:12px;color:#667085;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.payment-kpi296 strong{font-size:27px;color:#17243b}.payment-kpi296 small{color:#667085}.payment-kpi296.open.active{border-color:#dc3646}.payment-kpi296.partial.active{border-color:#e89b16}.payment-kpi296.done.active{border-color:#1d9a62}.payment-guidance296{margin:14px 0}.payment-table296 td{vertical-align:top}.payment-status296{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;white-space:nowrap}.payment-status296.open{color:#a42c36;background:#fff0f1}.payment-status296.partial{color:#916006;background:#fff6df}.payment-status296.done{color:#167349;background:#eaf8f1}.payment-check296{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eaf8f1;color:#167349;font-weight:900}.allocation-details296{margin-top:7px;min-width:300px}.allocation-details296 summary{cursor:pointer;color:#2f69ed;font-size:12px;font-weight:700}.allocation-details296>div{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px;padding:6px 0;border-bottom:1px solid #eef1f5;font-size:12px}.allocation-remove296{border:0;background:#fff0f1;color:#b42334;border-radius:6px;width:25px;height:25px;cursor:pointer;font-size:17px}.payment-source296{display:grid;grid-template-columns:1fr auto;gap:18px;border:1px solid #dbe3ef;border-radius:12px;background:#f8fafc;padding:15px;margin-bottom:14px}.payment-source296>div{display:flex;flex-direction:column;gap:4px}.payment-source296 span{font-size:11px;color:#667085;text-transform:uppercase;font-weight:800;letter-spacing:.04em}.payment-source296 strong{font-size:18px}.payment-source296 small{color:#667085}.allocation-editor296{display:grid;grid-template-columns:minmax(260px,2fr) 135px minmax(220px,1.35fr) 120px minmax(190px,1.2fr) 42px;gap:10px;align-items:end;padding:13px;border:1px solid #dbe3ef;border-radius:11px;margin-bottom:10px;background:#fff}.allocation-editor296 .field{margin:0}.allocation-delete296{height:42px;padding:0}.allocation-toolbar296{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px}.allocation-toolbar296>div{display:grid;grid-template-columns:auto auto;gap:4px 12px;text-align:right}.allocation-toolbar296 span{font-size:12px;color:#667085}.allocation-toolbar296 strong{font-size:14px}.compensation-finance296{border:1px solid #b9d0ff!important;background:linear-gradient(180deg,#f7faff,#fff)}.compensation-allocation296{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #e7edf6;font-size:12px}.hidden{display:none!important}@media(max-width:1100px){.payment-kpis296{grid-template-columns:repeat(2,minmax(0,1fr))}.allocation-editor296{grid-template-columns:1fr 130px}.allocation-target296,.allocation-treatment-field296,.allocation-note296{grid-column:1/-1}.allocation-delete296{grid-column:2}}@media(max-width:680px){.payment-kpis296{grid-template-columns:1fr}.payment-source296{grid-template-columns:1fr}.allocation-editor296{grid-template-columns:1fr}.allocation-target296,.allocation-treatment-field296,.allocation-note296,.allocation-delete296{grid-column:auto}.allocation-toolbar296{align-items:stretch;flex-direction:column}.allocation-toolbar296>div{text-align:left}}
.bank-pagination21123{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-top:1px solid var(--line);background:var(--surface-soft,#f8fafc);color:var(--muted);font-size:13px}
.bank-pagination21123>div{display:flex;align-items:center;gap:10px}
.bank-pagination21123 strong{color:var(--text);white-space:nowrap}
@media(max-width:700px){.bank-pagination21123{align-items:stretch;flex-direction:column}.bank-pagination21123>div{justify-content:space-between}}