.payable-visual-page{max-width:1700px;background:#f5f4f8}.payable-visual-page .page-heading{margin-bottom:15px}.payable-visual-page .financial-hub-tabs{border-radius:12px 12px 0 0;padding-inline:18px}.payable-visual-page .finance-tabs a.active{color:#7558ff;border-color:#7558ff}.payable-visual-filters{background:#f8faff;border-color:#dce5f3;padding:16px;margin-top:0;border-radius:0 0 11px 11px}.payable-visual-filters .quick-period{background:#e9eef3;padding:4px;border-radius:13px}.payable-visual-filters .quick-period button{padding:11px 17px}.payable-visual-filters .quick-period button.active{color:#244d69}.payable-visual-filters .filter-fields{display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr) minmax(260px,1.5fr) auto;align-items:end}.payable-visual-filters .filter-fields label{position:relative}.payable-visual-filters .filter-fields input,.payable-visual-filters .filter-fields select{border-color:#cddcec;background:#fff;border-radius:7px;height:43px}.date-connector{padding-bottom:13px;color:#687b88;font-weight:700}.payable-tools{display:flex;align-items:center;height:43px;gap:8px}.payable-tools button,.payable-tools a{border:0;background:transparent;color:#7558ff;font-size:25px;width:34px;height:36px;display:grid;place-items:center;text-decoration:none;border-radius:7px}.payable-tools button:hover,.payable-tools a:hover{background:#eee9ff}.payable-visual-batch{border-color:#ded1ff;background:#f7f2ff}.payable-visual-batch b{color:#681bb2}.payable-visual-batch button{border-color:#c8bbe4;color:#6f6680}.payable-visual-batch button:disabled{opacity:.48;cursor:not-allowed}.payable-visual-table{border-radius:12px;margin-top:0;border-color:#ddd}.payable-visual-table table{min-width:1280px}.payable-visual-table th{color:#494255;background:#fff;padding-block:10px}.payable-visual-table td{padding-block:8px}.payable-visual-table .row-action,.payable-visual-table .billing-menu summary{border-color:#7558ff;color:#7558ff;border-radius:9px;background:#fff;min-width:98px}.payable-visual-table .badge.green{background:#bce8e2;color:#188177;font-size:12px;padding:9px 15px}@media(max-width:900px){.payable-visual-filters .filter-fields{grid-template-columns:1fr 1fr}.date-connector{display:none}.payable-tools{grid-column:1/-1}.payable-visual-page .page-heading{display:none}}