.payment-management[data-v-1e8a245a]{padding:0;background:#f5f7fa;min-height:100vh}.page-header[data-v-1e8a245a]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;margin-bottom:24px}.header-content[data-v-1e8a245a]{justify-content:space-between;max-width:1200px;margin:0 auto}.header-left[data-v-1e8a245a]{flex:1}.page-title[data-v-1e8a245a]{font-size:28px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:12px}.page-title i[data-v-1e8a245a]{font-size:32px}.page-subtitle[data-v-1e8a245a]{font-size:16px;opacity:.9;font-weight:400}.header-actions[data-v-1e8a245a]{display:flex;gap:12px;align-items:center}.refresh-btn[data-v-1e8a245a]{padding:12px 24px;font-size:16px;border-radius:8px;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);color:#fff;transition:all .3s ease}.refresh-btn[data-v-1e8a245a]:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);color:#fff}.main-card[data-v-1e8a245a]{margin:0 24px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:none}.stats-cards[data-v-1e8a245a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.stat-card[data-v-1e8a245a]{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 12px rgba(0,0,0,.05);border:1px solid #f0f0f0;transition:all .3s ease}.stat-card[data-v-1e8a245a]:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.1)}.stat-icon[data-v-1e8a245a]{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.payment-icon[data-v-1e8a245a]{background:linear-gradient(135deg,#667eea,#764ba2)}.order-icon[data-v-1e8a245a]{background:linear-gradient(135deg,#f093fb,#f5576c)}.success-icon[data-v-1e8a245a]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.pending-icon[data-v-1e8a245a]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-content[data-v-1e8a245a]{flex:1}.stat-value[data-v-1e8a245a]{font-size:24px;font-weight:700;color:#2c3e50;margin-bottom:4px}.stat-label[data-v-1e8a245a]{font-size:14px}.reminder-cards[data-v-1e8a245a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.reminder-card[data-v-1e8a245a]{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 12px rgba(0,0,0,.05);border:1px solid #f0f0f0;transition:all .3s ease;cursor:pointer}.reminder-card[data-v-1e8a245a]:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.1)}.reminder-card.urgent[data-v-1e8a245a]{border-left:4px solid #e74c3c}.reminder-card.warning[data-v-1e8a245a]{border-left:4px solid #f39c12}.reminder-card.info[data-v-1e8a245a]{border-left:4px solid #3498db}.reminder-card.primary[data-v-1e8a245a]{border-left:4px solid #9b59b6}.reminder-icon[data-v-1e8a245a]{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.reminder-card.urgent .reminder-icon[data-v-1e8a245a]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.reminder-card.warning .reminder-icon[data-v-1e8a245a]{background:linear-gradient(135deg,#f39c12,#e67e22)}.reminder-card.info .reminder-icon[data-v-1e8a245a]{background:linear-gradient(135deg,#3498db,#2980b9)}.reminder-card.primary .reminder-icon[data-v-1e8a245a]{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.reminder-card.archive[data-v-1e8a245a]{border-left:4px solid #27ae60}.reminder-card.archive .reminder-icon[data-v-1e8a245a]{background:linear-gradient(135deg,#27ae60,#2ecc71)}.archive-badge[data-v-1e8a245a]{display:inline-block;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:700;color:#fff;background:#ff4757;border-radius:8px;animation:badge-pulse-1e8a245a 2s ease-in-out infinite}@keyframes badge-pulse-1e8a245a{0%,to{opacity:1}50%{opacity:.6}}.reminder-content[data-v-1e8a245a]{flex:1}.reminder-value[data-v-1e8a245a]{font-size:24px;font-weight:700;color:#2c3e50;margin-bottom:4px}.reminder-label[data-v-1e8a245a]{font-size:14px;color:#2c3e50;font-weight:600;margin-bottom:2px}.reminder-desc[data-v-1e8a245a]{font-size:12px;color:#7f8c8d;font-weight:400}.reminder-badges[data-v-1e8a245a]{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.reminder-badge[data-v-1e8a245a]{font-size:10px;padding:2px 6px;border-radius:4px;display:flex;align-items:center;gap:2px}.reminder-badge i[data-v-1e8a245a]{font-size:10px}.search-section[data-v-1e8a245a]{background:#f8f9fa;border-radius:12px;padding:24px;margin-bottom:24px}.search-form[data-v-1e8a245a]{width:100%}.search-main[data-v-1e8a245a]{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;width:100%}.search-left[data-v-1e8a245a]{display:flex;flex-wrap:wrap;gap:20px;flex:1;align-items:flex-end}.search-right[data-v-1e8a245a]{flex-shrink:0}.search-item[data-v-1e8a245a]{display:flex;flex-direction:column;gap:8px}.search-item label[data-v-1e8a245a]{font-size:14px;font-weight:600;color:#2c3e50;white-space:nowrap}.search-actions[data-v-1e8a245a]{display:flex;gap:12px;align-items:center}.table-section[data-v-1e8a245a]{margin-bottom:24px}.empty-state[data-v-1e8a245a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.05)}.empty-icon[data-v-1e8a245a]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.empty-icon i[data-v-1e8a245a]{font-size:40px;color:#fff}.empty-text[data-v-1e8a245a]{text-align:center;margin-bottom:24px}.empty-text h3[data-v-1e8a245a]{font-size:20px;color:#2c3e50;margin:0 0 8px 0;font-weight:600}.empty-text p[data-v-1e8a245a]{font-size:14px;color:#7f8c8d;margin:0}.order-info-cell[data-v-1e8a245a]{padding:8px 0}.order-header[data-v-1e8a245a]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.order-number[data-v-1e8a245a]{display:flex;align-items:center;gap:8px;flex:1}.order-number i[data-v-1e8a245a]{color:#3498db;font-size:16px}.order-sn[data-v-1e8a245a]{font-weight:600;color:#2c3e50;font-size:14px}.status-tag-inline[data-v-1e8a245a]{margin-left:8px}.order-amount[data-v-1e8a245a]{text-align:right}.amount-large[data-v-1e8a245a]{font-size:16px;font-weight:700;color:#e74c3c}.order-details[data-v-1e8a245a]{display:flex;flex-direction:column;gap:4px}.service-info[data-v-1e8a245a],.service-type[data-v-1e8a245a]{display:flex;align-items:center;gap:6px;font-size:13px}.service-info i[data-v-1e8a245a]{color:#f39c12}.service-type i[data-v-1e8a245a]{color:#9b59b6}.service-name[data-v-1e8a245a]{font-weight:500;color:#2c3e50}.service-type span[data-v-1e8a245a]{color:#7f8c8d}.status-cell[data-v-1e8a245a]{text-align:center}.status-tag[data-v-1e8a245a]{font-weight:600}.time-info[data-v-1e8a245a]{display:flex;flex-direction:column;gap:4px}.time-item[data-v-1e8a245a]{display:flex;align-items:center;gap:4px;font-size:12px}.time-item i[data-v-1e8a245a]{color:#95a5a6;font-size:12px}.time-label[data-v-1e8a245a]{color:#7f8c8d;font-weight:500;min-width:32px}.time-value[data-v-1e8a245a]{color:#2c3e50}.user-info-cell[data-v-1e8a245a]{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease}.user-info-cell[data-v-1e8a245a]:hover{background:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.user-avatar[data-v-1e8a245a]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0}.user-details[data-v-1e8a245a]{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.user-name[data-v-1e8a245a]{font-size:14px;font-weight:600;color:#2c3e50}.user-name[data-v-1e8a245a],.user-phone[data-v-1e8a245a]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-phone[data-v-1e8a245a]{font-size:12px;color:#7f8c8d}.clickable[data-v-1e8a245a]{color:#3498db;cursor:pointer;transition:color .3s ease}.clickable[data-v-1e8a245a]:hover{color:#2980b9}.payment-info-cell[data-v-1e8a245a]{.payment-row[data-v-1e8a245a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;&[data-v-1e8a245a]:last-child{margin-bottom:0}.payment-label[data-v-1e8a245a]{color:#606266;font-weight:500;min-width:60px}.payment-value[data-v-1e8a245a]{font-weight:600;&.total-price[data-v-1e8a245a]{color:#303133}&.paid-amount[data-v-1e8a245a]{color:#67c23a}&.unpaid-amount[data-v-1e8a245a]{color:#e6a23c}&.balance-amount[data-v-1e8a245a]{color:#f56c6c}}}}.action-buttons[data-v-1e8a245a]{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;align-items:center}.action-buttons .el-button[data-v-1e8a245a]{margin:0;border-radius:6px;font-size:12px;padding:5px 12px}.action-buttons .el-button--mini[data-v-1e8a245a]{height:28px}.more-btn[data-v-1e8a245a]{color:#606266;font-size:12px;padding:5px 8px}.more-btn[data-v-1e8a245a]:hover{color:#409eff}.payment-table[data-v-1e8a245a]{border-radius:8px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.05)}.payment-table .el-table__header[data-v-1e8a245a]{background:#f8f9fa}.payment-table .el-table__header th[data-v-1e8a245a]{background:#f8f9fa;color:#2c3e50;font-weight:600;border-bottom:2px solid #e9ecef}.payment-table .el-table__row[data-v-1e8a245a]:hover{background:#f8f9fa}.payment-table .el-table__row td[data-v-1e8a245a]{border-bottom:1px solid #f0f0f0;padding:12px 0}.pagination-wrapper[data-v-1e8a245a]{display:flex;justify-content:center;padding:20px 0}.pagination[data-v-1e8a245a]{background:#fff;border-radius:8px;padding:12px 20px;box-shadow:0 2px 8px rgba(0,0,0,.05)}@media (max-width:1200px){.search-left[data-v-1e8a245a]{gap:16px}.search-item .el-date-editor[data-v-1e8a245a],.search-item .el-select[data-v-1e8a245a],.search-item input[data-v-1e8a245a]{width:200px!important}}@media (max-width:992px){.search-main[data-v-1e8a245a]{flex-direction:column;align-items:stretch;gap:20px}.search-left[data-v-1e8a245a]{justify-content:flex-start}.search-right[data-v-1e8a245a]{align-self:flex-end}.search-actions[data-v-1e8a245a]{justify-content:flex-end}}@media (max-width:768px){.header-content[data-v-1e8a245a]{flex-direction:column;gap:16px;text-align:center}.stats-cards[data-v-1e8a245a]{grid-template-columns:1fr}.search-main[data-v-1e8a245a]{flex-direction:column;align-items:stretch;gap:20px}.search-left[data-v-1e8a245a]{flex-direction:column;gap:16px}.search-item[data-v-1e8a245a]{width:100%}.search-item .el-date-editor[data-v-1e8a245a],.search-item .el-select[data-v-1e8a245a],.search-item input[data-v-1e8a245a]{width:100%!important}.search-actions[data-v-1e8a245a]{justify-content:center;flex-wrap:wrap}}.user-detail-drawer[data-v-1e8a245a]{z-index:3000}.user-detail-drawer .el-drawer__body[data-v-1e8a245a]{padding:0;background:#f8f9fa;height:100vh;overflow:hidden;display:flex;flex-direction:column}.user-detail-drawer .el-drawer__header[data-v-1e8a245a]{display:none}.drawer-header[data-v-1e8a245a]{background:linear-gradient(135deg,#667eea,#764ba2);padding:24px;position:relative;color:#fff;flex-shrink:0}.header-content[data-v-1e8a245a]{display:flex;align-items:center;gap:16px}.user-avatar-large[data-v-1e8a245a]{width:60px;height:60px;border-radius:50%;background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.user-info h3[data-v-1e8a245a]{margin:0 0 4px 0;font-size:20px;font-weight:600;color:#fff}.user-info p[data-v-1e8a245a]{margin:0;font-size:14px;color:hsla(0,0%,100%,.8)}.close-btn[data-v-1e8a245a]{position:absolute;top:20px;right:20px;color:#fff!important;font-size:18px;padding:8px}.close-btn[data-v-1e8a245a]:hover{background:hsla(0,0%,100%,.1)!important;border-radius:4px}.drawer-body[data-v-1e8a245a]{padding:24px;overflow-y:auto;flex:1;min-height:0}.info-section[data-v-1e8a245a]{margin-bottom:32px}.info-section h4[data-v-1e8a245a]{margin:0 0 16px 0;font-size:16px;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:8px}.info-section h4 i[data-v-1e8a245a]{color:#667eea}.info-grid[data-v-1e8a245a]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-item[data-v-1e8a245a]{background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.info-item label[data-v-1e8a245a]{display:block;font-size:12px;color:#7f8c8d;margin-bottom:4px;font-weight:500}.info-item span[data-v-1e8a245a]{font-size:14px;color:#2c3e50;font-weight:600}.stats-grid[data-v-1e8a245a]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-item[data-v-1e8a245a]{background:#fff;padding:20px 16px;border-radius:8px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.05)}.stat-number[data-v-1e8a245a]{font-size:20px;font-weight:700;color:#667eea;margin-bottom:4px}.stat-label[data-v-1e8a245a]{font-size:12px;color:#7f8c8d;font-weight:500}.debtors-list[data-v-1e8a245a]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05)}.debtor-item[data-v-1e8a245a]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s}.debtor-item[data-v-1e8a245a]:hover{background-color:#f8f9fa}.debtor-item[data-v-1e8a245a]:last-child{border-bottom:none}.debtor-info[data-v-1e8a245a]{flex:1;min-width:0}.debtor-name[data-v-1e8a245a]{font-size:14px;font-weight:600;color:#2c3e50;margin-bottom:4px}.debtor-phone[data-v-1e8a245a]{font-size:12px;color:#7f8c8d}.debtor-orders[data-v-1e8a245a]{display:flex;align-items:center;gap:8px;color:#667eea;font-size:12px}.order-count[data-v-1e8a245a]{font-weight:500}.recent-orders[data-v-1e8a245a]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05)}.order-item[data-v-1e8a245a]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #f0f0f0}.order-item[data-v-1e8a245a]:last-child{border-bottom:none}.order-info[data-v-1e8a245a]{flex:1;min-width:0}.order-title[data-v-1e8a245a]{font-size:14px;font-weight:600;color:#2c3e50;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-meta[data-v-1e8a245a]{display:flex;gap:12px;font-size:12px;color:#7f8c8d}.order-status[data-v-1e8a245a]{text-align:right;flex-shrink:0}.order-amount[data-v-1e8a245a]{font-size:14px;font-weight:600;color:#e74c3c;margin-bottom:4px}.no-data[data-v-1e8a245a]{text-align:center;padding:32px 16px;color:#7f8c8d;font-size:14px;background:#fff;border-radius:8px}.action-section[data-v-1e8a245a]{display:flex;gap:12px;padding-top:16px;border-top:1px solid #eee}.action-section .el-button[data-v-1e8a245a]{flex:1}.user-detail-drawer .el-drawer[data-v-1e8a245a]{box-shadow:-2px 0 20px rgba(0,0,0,.1)}.user-detail-drawer .el-drawer__container[data-v-1e8a245a]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(0,0,0,.3)}.page-top[data-v-1e8a245a]{margin-top:15px}.el_input[data-v-1e8a245a]{width:475px}.el-col[data-v-1e8a245a]{overflow:hidden}.el-pagination-count[data-v-1e8a245a]{font-weight:800;color:#606266;line-height:30px}.clickable-text[data-v-1e8a245a]{color:#409eff;cursor:pointer;text-decoration:underline;transition:color .3s}.clickable-text[data-v-1e8a245a]:hover{color:#66b1ff}