.customers-page[data-v-c7628692]{background:#fcfcfc;min-height:100vh;padding:20px}.page-header[data-v-c7628692]{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.header-left h3[data-v-c7628692]{color:#1a1a1a;font-size:24px;font-weight:400;margin:0 0 4px}.primary-btn[data-v-c7628692]{align-items:center;background:#c8a080;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 20px;transition:background .2s}.primary-btn[data-v-c7628692]:hover{background:#b89070}.metrics-grid[data-v-c7628692]{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.metric-card[data-v-c7628692]{align-items:center;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:16px;padding:20px;transition:all .2s ease}.metric-card[data-v-c7628692]:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.metric-icon[data-v-c7628692]{align-items:center;border-radius:10px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.metric-icon.blue[data-v-c7628692]{background:#e3f2fd;color:#1565c0}.metric-icon.green[data-v-c7628692]{background:#e8f5e9;color:#2e7d32}.metric-icon.gold[data-v-c7628692]{background:#fff8e1;color:#f9a825}.metric-icon.pink[data-v-c7628692]{background:#fce4ec;color:#c2185b}.metric-info h3[data-v-c7628692]{color:#333;font-size:24px;font-weight:500;margin:0}.metric-label[data-v-c7628692]{color:#666;font-size:13px}.content-card[data-v-c7628692]{background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 8px #0000000a;overflow:hidden}.toolbar[data-v-c7628692]{align-items:center;background:#fff;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 20px}.filters[data-v-c7628692]{background-color:#f7f7f7;border:1px solid #ddd;border-radius:5px;display:flex;padding:2px;position:relative}.filter-btn[data-v-c7628692]{background:transparent;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:13px;padding:6px 16px;position:relative;transition:color .2s;z-index:2}.filter-btn.active[data-v-c7628692]{color:#fff;font-weight:500}.glider[data-v-c7628692]{background-color:#c8a080;border-radius:4px;height:calc(100% - 4px);left:0;position:absolute;top:2px;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:1}.actions[data-v-c7628692]{gap:12px}.actions[data-v-c7628692],.bulk-actions[data-v-c7628692]{align-items:center;display:flex}.bulk-actions[data-v-c7628692]{border-right:1px solid #eee;gap:8px;margin-right:12px;padding-right:12px}.delete-btn[data-v-c7628692],.select-all-btn[data-v-c7628692]{align-items:center;background:#f0f0f0;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 10px;transition:all .2s}.select-all-btn[data-v-c7628692]:hover{background:#e0e0e0;color:#333}.delete-btn[data-v-c7628692]{background:#ffebee;color:#d32f2f}.delete-btn[data-v-c7628692]:hover{background:#ffcdd2;color:#c62828}.search-box[data-v-c7628692]{position:relative;width:240px}.search-box i[data-v-c7628692]{color:#999;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-box input[data-v-c7628692]{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:13px;outline:none;padding:8px 12px 8px 36px;transition:border .2s;width:100%}.search-box input[data-v-c7628692]:focus{border-color:#c8a080}.table-container[data-v-c7628692]{overflow-x:auto;padding:0 20px}.customers-table[data-v-c7628692]{border-collapse:collapse;font-size:14px;width:100%}.customers-table th[data-v-c7628692]{background:#fafafa;border-bottom:2px solid #f0f0f0;color:#666;font-weight:400;padding:12px 16px;text-align:left}.customers-table th[data-v-c7628692]:first-child{padding:12px 8px;width:40px}.customers-table td[data-v-c7628692]{border-bottom:1px solid #f0f0f0;color:#333;padding:16px;vertical-align:middle}.customer-row[data-v-c7628692]:hover{background:#f9f9f9}.customer-row.selected[data-v-c7628692]{background-color:#f9f5f2}.checkbox-cell[data-v-c7628692],.checkbox-header[data-v-c7628692]{padding:0;text-align:center;width:40px}.checkbox-wrapper[data-v-c7628692]{align-items:center;display:flex;height:100%;justify-content:center;min-height:44px;width:100%}.checkbox-header input[data-v-c7628692]{cursor:pointer;margin:0;opacity:1}.checkbox-cell input[data-v-c7628692]{cursor:pointer;margin:0;opacity:0;transition:opacity .2s ease}.customer-row.selected .checkbox-cell input[data-v-c7628692],.customer-row:hover .checkbox-cell input[data-v-c7628692]{opacity:1}.gender-badge[data-v-c7628692]{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.gender-badge.male[data-v-c7628692]{background:#e3f2fd;color:#1565c0}.gender-badge.female[data-v-c7628692]{background:#fce4ec;color:#c2185b}.gender-badge.unspecified[data-v-c7628692]{background:#f5f5f5;color:#616161}.user-info[data-v-c7628692]{align-items:center;display:flex;gap:12px}.user-avatar[data-v-c7628692]{border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.user-text[data-v-c7628692]{display:flex;flex-direction:column}.user-name[data-v-c7628692]{color:#1a1a1a;font-weight:500}.user-email[data-v-c7628692]{color:#888;font-size:12px}.money-cell[data-v-c7628692]{font-weight:500}.date-cell[data-v-c7628692]{color:#666;font-size:13px}.status-badge[data-v-c7628692]{border-radius:50px;font-size:12px;font-weight:500;padding:4px 10px}.status-badge.active[data-v-c7628692]{background:#e8f5e9;color:#2e7d32}.status-badge.inactive[data-v-c7628692]{background:#eceff1;color:#546e7a}.status-badge.vip[data-v-c7628692]{background:#fff8e1;border:1px solid #ffecb3;color:#f9a825}.icon-btn[data-v-c7628692]{align-items:center;background:transparent;border:none;border-radius:4px;color:#888;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.icon-btn[data-v-c7628692]:hover{background:#f0f0f0;color:#333}.pagination[data-v-c7628692]{padding:20px}.pagination[data-v-c7628692],.pagination-btn[data-v-c7628692]{align-items:center;display:flex;justify-content:center}.pagination-btn[data-v-c7628692]{background:#fff;border:1px solid #f0f0f0;border-radius:50%;color:#666;cursor:pointer;height:36px;transition:all .2s;width:36px}.pagination-btn[data-v-c7628692]:hover:not(:disabled){background:#f9f5f2;border-color:#e8d5c4;color:#c8a080}.pagination-btn[data-v-c7628692]:disabled{cursor:not-allowed;opacity:.5}.pagination-numbers[data-v-c7628692]{align-items:center;display:flex;margin:0 10px}.pagination-number[data-v-c7628692]{align-items:center;background:transparent;border:none;color:#666;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:all .2s;width:36px}.pagination-number.active[data-v-c7628692]{background:#f9f5f2;border-radius:50%;color:#c8a080;font-weight:500}