.client-group-container[data-v-2f4f2b6e]{padding:20px;background-color:#f5f5f5;min-height:calc(100vh - 110px)}.page-header[data-v-2f4f2b6e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;box-shadow:0 4px 20px rgba(102,126,234,.4)}.header-left h2.page-title[data-v-2f4f2b6e]{margin:0 0 8px 0;font-size:28px;font-weight:600;display:flex;align-items:center;gap:12px}.page-subtitle[data-v-2f4f2b6e]{font-size:14px;opacity:.9;margin:0}.refresh-btn[data-v-2f4f2b6e]{color:#fff!important;border-color:hsla(0,0%,100%,.3)!important;background:hsla(0,0%,100%,.1)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.refresh-btn[data-v-2f4f2b6e]:hover{background:hsla(0,0%,100%,.2)!important;transform:translateY(-1px)}.stats-section[data-v-2f4f2b6e]{margin-bottom:24px}.stat-card[data-v-2f4f2b6e]{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;box-shadow:0 2px 12px rgba(0,0,0,.08);transition:all .3s ease;border:1px solid #f0f0f0}.stat-card[data-v-2f4f2b6e]:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.stat-icon[data-v-2f4f2b6e]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:16px;font-size:24px;color:#fff}.total-icon[data-v-2f4f2b6e]{background:linear-gradient(135deg,#667eea,#764ba2)}.active-icon[data-v-2f4f2b6e]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.member-icon[data-v-2f4f2b6e]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.efficiency-icon[data-v-2f4f2b6e]{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-content[data-v-2f4f2b6e]{flex:1}.stat-number[data-v-2f4f2b6e]{font-size:28px;font-weight:700;color:#2c3e50;margin-bottom:4px}.stat-label[data-v-2f4f2b6e]{font-size:14px;color:#7f8c8d;margin-bottom:8px}.stat-change[data-v-2f4f2b6e]{font-size:12px;display:flex;align-items:center;gap:4px}.stat-change.positive[data-v-2f4f2b6e]{color:#27ae60}.stat-change.negative[data-v-2f4f2b6e]{color:#e74c3c}.stat-change.neutral[data-v-2f4f2b6e]{color:#7f8c8d}.group-card[data-v-2f4f2b6e],.search-card[data-v-2f4f2b6e]{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);margin-bottom:24px;border:1px solid #f0f0f0}.card-header[data-v-2f4f2b6e]{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.card-title[data-v-2f4f2b6e]{font-size:16px;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:8px}.search-section[data-v-2f4f2b6e]{padding:16px 0}.search-form[data-v-2f4f2b6e]{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.search-form .el-form-item[data-v-2f4f2b6e]{margin-bottom:0}.view-controls[data-v-2f4f2b6e]{display:flex;align-items:center;gap:12px}.group-grid[data-v-2f4f2b6e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:16px 0}.group-item[data-v-2f4f2b6e]{background:#fff;border:1px solid #e8e8e8;border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.06)}.group-item[data-v-2f4f2b6e]:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.12);border-color:#409eff}.group-header[data-v-2f4f2b6e]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;display:flex;align-items:center;gap:16px}.group-avatar[data-v-2f4f2b6e]{width:50px;height:50px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.2);flex-shrink:0}.group-avatar img[data-v-2f4f2b6e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.default-avatar[data-v-2f4f2b6e]{font-size:24px;color:#fff}.group-info[data-v-2f4f2b6e]{flex:1;min-width:0}.group-title[data-v-2f4f2b6e]{font-size:18px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-desc[data-v-2f4f2b6e]{font-size:13px;opacity:.9;line-height:1.4;max-height:35px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.group-content[data-v-2f4f2b6e]{padding:20px}.group-stats[data-v-2f4f2b6e]{display:flex;gap:16px;margin-bottom:16px}.stat-item[data-v-2f4f2b6e]{display:flex;align-items:center;gap:6px;font-size:13px;color:#7f8c8d}.group-members[data-v-2f4f2b6e]{margin-bottom:16px}.member-avatars[data-v-2f4f2b6e]{display:flex;align-items:center;gap:8px}.member-avatar[data-v-2f4f2b6e]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.more-members[data-v-2f4f2b6e]{font-size:12px;color:#7f8c8d;background:#f0f0f0;padding:4px 8px;border-radius:12px}.group-footer[data-v-2f4f2b6e]{display:flex;justify-content:space-between;align-items:center;padding:0 20px 20px}.group-status[data-v-2f4f2b6e]{flex:1}.group-actions[data-v-2f4f2b6e]{display:flex;gap:8px}.modern-table[data-v-2f4f2b6e]{border-radius:8px;overflow:hidden}.modern-table .el-table__header[data-v-2f4f2b6e]{background-color:#fafbfc}.modern-table .el-table__header th[data-v-2f4f2b6e]{background-color:#fafbfc!important;color:#2c3e50;font-weight:600;border-bottom:2px solid #e8e8e8;padding:16px 0}.modern-table .el-table__body td[data-v-2f4f2b6e]{padding:16px 0;border-bottom:1px solid #f5f5f5}.modern-table .el-table__row[data-v-2f4f2b6e]:hover{background-color:#f8f9ff!important}.table-group-info[data-v-2f4f2b6e]{padding:8px 0}.table-group-header[data-v-2f4f2b6e]{display:flex;align-items:center;gap:12px}.table-group-avatar[data-v-2f4f2b6e]{width:40px;height:40px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0}.table-group-avatar img[data-v-2f4f2b6e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.table-group-details[data-v-2f4f2b6e]{flex:1;min-width:0}.table-group-title[data-v-2f4f2b6e]{font-weight:600;color:#2c3e50;margin-bottom:4px;font-size:16px}.table-group-desc[data-v-2f4f2b6e]{font-size:13px;color:#7f8c8d;line-height:1.4}.member-count[data-v-2f4f2b6e]{display:flex;align-items:center;gap:6px;font-size:14px;color:#7f8c8d}.time-info[data-v-2f4f2b6e]{font-size:13px;color:#7f8c8d}.action-buttons[data-v-2f4f2b6e]{display:flex;flex-direction:column;gap:4px;align-items:center}.edit-btn[data-v-2f4f2b6e]{color:#409eff!important}.delete-btn[data-v-2f4f2b6e]{color:#f56c6c!important}.delete-btn[data-v-2f4f2b6e]:hover,.edit-btn[data-v-2f4f2b6e]:hover{background-color:rgba(64,158,255,.1)!important}.pagination-wrapper[data-v-2f4f2b6e]{display:flex;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid #f0f0f0}.edit-dialog .el-dialog__body[data-v-2f4f2b6e]{padding:20px}.avatar-upload[data-v-2f4f2b6e]{display:flex;flex-direction:column;gap:12px}.avatar-preview[data-v-2f4f2b6e]{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #e8e8e8;border-radius:8px;background:#fafafa}.avatar-preview img[data-v-2f4f2b6e]{width:80px;height:80px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.avatar-actions[data-v-2f4f2b6e]{display:flex;gap:8px}.avatar-upload-area[data-v-2f4f2b6e],.avatar-uploader[data-v-2f4f2b6e]{display:flex;justify-content:center}.avatar-uploader[data-v-2f4f2b6e]{border:2px dashed #d9d9d9;border-radius:8px;width:120px;height:120px;align-items:center;cursor:pointer;transition:all .3s ease}.avatar-uploader[data-v-2f4f2b6e]:hover{border-color:#409eff}.upload-placeholder[data-v-2f4f2b6e]{text-align:center;color:#8c939d}.upload-placeholder i[data-v-2f4f2b6e]{font-size:28px;margin-bottom:8px;display:block}.upload-tip[data-v-2f4f2b6e]{font-size:12px;color:#7f8c8d;text-align:center}.image-viewer[data-v-2f4f2b6e]{text-align:center}.image-viewer .el-image[data-v-2f4f2b6e]{max-width:100%;max-height:60vh}@media (max-width:768px){.client-group-container[data-v-2f4f2b6e]{padding:16px}.page-header[data-v-2f4f2b6e]{flex-direction:column;text-align:center;gap:16px}.stats-section .el-col[data-v-2f4f2b6e]{margin-bottom:16px}.search-form[data-v-2f4f2b6e]{flex-direction:column;align-items:stretch}.search-form .el-form-item[data-v-2f4f2b6e]{width:100%}.card-header[data-v-2f4f2b6e]{flex-direction:column;align-items:stretch;gap:12px}.group-grid[data-v-2f4f2b6e]{grid-template-columns:1fr;gap:16px}.group-header[data-v-2f4f2b6e]{flex-direction:column;gap:12px;text-align:center}.action-buttons[data-v-2f4f2b6e]{flex-direction:row}.table-group-header[data-v-2f4f2b6e]{flex-direction:column;align-items:flex-start;gap:8px}.avatar-preview[data-v-2f4f2b6e]{flex-direction:column;align-items:center}}