@burdenoff/microfe-adaptercloud 2026.614.1 → 2026.625.1

package/dist/adaptercloud/pages/admin/UserManagementPage.js

@@ -171,11 +171,11 @@ function C() {
 		return w.slice(e, e + 10);
 	}, [w, I]), Y = (e) => /* @__PURE__ */ b("span", {
 		className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", {
-			customer: "bg-blue-500/20 text-blue-600 dark:text-blue-400",
-			cart_owner: "bg-green-500/20 text-green-600 dark:text-green-400",
-			worker: "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
-			investor: "bg-purple-500/20 text-purple-600 dark:text-purple-400",
-			admin: "bg-red-500/20 text-red-600 dark:text-red-400"
+			customer: "bg-accent-blue-subtle/20 text-accent-blue",
+			cart_owner: "bg-status-success-bg-subtle/20 text-status-success-text",
+			worker: "bg-status-warning-bg-subtle/20 text-status-warning-text",
+			investor: "bg-accent-purple-subtle/20 text-accent-purple",
+			admin: "bg-status-error-bg-subtle/20 text-status-error-text"
 		}[e]),
 		children: {
 			customer: "Customer",
@@ -186,10 +186,10 @@ function C() {
 		}[e] ?? e
 	}), X = (e) => /* @__PURE__ */ b("span", {
 		className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", {
-			active: "bg-green-500/20 text-green-600 dark:text-green-400",
+			active: "bg-status-success-bg-subtle/20 text-status-success-text",
 			inactive: "bg-secondary text-secondary-foreground",
-			suspended: "bg-red-500/20 text-red-600 dark:text-red-400",
-			pending: "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400"
+			suspended: "bg-status-error-bg-subtle/20 text-status-error-text",
+			pending: "bg-status-warning-bg-subtle/20 text-status-warning-text"
 		}[e]),
 		children: e
 	});
@@ -198,8 +198,8 @@ function C() {
 		description: "Loading users...",
 		children: /* @__PURE__ */ x("div", {
 			className: "flex flex-col items-center justify-center py-20",
-			children: [/* @__PURE__ */ b(u, { className: "h-10 w-10 animate-spin text-muted-foreground mb-4" }), /* @__PURE__ */ b("p", {
-				className: "text-muted-foreground",
+			children: [/* @__PURE__ */ b(u, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ b("p", {
+				className: "text-text-secondary",
 				children: "Loading users..."
 			})]
 		})
@@ -218,17 +218,17 @@ function C() {
 					{
 						label: "Active",
 						value: B.activeUsers.toLocaleString("en-IN"),
-						cls: "bg-green-500/10 border-green-500/30"
+						cls: "bg-status-success-bg-subtle/10 border-status-success-border/30"
 					},
 					{
 						label: "New (30d)",
 						value: B.newUsers.toString(),
-						cls: "bg-blue-500/10 border-blue-500/30"
+						cls: "bg-accent-blue-subtle/10 border-accent-blue-subtle/30"
 					},
 					{
 						label: "Verified",
 						value: B.verifiedUsers.toLocaleString("en-IN"),
-						cls: "bg-purple-500/10 border-purple-500/30"
+						cls: "bg-accent-purple-subtle/10 border-accent-purple-subtle/30"
 					},
 					{
 						label: "Customers",
@@ -251,35 +251,35 @@ function C() {
 						cls: ""
 					}
 				].map((e) => /* @__PURE__ */ x("div", {
-					className: t("rounded-lg border border-border bg-card p-3", e.cls),
+					className: t("rounded-lg border border-border-subtle bg-bg-surface p-3", e.cls),
 					children: [/* @__PURE__ */ b("p", {
-						className: "text-xs text-muted-foreground",
+						className: "text-xs text-text-secondary",
 						children: e.label
 					}), /* @__PURE__ */ b("p", {
-						className: "text-lg font-bold text-foreground",
+						className: "text-lg font-bold text-text-primary",
 						children: e.value
 					})]
 				}, e.label))
 			}),
 			/* @__PURE__ */ b("div", {
-				className: "rounded-lg border border-border bg-card p-4 mb-6",
+				className: "rounded-lg border border-border-seam bg-bg-surface p-4 mb-6 bg-gloss-card shadow-pop",
 				children: /* @__PURE__ */ x("div", {
 					className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-3",
 					children: [
 						/* @__PURE__ */ x("div", {
 							className: "relative",
-							children: [/* @__PURE__ */ b(d, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ b("input", {
+							children: [/* @__PURE__ */ b(d, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ b("input", {
 								type: "text",
 								placeholder: "Search users...",
 								value: R.searchQuery,
 								onChange: (e) => H("searchQuery", e.target.value),
-								className: "w-full rounded-lg border border-border bg-card py-2 pl-10 pr-4 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+								className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-4 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 							})]
 						}),
 						/* @__PURE__ */ x("select", {
 							value: R.role,
 							onChange: (e) => H("role", e.target.value),
-							className: "rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
 								/* @__PURE__ */ b("option", {
 									value: "",
@@ -306,7 +306,7 @@ function C() {
 						/* @__PURE__ */ x("select", {
 							value: R.status,
 							onChange: (e) => H("status", e.target.value),
-							className: "rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
 								/* @__PURE__ */ b("option", {
 									value: "",
@@ -333,7 +333,7 @@ function C() {
 						/* @__PURE__ */ x("select", {
 							value: R.registrationDate,
 							onChange: (e) => H("registrationDate", e.target.value),
-							className: "rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
 								/* @__PURE__ */ b("option", {
 									value: "",
@@ -360,7 +360,7 @@ function C() {
 						/* @__PURE__ */ x("select", {
 							value: R.sortBy,
 							onChange: (e) => H("sortBy", e.target.value),
-							className: "rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
 								/* @__PURE__ */ b("option", {
 									value: "recent",
@@ -380,12 +380,12 @@ function C() {
 				})
 			}),
 			/* @__PURE__ */ x("div", {
-				className: "rounded-lg border border-border bg-card overflow-hidden",
+				className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden",
 				children: [
 					/* @__PURE__ */ b("div", {
 						className: "block md:hidden space-y-4 p-4",
 						children: J.map((e) => /* @__PURE__ */ x("div", {
-							className: "rounded-lg border border-border bg-muted/30 p-4",
+							className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-4",
 							children: [
 								/* @__PURE__ */ x("div", {
 									className: "flex items-center mb-3",
@@ -394,13 +394,13 @@ function C() {
 										alt: `${e.firstName} ${e.lastName}`,
 										className: "w-12 h-12 rounded-full object-cover mr-3"
 									}) : /* @__PURE__ */ b("div", {
-										className: "w-12 h-12 rounded-full bg-muted flex items-center justify-center mr-3",
-										children: /* @__PURE__ */ b(_, { className: "h-6 w-6 text-muted-foreground" })
+										className: "w-12 h-12 rounded-full bg-bg-sunken flex items-center justify-center mr-3",
+										children: /* @__PURE__ */ b(_, { className: "h-6 w-6 text-text-secondary" })
 									}), /* @__PURE__ */ x("div", {
 										className: "flex-1 min-w-0",
 										children: [
 											/* @__PURE__ */ x("h3", {
-												className: "font-medium text-foreground",
+												className: "font-medium text-text-primary",
 												children: [
 													e.firstName,
 													" ",
@@ -408,11 +408,11 @@ function C() {
 												]
 											}),
 											/* @__PURE__ */ b("p", {
-												className: "text-sm text-muted-foreground truncate",
+												className: "text-sm text-text-secondary truncate",
 												children: e.email
 											}),
 											/* @__PURE__ */ b("p", {
-												className: "text-sm text-muted-foreground",
+												className: "text-sm text-text-secondary",
 												children: e.phone
 											})
 										]
@@ -425,16 +425,16 @@ function C() {
 								/* @__PURE__ */ x("div", {
 									className: "grid grid-cols-2 gap-4 text-sm mb-3",
 									children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-										className: "text-muted-foreground",
+										className: "text-text-secondary",
 										children: "Registered"
 									}), /* @__PURE__ */ b("p", {
-										className: "text-foreground",
+										className: "text-text-primary",
 										children: K(e.registrationDate)
 									})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-										className: "text-muted-foreground",
+										className: "text-text-secondary",
 										children: "Last Login"
 									}), /* @__PURE__ */ b("p", {
-										className: "text-foreground",
+										className: "text-text-primary",
 										children: e.lastLoginTime ? K(e.lastLoginTime) : "Never"
 									})] })]
 								}),
@@ -443,22 +443,22 @@ function C() {
 									children: [
 										/* @__PURE__ */ x("div", {
 											className: "flex items-center",
-											children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full mr-2", e.isEmailVerified ? "bg-green-500" : "bg-red-500") }), /* @__PURE__ */ b("span", {
-												className: "text-sm text-muted-foreground",
+											children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full mr-2", e.isEmailVerified ? "bg-status-success-bg-subtle" : "bg-status-error-bg-subtle") }), /* @__PURE__ */ b("span", {
+												className: "text-sm text-text-secondary",
 												children: "Email"
 											})]
 										}),
 										/* @__PURE__ */ x("div", {
 											className: "flex items-center",
-											children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full mr-2", e.isPhoneVerified ? "bg-green-500" : "bg-red-500") }), /* @__PURE__ */ b("span", {
-												className: "text-sm text-muted-foreground",
+											children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full mr-2", e.isPhoneVerified ? "bg-status-success-bg-subtle" : "bg-status-error-bg-subtle") }), /* @__PURE__ */ b("span", {
+												className: "text-sm text-text-secondary",
 												children: "Phone"
 											})]
 										}),
 										e.kycStatus && /* @__PURE__ */ x("div", {
 											className: "flex items-center",
-											children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full mr-2", e.kycStatus === "verified" ? "bg-green-500" : e.kycStatus === "pending" ? "bg-yellow-500" : "bg-red-500") }), /* @__PURE__ */ b("span", {
-												className: "text-sm text-muted-foreground",
+											children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full mr-2", e.kycStatus === "verified" ? "bg-status-success-bg-subtle" : e.kycStatus === "pending" ? "bg-status-warning-bg-subtle" : "bg-status-error-bg-subtle") }), /* @__PURE__ */ b("span", {
+												className: "text-sm text-text-secondary",
 												children: "KYC"
 											})]
 										})
@@ -470,24 +470,24 @@ function C() {
 										/* @__PURE__ */ b("button", {
 											type: "button",
 											onClick: () => U(e, "edit"),
-											className: "rounded-lg border border-border px-3 py-1.5 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+											className: "rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 											children: "Edit"
 										}),
 										e.status === "active" ? /* @__PURE__ */ b("button", {
 											type: "button",
 											onClick: () => U(e, "suspend"),
-											className: "rounded-lg border border-border px-3 py-1.5 text-sm font-medium text-red-600 hover:bg-red-500/10 transition-colors",
+											className: "rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle/10 transition-colors",
 											children: "Suspend"
 										}) : /* @__PURE__ */ b("button", {
 											type: "button",
 											onClick: () => U(e, "activate"),
-											className: "rounded-lg border border-border px-3 py-1.5 text-sm font-medium text-green-600 hover:bg-green-500/10 transition-colors",
+											className: "rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle/10 transition-colors",
 											children: "Activate"
 										}),
 										e.kycStatus === "pending" && /* @__PURE__ */ b("button", {
 											type: "button",
 											onClick: () => U(e, "verify"),
-											className: "rounded-lg bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+											className: "rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
 											children: "Verify"
 										})
 									]
@@ -500,30 +500,30 @@ function C() {
 						children: /* @__PURE__ */ x("table", {
 							className: "w-full",
 							children: [/* @__PURE__ */ b("thead", { children: /* @__PURE__ */ x("tr", {
-								className: "border-b border-border bg-muted/50",
+								className: "border-b border-border-subtle bg-bg-sunken/50",
 								children: [
 									/* @__PURE__ */ b("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "User"
 									}),
 									/* @__PURE__ */ b("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Role & Status"
 									}),
 									/* @__PURE__ */ b("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Activity"
 									}),
 									/* @__PURE__ */ b("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Performance"
 									}),
 									/* @__PURE__ */ b("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Verification"
 									}),
 									/* @__PURE__ */ b("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Actions"
 									})
 								]
@@ -541,11 +541,11 @@ function C() {
 													alt: `${e.firstName}`,
 													className: "w-10 h-10 rounded-full object-cover"
 												}) : /* @__PURE__ */ b("div", {
-													className: "w-10 h-10 rounded-full bg-muted flex items-center justify-center",
-													children: /* @__PURE__ */ b(_, { className: "h-5 w-5 text-muted-foreground" })
+													className: "w-10 h-10 rounded-full bg-bg-sunken flex items-center justify-center",
+													children: /* @__PURE__ */ b(_, { className: "h-5 w-5 text-text-secondary" })
 												}), /* @__PURE__ */ x("div", { children: [
 													/* @__PURE__ */ x("p", {
-														className: "text-sm font-medium text-foreground",
+														className: "text-sm font-medium text-text-primary",
 														children: [
 															e.firstName,
 															" ",
@@ -553,11 +553,11 @@ function C() {
 														]
 													}),
 													/* @__PURE__ */ b("p", {
-														className: "text-xs text-muted-foreground",
+														className: "text-xs text-text-secondary",
 														children: e.email
 													}),
 													/* @__PURE__ */ b("p", {
-														className: "text-xs text-muted-foreground",
+														className: "text-xs text-text-secondary",
 														children: e.phone
 													})
 												] })]
@@ -578,15 +578,15 @@ function C() {
 											className: "px-4 py-3 text-sm",
 											children: [
 												/* @__PURE__ */ x("p", {
-													className: "text-foreground",
+													className: "text-text-primary",
 													children: ["Registered: ", K(e.registrationDate)]
 												}),
 												e.lastLoginTime && /* @__PURE__ */ x("p", {
-													className: "text-muted-foreground",
+													className: "text-text-secondary",
 													children: ["Last login: ", K(e.lastLoginTime)]
 												}),
 												e.deviceInfo && /* @__PURE__ */ x("p", {
-													className: "text-muted-foreground flex items-center gap-1",
+													className: "text-text-secondary flex items-center gap-1",
 													children: [/* @__PURE__ */ b(p, { className: "h-3 w-3" }), e.deviceInfo]
 												})
 											]
@@ -595,18 +595,18 @@ function C() {
 											className: "px-4 py-3 text-sm",
 											children: [
 												e.role === "customer" && e.totalOrders != null && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("p", {
-													className: "text-foreground",
+													className: "text-text-primary",
 													children: [e.totalOrders, " orders"]
 												}), /* @__PURE__ */ x("p", {
-													className: "text-muted-foreground",
+													className: "text-text-secondary",
 													children: [q(e.totalSpent ?? 0), " spent"]
 												})] }),
 												(e.role === "cart_owner" || e.role === "worker") && e.totalEarnings != null && /* @__PURE__ */ x("p", {
-													className: "text-foreground",
+													className: "text-text-primary",
 													children: [q(e.totalEarnings), " earned"]
 												}),
 												e.role === "investor" && e.riskScore != null && /* @__PURE__ */ x("p", {
-													className: "text-foreground",
+													className: "text-text-primary",
 													children: [
 														"Risk: ",
 														e.riskScore,
@@ -622,22 +622,22 @@ function C() {
 												children: [
 													/* @__PURE__ */ x("div", {
 														className: "flex items-center gap-2",
-														children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full", e.isEmailVerified ? "bg-green-500" : "bg-red-500") }), /* @__PURE__ */ b("span", {
-															className: "text-sm text-muted-foreground",
+														children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full", e.isEmailVerified ? "bg-status-success-bg-subtle" : "bg-status-error-bg-subtle") }), /* @__PURE__ */ b("span", {
+															className: "text-sm text-text-secondary",
 															children: "Email"
 														})]
 													}),
 													/* @__PURE__ */ x("div", {
 														className: "flex items-center gap-2",
-														children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full", e.isPhoneVerified ? "bg-green-500" : "bg-red-500") }), /* @__PURE__ */ b("span", {
-															className: "text-sm text-muted-foreground",
+														children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full", e.isPhoneVerified ? "bg-status-success-bg-subtle" : "bg-status-error-bg-subtle") }), /* @__PURE__ */ b("span", {
+															className: "text-sm text-text-secondary",
 															children: "Phone"
 														})]
 													}),
 													e.kycStatus && /* @__PURE__ */ x("div", {
 														className: "flex items-center gap-2",
-														children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full", e.kycStatus === "verified" ? "bg-green-500" : e.kycStatus === "pending" ? "bg-yellow-500" : "bg-red-500") }), /* @__PURE__ */ b("span", {
-															className: "text-sm text-muted-foreground",
+														children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full", e.kycStatus === "verified" ? "bg-status-success-bg-subtle" : e.kycStatus === "pending" ? "bg-status-warning-bg-subtle" : "bg-status-error-bg-subtle") }), /* @__PURE__ */ b("span", {
+															className: "text-sm text-text-secondary",
 															children: "KYC"
 														})]
 													})
@@ -653,27 +653,27 @@ function C() {
 														type: "button",
 														onClick: () => U(e, "edit"),
 														title: "Edit",
-														className: "rounded p-1.5 text-muted-foreground hover:text-foreground hover:bg-accent transition-colors",
+														className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors",
 														children: /* @__PURE__ */ b(l, { className: "h-4 w-4" })
 													}),
 													e.status === "active" ? /* @__PURE__ */ b("button", {
 														type: "button",
 														onClick: () => U(e, "suspend"),
 														title: "Suspend",
-														className: "rounded p-1.5 text-muted-foreground hover:text-red-600 hover:bg-red-500/10 transition-colors",
+														className: "rounded p-1.5 text-text-secondary hover:text-status-error-text hover:bg-status-error-bg-subtle/10 transition-colors",
 														children: /* @__PURE__ */ b(g, { className: "h-4 w-4" })
 													}) : /* @__PURE__ */ b("button", {
 														type: "button",
 														onClick: () => U(e, "activate"),
 														title: "Activate",
-														className: "rounded p-1.5 text-muted-foreground hover:text-green-600 hover:bg-green-500/10 transition-colors",
+														className: "rounded p-1.5 text-text-secondary hover:text-status-success-text hover:bg-status-success-bg-subtle/10 transition-colors",
 														children: /* @__PURE__ */ b(h, { className: "h-4 w-4" })
 													}),
 													e.kycStatus === "pending" && /* @__PURE__ */ b("button", {
 														type: "button",
 														onClick: () => U(e, "verify"),
 														title: "Verify",
-														className: "rounded p-1.5 text-muted-foreground hover:text-blue-600 hover:bg-blue-500/10 transition-colors",
+														className: "rounded p-1.5 text-text-secondary hover:text-accent-blue hover:bg-accent-blue-subtle/10 transition-colors",
 														children: /* @__PURE__ */ b(f, { className: "h-4 w-4" })
 													})
 												]
@@ -686,8 +686,8 @@ function C() {
 					}),
 					w.length === 0 && /* @__PURE__ */ x("div", {
 						className: "flex flex-col items-center justify-center py-12 px-4",
-						children: [/* @__PURE__ */ b(_, { className: "h-10 w-10 text-muted-foreground/50 mb-3" }), /* @__PURE__ */ b("p", {
-							className: "text-sm text-muted-foreground",
+						children: [/* @__PURE__ */ b(_, { className: "h-10 w-10 text-text-secondary/50 mb-3" }), /* @__PURE__ */ b("p", {
+							className: "text-sm text-text-secondary",
 							children: "No users found matching your criteria"
 						})]
 					})
@@ -696,7 +696,7 @@ function C() {
 			/* @__PURE__ */ x("div", {
 				className: "mt-6 flex flex-col sm:flex-row sm:items-center justify-between gap-4",
 				children: [/* @__PURE__ */ x("p", {
-					className: "text-sm text-muted-foreground text-center sm:text-left",
+					className: "text-sm text-text-secondary text-center sm:text-left",
 					children: [
 						"Showing",
 						" ",
@@ -725,13 +725,13 @@ function C() {
 						type: "button",
 						disabled: I === 1,
 						onClick: () => L((e) => Math.max(1, e - 1)),
-						className: "flex items-center gap-1.5 rounded-lg border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+						className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
 						children: [/* @__PURE__ */ b(s, { className: "h-4 w-4" }), "Previous"]
 					}), /* @__PURE__ */ x("button", {
 						type: "button",
 						disabled: I * 10 >= w.length,
 						onClick: () => L((e) => e + 1),
-						className: "flex items-center gap-1.5 rounded-lg border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+						className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
 						children: ["Next", /* @__PURE__ */ b(c, { className: "h-4 w-4" })]
 					})]
 				})]
@@ -739,22 +739,22 @@ function C() {
 			A && O && /* @__PURE__ */ b("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
 				children: /* @__PURE__ */ x("div", {
-					className: "w-full max-w-md rounded-lg border border-border bg-card shadow-lg max-h-[90vh] overflow-y-auto",
+					className: "w-full max-w-md rounded-lg border border-border-subtle bg-bg-surface shadow-lg max-h-[90vh] overflow-y-auto",
 					children: [/* @__PURE__ */ x("div", {
-						className: "flex items-center justify-between p-4 border-b border-border",
+						className: "flex items-center justify-between p-4 border-b border-border-subtle",
 						children: [/* @__PURE__ */ b("h3", {
-							className: "text-lg font-semibold text-foreground",
+							className: "text-lg font-semibold text-text-primary",
 							children: M === "edit" ? "Edit User" : "Delete User"
 						}), /* @__PURE__ */ b("button", {
 							type: "button",
 							onClick: () => j(!1),
-							className: "rounded p-1.5 text-muted-foreground hover:text-foreground hover:bg-accent transition-colors",
+							className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors",
 							children: /* @__PURE__ */ b(v, { className: "h-5 w-5" })
 						})]
 					}), /* @__PURE__ */ b("div", {
 						className: "p-4",
 						children: M === "delete" ? /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("p", {
-							className: "text-muted-foreground mb-4",
+							className: "text-text-secondary mb-4",
 							children: [
 								"Are you sure you want to delete user \"",
 								O.firstName,
@@ -767,12 +767,12 @@ function C() {
 							children: [/* @__PURE__ */ b("button", {
 								type: "button",
 								onClick: () => j(!1),
-								className: "flex-1 rounded-lg border border-border py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+								className: "flex-1 rounded-lg border border-border-subtle py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 								children: "Cancel"
 							}), /* @__PURE__ */ b("button", {
 								type: "button",
 								onClick: W,
-								className: "flex-1 rounded-lg bg-red-600 hover:bg-red-700 py-2 text-sm font-medium text-white transition-colors",
+								className: "flex-1 rounded-lg bg-status-error-bg-subtle hover:bg-status-error-bg-subtle py-2 text-sm font-medium text-white transition-colors",
 								children: "Delete User"
 							})]
 						})] }) : /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
@@ -781,7 +781,7 @@ function C() {
 								/* @__PURE__ */ x("div", {
 									className: "grid grid-cols-2 gap-4",
 									children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-sm font-medium text-muted-foreground mb-1",
+										className: "block text-sm font-medium text-text-secondary mb-1",
 										children: "First Name"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
@@ -790,9 +790,9 @@ function C() {
 											...t,
 											firstName: e.target.value
 										})),
-										className: "w-full rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+										className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 									})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-sm font-medium text-muted-foreground mb-1",
+										className: "block text-sm font-medium text-text-secondary mb-1",
 										children: "Last Name"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
@@ -801,11 +801,11 @@ function C() {
 											...t,
 											lastName: e.target.value
 										})),
-										className: "w-full rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+										className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 									})] })]
 								}),
 								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-									className: "block text-sm font-medium text-muted-foreground mb-1",
+									className: "block text-sm font-medium text-text-secondary mb-1",
 									children: "Email"
 								}), /* @__PURE__ */ b("input", {
 									type: "email",
@@ -814,10 +814,10 @@ function C() {
 										...t,
 										email: e.target.value
 									})),
-									className: "w-full rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+									className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})] }),
 								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-									className: "block text-sm font-medium text-muted-foreground mb-1",
+									className: "block text-sm font-medium text-text-secondary mb-1",
 									children: "Phone"
 								}), /* @__PURE__ */ b("input", {
 									type: "tel",
@@ -826,10 +826,10 @@ function C() {
 										...t,
 										phone: e.target.value
 									})),
-									className: "w-full rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+									className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})] }),
 								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-									className: "block text-sm font-medium text-muted-foreground mb-1",
+									className: "block text-sm font-medium text-text-secondary mb-1",
 									children: "Role"
 								}), /* @__PURE__ */ x("select", {
 									value: P.role,
@@ -837,7 +837,7 @@ function C() {
 										...t,
 										role: e.target.value
 									})),
-									className: "w-full rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+									className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 									children: [
 										/* @__PURE__ */ b("option", {
 											value: "customer",
@@ -864,19 +864,19 @@ function C() {
 								/* @__PURE__ */ b("button", {
 									type: "button",
 									onClick: () => j(!1),
-									className: "flex-1 rounded-lg border border-border py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+									className: "flex-1 rounded-lg border border-border-subtle py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 									children: "Cancel"
 								}),
 								/* @__PURE__ */ b("button", {
 									type: "button",
 									onClick: G,
-									className: "flex-1 rounded-lg bg-primary py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+									className: "flex-1 rounded-lg bg-action-primary-bg py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
 									children: "Save Changes"
 								}),
 								/* @__PURE__ */ b("button", {
 									type: "button",
 									onClick: () => N("delete"),
-									className: "rounded-lg border border-border py-2 px-3 text-sm font-medium text-red-600 hover:bg-red-500/10 transition-colors",
+									className: "rounded-lg border border-border-subtle py-2 px-3 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle/10 transition-colors",
 									children: /* @__PURE__ */ b(m, { className: "h-4 w-4" })
 								})
 							]