.customer-details[data-v-56fcc02c]{min-height:100vh;background:#fff;border-radius:10px;padding:24px 24px;box-sizing:border-box}.stats-container[data-v-56fcc02c]{display:flex;align-items:center;background-color:#f9f9f9;padding:4px 0;border-radius:4px;width:500px}.fail[data-v-56fcc02c]{color:#f56c6c}.stat-item[data-v-56fcc02c]{margin-left:16px;padding:4px 8px;border-radius:4px;font-size:14px}.page-header[data-v-56fcc02c]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:32px;border-radius:12px;margin-bottom:24px;box-shadow:0 4px 20px rgba(102,126,234,.3)}.header-content[data-v-56fcc02c]{text-align:center}.header-title[data-v-56fcc02c]{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.header-icon[data-v-56fcc02c]{font-size:32px;margin-right:12px}.header-title h1[data-v-56fcc02c]{margin:0;font-size:28px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header-subtitle[data-v-56fcc02c]{margin:0;font-size:16px;opacity:.9}.tips-card[data-v-56fcc02c]{margin-bottom:24px;border:1px solid #e8f4fd;background:linear-gradient(135deg,#e8f4fd,#f0f9ff)}.tips-content[data-v-56fcc02c]{display:flex;align-items:flex-start}.tips-icon[data-v-56fcc02c]{font-size:20px;color:#409eff;margin-right:12px;margin-top:2px}.tips-text h4[data-v-56fcc02c]{margin:0 0 8px 0;color:#409eff;font-size:16px;font-weight:600}.tips-text ul[data-v-56fcc02c]{margin:0;padding-left:20px}.tips-text li[data-v-56fcc02c]{margin-bottom:8px;font-size:14px;line-height:1.6;color:#606266}.tips-text li[data-v-56fcc02c]:last-child{margin-bottom:0}.main-card[data-v-56fcc02c]{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.stat-card[data-v-56fcc02c]{border:none;box-shadow:0 2px 12px rgba(0,0,0,.1);transition:all .3s ease;height:120px}.stat-card[data-v-56fcc02c]:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.stat-content[data-v-56fcc02c]{display:flex;align-items:center;justify-content:space-between;padding:24px;height:100%}.stat-info[data-v-56fcc02c]{flex:1}.stat-number[data-v-56fcc02c]{font-size:28px;font-weight:700;color:#303133;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-label[data-v-56fcc02c]{font-size:14px;color:#606266;font-weight:500}.stat-icon-wrapper[data-v-56fcc02c]{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:.9}.stat-icon-wrapper.total[data-v-56fcc02c]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-icon-wrapper.active[data-v-56fcc02c]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.stat-icon-wrapper.commission[data-v-56fcc02c]{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.stat-icon-wrapper.monthly[data-v-56fcc02c]{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.stat-icon[data-v-56fcc02c]{font-size:24px}.filter-section[data-v-56fcc02c]{margin-bottom:20px;padding:20px;background:#fafafa;border-radius:8px;border:1px solid #ebeef5}.customer-table[data-v-56fcc02c]{margin-bottom:20px}.commission-amount[data-v-56fcc02c]{color:#f56c6c;font-weight:600}.recent-active[data-v-56fcc02c]{color:#67c23a;font-weight:500}.pagination-wrapper[data-v-56fcc02c]{text-align:center;padding-top:20px}.customer-detail-modal[data-v-56fcc02c]{padding:20px 0}.detail-section[data-v-56fcc02c]{margin-bottom:24px}.detail-section h4[data-v-56fcc02c]{margin:0 0 16px 0;color:#303133;font-size:16px;font-weight:600;border-bottom:2px solid #409eff;padding-bottom:8px}.detail-item[data-v-56fcc02c]{display:flex;margin-bottom:12px;align-items:center}.detail-item .label[data-v-56fcc02c]{width:100px;color:#606266;font-weight:500;flex-shrink:0}.detail-item .value[data-v-56fcc02c]{color:#303133;font-weight:500}.detail-item .value.commission[data-v-56fcc02c]{color:#f56c6c;font-weight:600;font-size:16px}@media (max-width:768px){.customer-details[data-v-56fcc02c]{padding:16px}.page-header[data-v-56fcc02c]{padding:24px 20px}.header-title h1[data-v-56fcc02c]{font-size:24px}.stat-card[data-v-56fcc02c]{margin-bottom:16px}.filter-section[data-v-56fcc02c]{padding:16px}}