@burdenoff/microfe-adaptercloud 2026.614.1 → 2026.625.1

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

@@ -138,20 +138,20 @@ function x() {
 		let e = "";
 		switch (A) {
 			case "approve":
-				e = `Cart "${E.name}" approved successfully`;
+				e = `Cart"${E.name}" approved successfully`;
 				break;
 			case "reject":
 				if (!M.trim()) {
 					alert("Please provide a rejection reason");
 					return;
 				}
-				e = `Cart "${E.name}" rejected`;
+				e = `Cart"${E.name}" rejected`;
 				break;
 			case "suspend":
-				e = `Cart "${E.name}" suspended`;
+				e = `Cart"${E.name}" suspended`;
 				break;
 			case "inspect":
-				e = `Inspection scheduled for "${E.name}"`;
+				e = `Inspection scheduled for"${E.name}"`;
 				break;
 		}
 		alert(e), k(!1), N(""), L();
@@ -160,30 +160,30 @@ function x() {
 		month: "short",
 		day: "numeric"
 	}), H = (e) => e.isVerified ? /* @__PURE__ */ v("span", {
-		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-green-500/20 text-green-600 dark:text-green-400",
+		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-status-success-bg-subtle/20 text-status-success-text",
 		children: "Verified"
 	}) : e.inspectionStatus === "pending" ? /* @__PURE__ */ v("span", {
-		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
+		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-status-warning-bg-subtle/20 text-status-warning-text",
 		children: "Pending Review"
 	}) : e.inspectionStatus === "scheduled" ? /* @__PURE__ */ v("span", {
-		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-blue-500/20 text-blue-600 dark:text-blue-400",
+		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-accent-blue-subtle/20 text-accent-blue",
 		children: "Inspection Scheduled"
 	}) : e.inspectionStatus === "failed" ? /* @__PURE__ */ v("span", {
-		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-red-500/20 text-red-600 dark:text-red-400",
+		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-status-error-bg-subtle/20 text-status-error-text",
 		children: "Rejected"
 	}) : /* @__PURE__ */ v("span", {
 		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-secondary text-secondary-foreground",
 		children: "Under Review"
 	}), U = (e) => e ? /* @__PURE__ */ v("span", {
-		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-green-500/20 text-green-600 dark:text-green-400",
+		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-status-success-bg-subtle/20 text-status-success-text",
 		children: "Active"
 	}) : /* @__PURE__ */ v("span", {
 		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-secondary text-secondary-foreground",
 		children: "Inactive"
 	}), W = (e) => /* @__PURE__ */ v("div", {
-		className: "w-full bg-muted rounded-full h-2",
+		className: "w-full bg-bg-sunken rounded-full h-2",
 		children: /* @__PURE__ */ v("div", {
-			className: t("h-2 rounded-full", e >= 80 ? "bg-green-500" : e >= 60 ? "bg-yellow-500" : "bg-red-500"),
+			className: t("h-2 rounded-full", e >= 80 ? "bg-status-success-bg-subtle" : e >= 60 ? "bg-status-warning-bg-subtle" : "bg-status-error-bg-subtle"),
 			style: { width: `${e}%` }
 		})
 	});
@@ -192,8 +192,8 @@ function x() {
 		description: "Loading carts...",
 		children: /* @__PURE__ */ y("div", {
 			className: "flex flex-col items-center justify-center py-20",
-			children: [/* @__PURE__ */ v(u, { className: "h-10 w-10 animate-spin text-muted-foreground mb-4" }), /* @__PURE__ */ v("p", {
-				className: "text-muted-foreground",
+			children: [/* @__PURE__ */ v(u, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ v("p", {
+				className: "text-text-secondary",
 				children: "Loading carts..."
 			})]
 		})
@@ -201,7 +201,7 @@ function x() {
 		title: "Cart Management",
 		description: `${I.totalCarts} service providers on the platform`,
 		actions: /* @__PURE__ */ y("span", {
-			className: "text-sm text-muted-foreground",
+			className: "text-sm text-text-secondary",
 			children: [I.pendingApproval, " pending approval"]
 		}),
 		children: [
@@ -216,17 +216,17 @@ function x() {
 					{
 						label: "Active",
 						value: I.activeCarts,
-						cls: "bg-green-500/10 border-green-500/30"
+						cls: "bg-status-success-bg-subtle/10 border-status-success-border/30"
 					},
 					{
 						label: "Pending",
 						value: I.pendingApproval,
-						cls: "bg-yellow-500/10 border-yellow-500/30"
+						cls: "bg-status-warning-bg-subtle/10 border-status-warning-border/30"
 					},
 					{
 						label: "Rejected",
 						value: I.rejectedCarts,
-						cls: "bg-red-500/10 border-red-500/30"
+						cls: "bg-status-error-bg-subtle/10 border-status-error-border/30"
 					},
 					{
 						label: "Total Revenue",
@@ -241,38 +241,38 @@ function x() {
 					{
 						label: "New Apps",
 						value: I.newApplications,
-						cls: "bg-blue-500/10 border-blue-500/30"
+						cls: "bg-accent-blue-subtle/10 border-accent-blue-subtle/30"
 					}
 				].map((e) => /* @__PURE__ */ y("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__ */ v("p", {
-						className: "text-xs text-muted-foreground",
+						className: "text-xs text-text-secondary",
 						children: e.label
 					}), /* @__PURE__ */ v("p", {
-						className: "text-lg font-bold text-foreground",
+						className: "text-lg font-bold text-text-primary",
 						children: e.value
 					})]
 				}, e.label))
 			}),
 			/* @__PURE__ */ v("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__ */ y("div", {
 					className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-3",
 					children: [
 						/* @__PURE__ */ y("div", {
 							className: "relative",
-							children: [/* @__PURE__ */ v(f, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ v("input", {
+							children: [/* @__PURE__ */ v(f, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ v("input", {
 								type: "text",
 								placeholder: "Search carts...",
 								value: P.searchQuery,
 								onChange: (e) => R("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__ */ y("select", {
 							value: P.status,
 							onChange: (e) => R("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__ */ v("option", {
 									value: "",
@@ -291,7 +291,7 @@ function x() {
 						/* @__PURE__ */ y("select", {
 							value: P.verificationStatus,
 							onChange: (e) => R("verificationStatus", 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__ */ v("option", {
 									value: "",
@@ -314,7 +314,7 @@ function x() {
 						/* @__PURE__ */ y("select", {
 							value: P.category,
 							onChange: (e) => R("category", 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__ */ v("option", {
 									value: "",
@@ -343,12 +343,12 @@ function x() {
 							placeholder: "Location...",
 							value: P.location,
 							onChange: (e) => R("location", e.target.value),
-							className: "rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground placeholder:text-muted-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 placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 						}),
 						/* @__PURE__ */ y("select", {
 							value: P.sortBy,
 							onChange: (e) => R("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__ */ v("option", {
 									value: "recent",
@@ -376,12 +376,12 @@ function x() {
 				})
 			}),
 			/* @__PURE__ */ y("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__ */ v("div", {
 						className: "block md:hidden space-y-4 p-4",
 						children: S.map((e) => /* @__PURE__ */ y("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__ */ y("div", {
 									className: "flex items-center mb-3",
@@ -393,15 +393,15 @@ function x() {
 										className: "flex-1 min-w-0",
 										children: [
 											/* @__PURE__ */ v("h3", {
-												className: "font-medium text-foreground text-lg truncate",
+												className: "font-medium text-text-primary text-lg truncate",
 												children: e.name
 											}),
 											/* @__PURE__ */ v("p", {
-												className: "text-sm text-muted-foreground truncate",
+												className: "text-sm text-text-secondary truncate",
 												children: e.category
 											}),
 											/* @__PURE__ */ v("p", {
-												className: "text-sm text-muted-foreground truncate",
+												className: "text-sm text-text-secondary truncate",
 												children: e.address
 											})
 										]
@@ -411,28 +411,28 @@ function x() {
 									className: "grid grid-cols-2 gap-4 mb-3 text-sm",
 									children: [/* @__PURE__ */ y("div", { children: [
 										/* @__PURE__ */ v("p", {
-											className: "text-muted-foreground font-medium",
+											className: "text-text-secondary font-medium",
 											children: "Owner"
 										}),
 										/* @__PURE__ */ v("p", {
-											className: "text-foreground",
+											className: "text-text-primary",
 											children: e.ownerName
 										}),
 										/* @__PURE__ */ v("p", {
-											className: "text-muted-foreground text-xs",
+											className: "text-text-secondary text-xs",
 											children: e.ownerPhone
 										})
 									] }), /* @__PURE__ */ y("div", { children: [
 										/* @__PURE__ */ v("p", {
-											className: "text-muted-foreground font-medium",
+											className: "text-text-secondary font-medium",
 											children: "Performance"
 										}),
 										/* @__PURE__ */ y("p", {
-											className: "text-foreground",
+											className: "text-text-primary",
 											children: [r(e.monthlyRevenue, { minimumFractionDigits: 0 }), "/mo"]
 										}),
 										/* @__PURE__ */ y("p", {
-											className: "text-muted-foreground text-xs",
+											className: "text-text-secondary text-xs",
 											children: [e.monthlyOrders, " orders"]
 										})
 									] })]
@@ -443,7 +443,7 @@ function x() {
 										U(e.isActive),
 										H(e),
 										e.rating > 0 && /* @__PURE__ */ y("span", {
-											className: "inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
+											className: "inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium bg-status-warning-bg-subtle/20 text-status-warning-text",
 											children: [
 												/* @__PURE__ */ v(p, { className: "h-3 w-3 fill-current" }),
 												e.rating,
@@ -460,16 +460,16 @@ function x() {
 										/* @__PURE__ */ y("div", {
 											className: "flex items-center justify-between text-sm mb-1",
 											children: [/* @__PURE__ */ v("span", {
-												className: "text-muted-foreground",
+												className: "text-text-secondary",
 												children: "Compliance"
 											}), /* @__PURE__ */ y("span", {
-												className: "font-medium text-foreground",
+												className: "font-medium text-text-primary",
 												children: [e.complianceScore, "%"]
 											})]
 										}),
 										W(e.complianceScore),
 										/* @__PURE__ */ y("p", {
-											className: "text-xs text-muted-foreground mt-1",
+											className: "text-xs text-text-secondary mt-1",
 											children: [
 												"Docs: ",
 												e.documentsSubmitted,
@@ -488,30 +488,30 @@ function x() {
 										/* @__PURE__ */ v("button", {
 											type: "button",
 											onClick: () => z(e, "view"),
-											className: "flex-1 rounded-lg border border-border px-3 py-1.5 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+											className: "flex-1 rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 											children: "View Details"
 										}),
 										!e.isVerified && e.inspectionStatus !== "failed" && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("button", {
 											type: "button",
 											onClick: () => z(e, "approve"),
-											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: "Approve"
 										}), /* @__PURE__ */ v("button", {
 											type: "button",
 											onClick: () => z(e, "reject"),
-											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: "Reject"
 										})] }),
 										e.inspectionStatus === "pending" && /* @__PURE__ */ v("button", {
 											type: "button",
 											onClick: () => z(e, "inspect"),
-											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: "Inspect"
 										}),
 										e.isActive && /* @__PURE__ */ v("button", {
 											type: "button",
 											onClick: () => z(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"
 										})
 									]
@@ -524,30 +524,30 @@ function x() {
 						children: /* @__PURE__ */ y("table", {
 							className: "w-full",
 							children: [/* @__PURE__ */ v("thead", { children: /* @__PURE__ */ y("tr", {
-								className: "border-b border-border bg-muted/50",
+								className: "border-b border-border-subtle bg-bg-sunken/50",
 								children: [
 									/* @__PURE__ */ v("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: "Cart"
 									}),
 									/* @__PURE__ */ v("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: "Owner"
 									}),
 									/* @__PURE__ */ v("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: "Status"
 									}),
 									/* @__PURE__ */ v("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__ */ v("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: "Compliance"
 									}),
 									/* @__PURE__ */ v("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"
 									})
 								]
@@ -568,15 +568,15 @@ function x() {
 													className: "min-w-0",
 													children: [
 														/* @__PURE__ */ v("p", {
-															className: "text-sm font-medium text-foreground truncate",
+															className: "text-sm font-medium text-text-primary truncate",
 															children: e.name
 														}),
 														/* @__PURE__ */ v("p", {
-															className: "text-xs text-muted-foreground truncate",
+															className: "text-xs text-text-secondary truncate",
 															children: e.category
 														}),
 														/* @__PURE__ */ v("p", {
-															className: "text-xs text-muted-foreground truncate",
+															className: "text-xs text-text-secondary truncate",
 															children: e.address
 														})
 													]
@@ -587,15 +587,15 @@ function x() {
 											className: "px-4 py-3 text-sm",
 											children: [
 												/* @__PURE__ */ v("p", {
-													className: "font-medium text-foreground",
+													className: "font-medium text-text-primary",
 													children: e.ownerName
 												}),
 												/* @__PURE__ */ v("p", {
-													className: "text-xs text-muted-foreground",
+													className: "text-xs text-text-secondary",
 													children: e.ownerEmail
 												}),
 												/* @__PURE__ */ v("p", {
-													className: "text-xs text-muted-foreground",
+													className: "text-xs text-text-secondary",
 													children: e.ownerPhone
 												})
 											]
@@ -611,11 +611,11 @@ function x() {
 													e.rating > 0 && /* @__PURE__ */ y("div", {
 														className: "text-sm flex items-center gap-1 mt-1",
 														children: [
-															/* @__PURE__ */ v(p, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }),
+															/* @__PURE__ */ v(p, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }),
 															e.rating,
 															" ",
 															/* @__PURE__ */ y("span", {
-																className: "text-muted-foreground",
+																className: "text-text-secondary",
 																children: [
 																	"(",
 																	e.reviewCount,
@@ -630,10 +630,10 @@ function x() {
 										/* @__PURE__ */ y("td", {
 											className: "px-4 py-3 text-sm",
 											children: [/* @__PURE__ */ y("p", {
-												className: "text-foreground",
+												className: "text-text-primary",
 												children: [r(e.monthlyRevenue, { minimumFractionDigits: 0 }), "/mo"]
 											}), /* @__PURE__ */ y("p", {
-												className: "text-muted-foreground",
+												className: "text-text-secondary",
 												children: [e.monthlyOrders, " orders/mo"]
 											})]
 										}),
@@ -646,12 +646,12 @@ function x() {
 														className: "w-16",
 														children: W(e.complianceScore)
 													}), /* @__PURE__ */ y("span", {
-														className: "font-medium text-foreground",
+														className: "font-medium text-text-primary",
 														children: [e.complianceScore, "%"]
 													})]
 												}),
 												/* @__PURE__ */ y("p", {
-													className: "text-xs text-muted-foreground",
+													className: "text-xs text-text-secondary",
 													children: [
 														"Docs: ",
 														e.documentsSubmitted,
@@ -660,7 +660,7 @@ function x() {
 													]
 												}),
 												/* @__PURE__ */ y("p", {
-													className: "text-xs text-muted-foreground",
+													className: "text-xs text-text-secondary",
 													children: ["Applied: ", V(e.applicationDate)]
 												})
 											]
@@ -673,7 +673,7 @@ function x() {
 													/* @__PURE__ */ y("button", {
 														type: "button",
 														onClick: () => z(e, "view"),
-														className: "rounded p-1.5 text-muted-foreground hover:text-foreground hover:bg-accent transition-colors inline-flex items-center gap-1 text-xs",
+														className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors inline-flex items-center gap-1 text-xs",
 														children: [/* @__PURE__ */ v(l, { className: "h-4 w-4" }), " View"]
 													}),
 													!e.isVerified && e.inspectionStatus !== "failed" && /* @__PURE__ */ y("div", {
@@ -681,25 +681,25 @@ function x() {
 														children: [/* @__PURE__ */ v("button", {
 															type: "button",
 															onClick: () => z(e, "approve"),
-															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__ */ v(s, { className: "h-4 w-4" })
 														}), /* @__PURE__ */ v("button", {
 															type: "button",
 															onClick: () => z(e, "reject"),
-															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__ */ v(g, { className: "h-4 w-4" })
 														})]
 													}),
 													e.inspectionStatus === "pending" && /* @__PURE__ */ y("button", {
 														type: "button",
 														onClick: () => z(e, "inspect"),
-														className: "rounded p-1.5 text-muted-foreground hover:text-blue-600 hover:bg-blue-500/10 transition-colors inline-flex items-center gap-1 text-xs",
+														className: "rounded p-1.5 text-text-secondary hover:text-accent-blue hover:bg-accent-blue-subtle/10 transition-colors inline-flex items-center gap-1 text-xs",
 														children: [/* @__PURE__ */ v(c, { className: "h-4 w-4" }), " Inspect"]
 													}),
 													e.isActive && /* @__PURE__ */ v("button", {
 														type: "button",
 														onClick: () => z(e, "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__ */ v(d, { className: "h-4 w-4" })
 													})
 												]
@@ -712,8 +712,8 @@ function x() {
 					}),
 					S.length === 0 && /* @__PURE__ */ y("div", {
 						className: "flex flex-col items-center justify-center py-12 px-4",
-						children: [/* @__PURE__ */ v(m, { className: "h-10 w-10 text-muted-foreground/50 mb-3" }), /* @__PURE__ */ v("p", {
-							className: "text-sm text-muted-foreground",
+						children: [/* @__PURE__ */ v(m, { className: "h-10 w-10 text-text-secondary/50 mb-3" }), /* @__PURE__ */ v("p", {
+							className: "text-sm text-text-secondary",
 							children: "No carts found matching your criteria"
 						})]
 					})
@@ -722,16 +722,16 @@ function x() {
 			O && E && /* @__PURE__ */ v("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
 				children: /* @__PURE__ */ y("div", {
-					className: "w-full max-w-2xl rounded-lg border border-border bg-card shadow-lg max-h-[90vh] overflow-y-auto",
+					className: "w-full max-w-2xl rounded-lg border border-border-subtle bg-bg-surface shadow-lg max-h-[90vh] overflow-y-auto",
 					children: [/* @__PURE__ */ y("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__ */ v("h3", {
-							className: "text-lg font-semibold text-foreground",
+							className: "text-lg font-semibold text-text-primary",
 							children: A === "view" ? "Cart Details" : A === "approve" ? "Approve Cart" : A === "reject" ? "Reject Cart" : A === "suspend" ? "Suspend Cart" : "Schedule Inspection"
 						}), /* @__PURE__ */ v("button", {
 							type: "button",
 							onClick: () => k(!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__ */ v(h, { className: "h-5 w-5" })
 						})]
 					}), /* @__PURE__ */ y("div", {
@@ -741,64 +741,64 @@ function x() {
 								className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 								children: [
 									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "Cart Name"
 									}), /* @__PURE__ */ v("p", {
-										className: "font-medium text-foreground",
+										className: "font-medium text-text-primary",
 										children: E.name
 									})] }),
 									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "Category"
 									}), /* @__PURE__ */ v("p", {
-										className: "font-medium text-foreground",
+										className: "font-medium text-text-primary",
 										children: E.category
 									})] }),
 									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "Owner"
 									}), /* @__PURE__ */ v("p", {
-										className: "font-medium text-foreground",
+										className: "font-medium text-text-primary",
 										children: E.ownerName
 									})] }),
 									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "Contact"
 									}), /* @__PURE__ */ v("p", {
-										className: "font-medium text-foreground",
+										className: "font-medium text-text-primary",
 										children: E.ownerPhone
 									})] })
 								]
 							}),
 							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Description"
 							}), /* @__PURE__ */ v("p", {
-								className: "font-medium text-foreground",
+								className: "font-medium text-text-primary",
 								children: E.description
 							})] }),
 							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Location"
 							}), /* @__PURE__ */ v("p", {
-								className: "font-medium text-foreground",
+								className: "font-medium text-text-primary",
 								children: E.address
 							})] }),
 							/* @__PURE__ */ y("div", {
 								className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
 								children: [
 									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "Compliance Score"
 									}), /* @__PURE__ */ y("p", {
-										className: "font-medium text-foreground",
+										className: "font-medium text-text-primary",
 										children: [E.complianceScore, "%"]
 									})] }),
 									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "Documents"
 									}), /* @__PURE__ */ y("p", {
-										className: "font-medium text-foreground",
+										className: "font-medium text-text-primary",
 										children: [
 											E.documentsSubmitted,
 											"/",
@@ -806,38 +806,38 @@ function x() {
 										]
 									})] }),
 									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "Monthly Revenue"
 									}), /* @__PURE__ */ v("p", {
-										className: "font-medium text-foreground",
+										className: "font-medium text-text-primary",
 										children: r(E.monthlyRevenue, { minimumFractionDigits: 0 })
 									})] })
 								]
 							}),
 							E.rejectionReason && /* @__PURE__ */ y("div", {
-								className: "rounded-lg border border-red-500/30 bg-red-500/10 p-4",
+								className: "rounded-lg border border-status-error-border/30 bg-status-error-bg-subtle/10 p-4",
 								children: [/* @__PURE__ */ v("p", {
-									className: "text-sm font-medium text-red-600 dark:text-red-400",
+									className: "text-sm font-medium text-status-error-text",
 									children: "Previous Rejection Reason:"
 								}), /* @__PURE__ */ v("p", {
-									className: "text-sm text-red-600/80 dark:text-red-400/80",
+									className: "text-sm text-status-error-text",
 									children: E.rejectionReason
 								})]
 							}),
 							A === "reject" && /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
-								className: "block text-sm font-medium text-foreground mb-2",
+								className: "block text-sm font-medium text-text-primary mb-2",
 								children: "Rejection Reason *"
 							}), /* @__PURE__ */ v("textarea", {
-								className: "w-full rounded-lg border border-border bg-card p-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring min-h-[100px]",
+								className: "w-full rounded-lg border border-border-subtle bg-bg-surface p-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] min-h-[100px]",
 								rows: 4,
 								value: M,
 								onChange: (e) => N(e.target.value),
 								placeholder: "Please provide a detailed reason for rejection..."
 							})] }),
 							A === "approve" && /* @__PURE__ */ v("div", {
-								className: "rounded-lg border border-green-500/30 bg-green-500/10 p-4",
+								className: "rounded-lg border border-status-success-border/30 bg-status-success-bg-subtle/10 p-4",
 								children: /* @__PURE__ */ v("p", {
-									className: "text-sm text-green-600 dark:text-green-400",
+									className: "text-sm text-status-success-text",
 									children: "This will approve the cart for operation on the platform. The cart owner will be notified and the cart will become active."
 								})
 							}),
@@ -846,13 +846,13 @@ function x() {
 								children: [/* @__PURE__ */ v("button", {
 									type: "button",
 									onClick: () => k(!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"
 								}), A !== "view" && /* @__PURE__ */ v("button", {
 									type: "button",
 									onClick: B,
 									disabled: A === "reject" && !M.trim(),
-									className: "flex-1 rounded-lg bg-primary py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+									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 disabled:opacity-50 disabled:cursor-not-allowed",
 									children: A === "approve" ? "Approve Cart" : A === "reject" ? "Reject Cart" : A === "suspend" ? "Suspend Cart" : "Schedule Inspection"
 								})]
 							})