.payable-page{padding:34px 42px 60px;max-width:1600px;margin:auto}.finance-tabs{display:flex;gap:28px;background:#fff;border-bottom:1px solid var(--line);padding:0 14px}.finance-tabs a{padding:14px 2px;color:#617169;text-decoration:none;font-weight:600;font-size:13px;border-bottom:2px solid transparent}.finance-tabs a.active{color:#176b4d;border-color:#176b4d}.payable-filters{margin-top:17px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px}.quick-period{display:flex;width:max-content;border-radius:8px;background:#eef2ef;padding:3px}.quick-period button{border:0;background:transparent;border-radius:6px;padding:9px 15px;color:#4e6155;font:600 12px 'DM Sans'}.quick-period button.active{background:#fff;color:#176b4d;box-shadow:0 1px 4px #0001}.filter-fields{display:flex;align-items:flex-end;gap:12px;margin-top:15px}.filter-fields label{display:grid;gap:5px;color:#63756a;font-size:10px;font-weight:700;text-transform:uppercase}.filter-fields input,.filter-fields select{border:1px solid #d9e2db;border-radius:6px;padding:10px;font:13px 'DM Sans';min-width:170px}.filter-fields .status-filter{flex:1}.status-filter select{width:100%}.batch{margin:17px 0 0;border:1px solid #d9e8db;background:#f7fbf7;border-radius:9px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.batch b{display:block;color:#176b4d;font-size:11px;letter-spacing:.5px}.batch span{display:block;margin-top:5px;color:#63756a;font-size:12px}.batch button{font-size:11px}.payable-table{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:10px;margin-top:12px}.payable-table table{min-width:1230px}.payable-table th{white-space:nowrap}.payable-table td{white-space:nowrap}.row-action{border:1px solid #bfd2c4;background:#fff;color:#176b4d;border-radius:6px;padding:6px 9px;font:600 11px 'DM Sans'}@media(max-width:900px){.payable-page{padding:26px 20px}.filter-fields{align-items:stretch;flex-wrap:wrap}.filter-fields label{flex:1;min-width:160px}.filter-fields .status-filter{flex-basis:100%}}@media(max-width:600px){.finance-tabs{gap:17px;overflow:auto}.quick-period{width:100%;overflow:auto}.quick-period button{white-space:nowrap}.batch{align-items:flex-start;gap:12px;flex-direction:column}}