.fi510 .box-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.fi510 h2{font-size:19px;margin:0 0 7px}.fi510 p{margin:0;color:#718096;font-size:13px;line-height:1.6}.fi510-filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:18px 0 8px}.fi510-filters>.select-container{width:210px;max-width:100%}.fi510-search{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#65748a;width:340px;max-width:100%}.fi510 input[type=search]{box-sizing:border-box;font:inherit;color:#26364c;padding:10px 12px;border:1px solid #e1e7ef;border-radius:7px;background:#fff;min-width:0;min-height:40px;width:100%}.fi510 .checkbox{display:flex;flex-direction:row;align-items:center;gap:7px;color:#65748a;font-size:12px}.fi510-all{min-height:40px}.fi510-totals{background:#f0f5fb;border:1px solid #e2ebf6;border-radius:8px;display:flex;gap:24px;padding:15px 18px;flex-wrap:wrap;font-size:13px;color:#52637a}.fi510-totals strong{color:#c44250;font-size:20px;margin-left:8px}.fi510 .fi510-period{font-size:12px;margin-bottom:16px}.fi510 table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;white-space:nowrap}.fi510 th{font-size:11px;color:#8290a2;font-weight:600;padding:14px 12px;border-bottom:1px solid #e9edf3}.fi510 td{padding:17px 12px;border-bottom:1px solid #f0f3f7}.fi510 td small{display:block;color:#8794a6;margin-top:6px;font-size:11px}.fi510 .actions{white-space:normal;min-width:210px}.fi510 .outline-action{background:#fff;border:1px solid #dbe5f1;border-radius:6px;color:#236ac5;padding:8px 10px;font:inherit;cursor:pointer}.fi510 .text-action{background:none;border:0;color:#4677b7;padding:8px 9px;font:inherit;cursor:pointer}.fi510 .negative{color:#d14e59}.fi510 .status{display:inline-block;border-radius:5px;padding:5px 8px;background:#fff0ef;color:#c35b54;font-size:10px}.fi510 .status.paid{background:#eaf8ef;color:#27864c}.fi510 .status.partially_paid{background:#fff5df;color:#ac7b20}.fi510 .status.cancelled{background:#eef1f5;color:#8591a0}.fi510 button:focus-visible,.fi510 input:focus-visible{outline:2px solid #0868e6;outline-offset:3px}.fi510 .fi510-empty{white-space:normal;text-align:center;padding:30px 12px;color:#718096}@media(max-width:600px){.fi510-filters{align-items:stretch;gap:12px}.fi510-search,.fi510-filters>.select-container{width:100%}.fi510-totals{gap:10px;padding:12px}.fi510-totals strong{display:block;margin:6px 0 0}.fi510 .outline-action,.fi510 .text-action{min-height:40px}}