.payable-records-panel[data-v-8e3f7564]{gap:12px}.filter-bar[data-v-8e3f7564],.payable-records-panel[data-v-8e3f7564]{flex-direction:column;display:flex}.filter-bar[data-v-8e3f7564]{background:#fff;border:1px solid #e4e9f0;border-radius:8px;gap:0;padding:14px 16px}.filter-row[data-v-8e3f7564]{flex-wrap:wrap;align-items:flex-start;gap:10px;padding:10px 0;display:flex}.filter-row[data-v-8e3f7564]:first-child{padding-top:0}.filter-row[data-v-8e3f7564]:last-child{padding-bottom:0}.filter-row+.filter-row[data-v-8e3f7564]{border-top:1px solid #eef0f4}.filter-row--content[data-v-8e3f7564],.filter-row--input[data-v-8e3f7564]{align-items:center}.filter-row--content[data-v-8e3f7564]{flex-wrap:nowrap}.filter-label[data-v-8e3f7564]{color:#4b5563;text-align:right;white-space:nowrap;flex:0 0 8em;width:8em;min-width:8em;font-size:13px;line-height:28px}.filter-label--gap[data-v-8e3f7564]{margin-left:8px}.filter-tags[data-v-8e3f7564]{flex-wrap:wrap;gap:6px;padding-top:2px;display:flex}.filter-tag[data-v-8e3f7564]{color:#4b5563;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;padding:3px 12px;font-size:13px;transition:all .15s}.filter-tag[data-v-8e3f7564]:hover{color:var(--el-color-primary)}.filter-tag.is-active[data-v-8e3f7564]{color:#fff;background:var(--el-color-primary);font-weight:500}.filter-keyword[data-v-8e3f7564]{flex:1;min-width:200px;max-width:100%}.filter-date[data-v-8e3f7564]{width:260px}.filter-actions[data-v-8e3f7564]{flex-shrink:0;align-items:center;gap:8px;display:flex}.table-wrap[data-v-8e3f7564]{background:#fff;border:1px solid #e4e9f0;border-radius:8px;overflow:hidden}.table-toolbar[data-v-8e3f7564]{border-bottom:1px solid #eef0f4;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.payable-table[data-v-8e3f7564]{width:100%}.payable-table[data-v-8e3f7564] .el-table__header th{color:#606266;background:#f5f7fa;font-weight:600}.payable-table[data-v-8e3f7564] .el-table__empty-block{min-height:280px}.amount[data-v-8e3f7564]{font-variant-numeric:tabular-nums;color:#303133}.amount.is-credit[data-v-8e3f7564]{color:#67c23a}.payable-empty[data-v-8e3f7564]{color:#c0c4cc;flex-direction:column;justify-content:center;align-items:center;padding:48px 16px 40px;display:flex}.payable-empty__icon[data-v-8e3f7564]{color:#d4d7de;margin-bottom:12px}.payable-empty__text[data-v-8e3f7564]{color:#909399;margin:0;font-size:14px}.pagination-bar[data-v-8e3f7564]{justify-content:flex-end;padding:12px 16px 16px;display:flex}@media (width<=1200px){.filter-row--content[data-v-8e3f7564]{flex-wrap:wrap}.filter-keyword[data-v-8e3f7564]{flex:240px}}.finance-page[data-v-401906ea]{box-sizing:border-box;flex-direction:column;min-height:100%;padding:0 16px 16px;display:flex}@media (width<=900px){.finance-page[data-v-401906ea]{padding:0 12px 12px}}