@burdenoff/microfe-adaptercloud 2026.614.1 → 2026.625.1

package/dist/adaptercloud/pages/cart-owner/CartOwnerDashboard.js

@@ -143,19 +143,19 @@ var A = {
 	let e = (/* @__PURE__ */ new Date()).getHours();
 	return e < 12 ? "Good Morning" : e < 17 ? "Good Afternoon" : "Good Evening";
 }, L = {
-	pending: "bg-red-500/15 text-red-600 dark:text-red-400",
-	preparing: "bg-yellow-500/15 text-yellow-600 dark:text-yellow-400",
-	ready: "bg-blue-500/15 text-blue-600 dark:text-blue-400",
-	delivered: "bg-green-500/15 text-green-600 dark:text-green-400",
-	cancelled: "bg-muted text-muted-foreground"
+	pending: "bg-status-error-bg-subtle/15 text-status-error-text",
+	preparing: "bg-status-warning-bg-subtle/15 text-status-warning-text",
+	ready: "bg-accent-blue-subtle/15 text-accent-blue",
+	delivered: "bg-status-success-bg-subtle/15 text-status-success-text",
+	cancelled: "bg-bg-sunken text-text-secondary"
 }, R = {
-	active: "bg-green-500",
-	"on-break": "bg-yellow-500",
+	active: "bg-status-success-bg-subtle",
+	"on-break": "bg-status-warning-bg-subtle",
 	"off-duty": "bg-muted-foreground"
 }, z = {
-	info: "text-blue-500",
-	warning: "text-yellow-500",
-	success: "text-green-500"
+	info: "text-accent-blue",
+	warning: "text-status-warning-text",
+	success: "text-status-success-text"
 }, B = () => {
 	let { navigateTo: i } = e(), [B, V] = a(j), [H, U] = a({
 		isOpen: !0,
@@ -178,7 +178,7 @@ var A = {
 			I(),
 			", ",
 			/* @__PURE__ */ O("span", {
-				className: "text-muted-foreground font-normal",
+				className: "text-text-secondary font-normal",
 				children: "Rajesh"
 			})
 		] }),
@@ -186,23 +186,26 @@ var A = {
 		actions: /* @__PURE__ */ k("button", {
 			type: "button",
 			onClick: () => i("/cart-owner/orders"),
-			className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-foreground hover:bg-accent/80 transition-colors",
+			className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
 			children: ["View All Orders", /* @__PURE__ */ O(c, { className: "h-4 w-4" })]
 		}),
 		children: /* @__PURE__ */ k("div", {
 			className: "space-y-6",
 			children: [
 				/* @__PURE__ */ O("div", {
-					className: t("p-4 rounded-lg border-l-4", H.isOpen ? "border-green-500 bg-green-500/5" : "border-red-500 bg-red-500/5"),
+					className: t("p-4 rounded-lg border-l-4", H.isOpen ? "border-status-success-border bg-status-success-bg-subtle/5" : "border-status-error-border bg-status-error-bg-subtle/5"),
 					children: /* @__PURE__ */ k("div", {
 						className: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4",
 						children: [/* @__PURE__ */ k("div", {
 							className: "flex items-start gap-3",
-							children: [/* @__PURE__ */ O("div", { className: t("w-3 h-3 rounded-full mt-1 shrink-0", H.isOpen ? "bg-green-500" : "bg-red-500") }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("h3", {
-								className: "font-semibold text-foreground text-sm",
+							children: [/* @__PURE__ */ O("div", {
+								"aria-hidden": "true",
+								className: t("w-3 h-3 rounded-full mt-1 shrink-0", H.isOpen ? "bg-status-success-text motion-safe:animate-vc-glow-pulse" : "bg-status-error-text")
+							}), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("h3", {
+								className: "font-semibold text-text-primary text-sm",
 								children: ["Service Status: ", H.isOpen ? "Open" : "Closed"]
 							}), /* @__PURE__ */ k("div", {
-								className: "flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-4 mt-1 text-xs text-muted-foreground",
+								className: "flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-4 mt-1 text-xs text-text-secondary",
 								children: [/* @__PURE__ */ k("span", {
 									className: "flex items-center gap-1",
 									children: [/* @__PURE__ */ O(v, { className: "h-3 w-3 shrink-0" }), H.currentLocation]
@@ -216,7 +219,7 @@ var A = {
 							children: [/* @__PURE__ */ k("button", {
 								type: "button",
 								onClick: () => i("/cart-owner/settings"),
-								className: "inline-flex items-center gap-1 rounded-md border border-border px-3 py-1.5 text-xs font-medium text-foreground hover:bg-muted transition-colors",
+								className: "inline-flex items-center gap-1 rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 								children: [/* @__PURE__ */ O(v, { className: "h-3 w-3" }), "Update Location"]
 							}), /* @__PURE__ */ O("button", {
 								type: "button",
@@ -226,14 +229,14 @@ var A = {
 										isOpen: !e.isOpen
 									});
 								},
-								className: t("inline-flex items-center gap-1 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", H.isOpen ? "bg-red-500/10 text-red-600 hover:bg-red-500/20 dark:text-red-400" : "bg-green-500/10 text-green-600 hover:bg-green-500/20 dark:text-green-400"),
+								className: t("inline-flex items-center gap-1 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", H.isOpen ? "bg-status-error-bg-subtle/10 text-status-error-text hover:bg-status-error-bg-subtle/20" : "bg-status-success-bg-subtle/10 text-status-success-text hover:bg-status-success-bg-subtle/20"),
 								children: H.isOpen ? "Close Service" : "Open Service"
 							})]
 						})]
 					})
 				}),
 				/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h2", {
-					className: "text-base font-semibold text-foreground mb-3",
+					className: "text-base font-semibold text-text-primary mb-3",
 					children: "Today's Performance"
 				}), /* @__PURE__ */ O("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
@@ -269,24 +272,24 @@ var A = {
 					].map((e) => {
 						let t = e.icon;
 						return /* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 							children: [
 								/* @__PURE__ */ k("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ O("div", {
 										className: "rounded-md bg-accent p-2",
-										children: /* @__PURE__ */ O(t, { className: "h-5 w-5 text-muted-foreground" })
+										children: /* @__PURE__ */ O(t, { className: "h-5 w-5 text-text-secondary" })
 									}), /* @__PURE__ */ k("div", {
-										className: "flex items-center gap-1 text-xs text-muted-foreground",
-										children: [e.trendUp ? /* @__PURE__ */ O(T, { className: "h-3 w-3 text-green-600 dark:text-green-400" }) : /* @__PURE__ */ O(w, { className: "h-3 w-3 text-red-600 dark:text-red-400" }), /* @__PURE__ */ O("span", { children: e.trend })]
+										className: "flex items-center gap-1 text-xs text-text-secondary",
+										children: [e.trendUp ? /* @__PURE__ */ O(T, { className: "h-3 w-3 text-status-success-text" }) : /* @__PURE__ */ O(w, { className: "h-3 w-3 text-status-error-text" }), /* @__PURE__ */ O("span", { children: e.trend })]
 									})]
 								}),
 								/* @__PURE__ */ O("p", {
-									className: "mt-3 text-2xl font-bold text-foreground",
+									className: "mt-3 text-2xl font-bold text-text-primary",
 									children: e.value
 								}),
 								/* @__PURE__ */ O("p", {
-									className: "mt-1 text-sm text-muted-foreground",
+									className: "mt-1 text-sm text-text-secondary",
 									children: e.label
 								})
 							]
@@ -299,7 +302,7 @@ var A = {
 						className: "lg:col-span-2 space-y-6",
 						children: [
 							/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h3", {
-								className: "text-base font-semibold mb-3 text-foreground",
+								className: "text-base font-semibold mb-3 text-text-primary",
 								children: "Quick Actions"
 							}), /* @__PURE__ */ O("div", {
 								className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-3",
@@ -307,31 +310,31 @@ var A = {
 									{
 										label: "Service Config",
 										icon: x,
-										color: "bg-orange-500/10 text-orange-600 dark:text-orange-400",
+										color: "bg-accent-orange-subtle/10 text-accent-orange",
 										path: "/cart-owner/service-config"
 									},
 									{
 										label: "Manage Offerings",
 										icon: y,
-										color: "bg-blue-500/10 text-blue-600 dark:text-blue-400",
+										color: "bg-accent-blue-subtle/10 text-accent-blue",
 										path: "/cart-owner/inventory"
 									},
 									{
 										label: "View Orders",
 										icon: S,
-										color: "bg-green-500/10 text-green-600 dark:text-green-400",
+										color: "bg-status-success-bg-subtle/10 text-status-success-text",
 										path: "/cart-owner/orders"
 									},
 									{
 										label: "Analytics",
 										icon: l,
-										color: "bg-purple-500/10 text-purple-600 dark:text-purple-400",
+										color: "bg-accent-purple-subtle/10 text-accent-purple",
 										path: "/cart-owner/analytics"
 									},
 									{
 										label: "Staff",
 										icon: E,
-										color: "bg-pink-500/10 text-pink-600 dark:text-pink-400",
+										color: "bg-accent-pink-subtle/10 text-accent-pink",
 										path: "/cart-owner/staff"
 									}
 								].map((e) => {
@@ -350,18 +353,18 @@ var A = {
 							/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("div", {
 								className: "flex items-center justify-between mb-3",
 								children: [/* @__PURE__ */ O("h3", {
-									className: "text-base font-semibold text-foreground",
+									className: "text-base font-semibold text-text-primary",
 									children: "Recent Orders"
 								}), /* @__PURE__ */ O("button", {
 									type: "button",
 									onClick: () => i("/cart-owner/orders"),
-									className: "text-xs text-muted-foreground hover:text-foreground transition-colors",
+									className: "text-xs text-text-secondary hover:text-text-primary transition-colors",
 									children: "View All Orders"
 								})]
 							}), /* @__PURE__ */ O("div", {
 								className: "space-y-3",
 								children: B.map((e) => /* @__PURE__ */ O("div", {
-									className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+									className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 									children: /* @__PURE__ */ k("div", {
 										className: "flex flex-col lg:flex-row lg:items-start lg:justify-between gap-3",
 										children: [/* @__PURE__ */ k("div", {
@@ -371,28 +374,28 @@ var A = {
 													className: "flex flex-wrap items-center gap-2 mb-1",
 													children: [
 														/* @__PURE__ */ k("h4", {
-															className: "font-semibold text-foreground text-sm",
+															className: "font-semibold text-text-primary text-sm",
 															children: ["#", e.id]
 														}),
 														/* @__PURE__ */ O("span", {
-															className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize", L[e.status] || "bg-muted text-muted-foreground"),
+															className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize", L[e.status] || "bg-bg-sunken text-text-secondary"),
 															children: e.status
 														}),
-														e.priority === "urgent" && /* @__PURE__ */ O(s, { className: "h-4 w-4 text-red-500" })
+														e.priority === "urgent" && /* @__PURE__ */ O(s, { className: "h-4 w-4 text-status-error-text" })
 													]
 												}),
 												/* @__PURE__ */ k("p", {
-													className: "text-xs text-muted-foreground mb-1",
+													className: "text-xs text-text-secondary mb-1",
 													children: ["Customer: ", e.customerName]
 												}),
 												/* @__PURE__ */ k("p", {
-													className: "text-xs text-muted-foreground mb-1 truncate",
+													className: "text-xs text-text-secondary mb-1 truncate",
 													children: ["Items: ", e.items.join(", ")]
 												}),
 												/* @__PURE__ */ k("div", {
-													className: "flex flex-wrap items-center gap-3 text-xs text-muted-foreground",
+													className: "flex flex-wrap items-center gap-3 text-xs text-text-secondary",
 													children: [/* @__PURE__ */ O("span", {
-														className: "font-semibold text-foreground",
+														className: "font-semibold text-text-primary",
 														children: r(e.total, { minimumFractionDigits: 0 })
 													}), /* @__PURE__ */ k("span", {
 														className: "flex items-center gap-1",
@@ -406,19 +409,19 @@ var A = {
 												/* @__PURE__ */ k("button", {
 													type: "button",
 													onClick: () => i("/cart-owner/orders"),
-													className: "inline-flex items-center gap-1 rounded-md border border-border px-3 py-1.5 text-xs font-medium text-foreground hover:bg-muted transition-colors",
+													className: "inline-flex items-center gap-1 rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 													children: [/* @__PURE__ */ O(h, { className: "h-3 w-3" }), "View"]
 												}),
 												e.status === "pending" && /* @__PURE__ */ k("button", {
 													type: "button",
 													onClick: () => W(e.id),
-													className: "inline-flex items-center gap-1 rounded-md bg-green-500/10 px-3 py-1.5 text-xs font-medium text-green-600 hover:bg-green-500/20 dark:text-green-400 transition-colors",
+													className: "inline-flex items-center gap-1 rounded-md bg-status-success-bg-subtle/10 px-3 py-1.5 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle/20 transition-colors",
 													children: [/* @__PURE__ */ O(d, { className: "h-3 w-3" }), "Accept"]
 												}),
 												e.status === "preparing" && /* @__PURE__ */ k("button", {
 													type: "button",
 													onClick: () => G(e.id),
-													className: "inline-flex items-center gap-1 rounded-md bg-blue-500/10 px-3 py-1.5 text-xs font-medium text-blue-600 hover:bg-blue-500/20 dark:text-blue-400 transition-colors",
+													className: "inline-flex items-center gap-1 rounded-md bg-accent-blue-subtle/10 px-3 py-1.5 text-xs font-medium text-accent-blue hover:bg-accent-blue-subtle/20 transition-colors",
 													children: [/* @__PURE__ */ O(d, { className: "h-3 w-3" }), "Mark Ready"]
 												})
 											]
@@ -427,16 +430,16 @@ var A = {
 								}, e.id))
 							})] }),
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border bg-card shadow-sm",
+								className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm",
 								children: [/* @__PURE__ */ k("div", {
-									className: "flex items-center justify-between border-b border-border px-5 py-4",
+									className: "flex items-center justify-between border-b border-border-subtle px-5 py-4",
 									children: [/* @__PURE__ */ O("h3", {
-										className: "text-base font-semibold text-foreground",
+										className: "text-base font-semibold text-text-primary",
 										children: "Revenue (Last 7 Days)"
 									}), /* @__PURE__ */ O("button", {
 										type: "button",
 										onClick: () => i("/cart-owner/analytics"),
-										className: "text-xs text-muted-foreground hover:text-foreground transition-colors",
+										className: "text-xs text-text-secondary hover:text-text-primary transition-colors",
 										children: "View Analytics"
 									})]
 								}), /* @__PURE__ */ O("div", {
@@ -444,32 +447,32 @@ var A = {
 									children: /* @__PURE__ */ k("table", {
 										className: "w-full text-sm",
 										children: [/* @__PURE__ */ O("thead", { children: /* @__PURE__ */ k("tr", {
-											className: "border-b border-border",
+											className: "border-b border-border-subtle",
 											children: [
 												/* @__PURE__ */ O("th", {
-													className: "px-5 py-3 text-left font-medium text-muted-foreground",
+													className: "px-5 py-3 text-left font-medium text-text-secondary",
 													children: "Date"
 												}),
 												/* @__PURE__ */ O("th", {
-													className: "px-5 py-3 text-right font-medium text-muted-foreground",
+													className: "px-5 py-3 text-right font-medium text-text-secondary",
 													children: "Orders"
 												}),
 												/* @__PURE__ */ O("th", {
-													className: "px-5 py-3 text-right font-medium text-muted-foreground",
+													className: "px-5 py-3 text-right font-medium text-text-secondary",
 													children: "Revenue"
 												}),
 												/* @__PURE__ */ O("th", {
-													className: "px-5 py-3 text-left font-medium text-muted-foreground",
+													className: "px-5 py-3 text-left font-medium text-text-secondary",
 													children: "Trend"
 												})
 											]
 										}) }), /* @__PURE__ */ O("tbody", { children: F.map((e, t) => {
 											let n = Math.max(...F.map((e) => e.revenue)), i = e.revenue / n * 100;
 											return /* @__PURE__ */ k("tr", {
-												className: "border-b border-border last:border-0",
+												className: "border-b border-border-subtle last:border-0",
 												children: [
 													/* @__PURE__ */ O("td", {
-														className: "px-5 py-3 text-foreground text-xs",
+														className: "px-5 py-3 text-text-primary text-xs",
 														children: new Date(e.date).toLocaleDateString("en-IN", {
 															day: "2-digit",
 															month: "short",
@@ -477,19 +480,19 @@ var A = {
 														})
 													}),
 													/* @__PURE__ */ O("td", {
-														className: "px-5 py-3 text-right text-foreground",
+														className: "px-5 py-3 text-right text-text-primary",
 														children: e.orders
 													}),
 													/* @__PURE__ */ O("td", {
-														className: "px-5 py-3 text-right font-medium text-foreground",
+														className: "px-5 py-3 text-right font-medium text-text-primary",
 														children: r(e.revenue, { minimumFractionDigits: 0 })
 													}),
 													/* @__PURE__ */ O("td", {
 														className: "px-5 py-3 w-40",
 														children: /* @__PURE__ */ O("div", {
-															className: "h-4 rounded bg-muted overflow-hidden",
+															className: "h-4 rounded bg-bg-sunken overflow-hidden",
 															children: /* @__PURE__ */ O("div", {
-																className: "h-full rounded bg-blue-500/60",
+																className: "h-full rounded bg-accent-blue-subtle/60",
 																style: { width: `${i}%` }
 															})
 														})
@@ -501,40 +504,40 @@ var A = {
 								})]
 							}),
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ O("h3", {
-									className: "text-base font-semibold text-foreground mb-4",
+									className: "text-base font-semibold text-text-primary mb-4",
 									children: "This Month Summary"
 								}), /* @__PURE__ */ k("div", {
 									className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
 									children: [
 										/* @__PURE__ */ k("div", {
-											className: "text-center p-3 rounded-lg bg-muted/50",
+											className: "text-center p-3 rounded-lg bg-bg-sunken/50",
 											children: [/* @__PURE__ */ O("div", {
-												className: "text-xl font-bold text-foreground",
+												className: "text-xl font-bold text-text-primary",
 												children: r(A.totalRevenue, { minimumFractionDigits: 0 })
 											}), /* @__PURE__ */ O("div", {
-												className: "text-xs text-muted-foreground mt-1",
+												className: "text-xs text-text-secondary mt-1",
 												children: "Total Revenue"
 											})]
 										}),
 										/* @__PURE__ */ k("div", {
-											className: "text-center p-3 rounded-lg bg-muted/50",
+											className: "text-center p-3 rounded-lg bg-bg-sunken/50",
 											children: [/* @__PURE__ */ O("div", {
-												className: "text-xl font-bold text-foreground",
+												className: "text-xl font-bold text-text-primary",
 												children: A.totalOrders
 											}), /* @__PURE__ */ O("div", {
-												className: "text-xs text-muted-foreground mt-1",
+												className: "text-xs text-text-secondary mt-1",
 												children: "Total Orders"
 											})]
 										}),
 										/* @__PURE__ */ k("div", {
-											className: "text-center p-3 rounded-lg bg-muted/50",
+											className: "text-center p-3 rounded-lg bg-bg-sunken/50",
 											children: [/* @__PURE__ */ O("div", {
-												className: "text-xl font-bold text-foreground",
+												className: "text-xl font-bold text-text-primary",
 												children: A.customerCount
 											}), /* @__PURE__ */ O("div", {
-												className: "text-xs text-muted-foreground mt-1",
+												className: "text-xs text-text-secondary mt-1",
 												children: "Unique Customers"
 											})]
 										})
@@ -546,14 +549,14 @@ var A = {
 						className: "space-y-6",
 						children: [
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ k("div", {
 									className: "flex items-center justify-between mb-4",
 									children: [/* @__PURE__ */ k("h3", {
-										className: "text-base font-semibold text-foreground flex items-center gap-2",
+										className: "text-base font-semibold text-text-primary flex items-center gap-2",
 										children: [/* @__PURE__ */ O(u, { className: "h-4 w-4" }), "Notifications"]
 									}), /* @__PURE__ */ O("span", {
-										className: "inline-flex items-center justify-center rounded-full bg-red-500 text-white text-[10px] font-bold h-5 w-5",
+										className: "inline-flex items-center justify-center rounded-full bg-status-error-bg-subtle text-white text-[10px] font-bold h-5 w-5",
 										children: P.length
 									})]
 								}), /* @__PURE__ */ O("div", {
@@ -563,10 +566,10 @@ var A = {
 										children: [/* @__PURE__ */ O(o, { className: t("h-4 w-4 mt-0.5 shrink-0", z[e.type]) }), /* @__PURE__ */ k("div", {
 											className: "min-w-0",
 											children: [/* @__PURE__ */ O("p", {
-												className: "text-xs text-foreground leading-tight",
+												className: "text-xs text-text-primary leading-tight",
 												children: e.message
 											}), /* @__PURE__ */ O("p", {
-												className: "text-[10px] text-muted-foreground mt-0.5",
+												className: "text-[10px] text-text-secondary mt-0.5",
 												children: e.time
 											})]
 										})]
@@ -574,10 +577,10 @@ var A = {
 								})]
 							}),
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ k("h3", {
-									className: "text-base font-semibold text-foreground mb-4 flex items-center gap-2",
-									children: [/* @__PURE__ */ O(g, { className: "h-4 w-4 text-orange-500" }), "Top Selling Items"]
+									className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
+									children: [/* @__PURE__ */ O(g, { className: "h-4 w-4 text-accent-orange" }), "Top Selling Items"]
 								}), /* @__PURE__ */ O("div", {
 									className: "space-y-3",
 									children: M.map((e, t) => /* @__PURE__ */ k("div", {
@@ -585,36 +588,36 @@ var A = {
 										children: [/* @__PURE__ */ k("div", {
 											className: "flex items-center gap-2 min-w-0",
 											children: [/* @__PURE__ */ O("span", {
-												className: "text-sm font-bold text-muted-foreground w-5",
+												className: "text-sm font-bold text-text-secondary w-5",
 												children: t + 1
 											}), /* @__PURE__ */ k("div", {
 												className: "min-w-0",
 												children: [/* @__PURE__ */ O("p", {
-													className: "text-xs font-medium text-foreground truncate",
+													className: "text-xs font-medium text-text-primary truncate",
 													children: e.name
 												}), /* @__PURE__ */ k("p", {
-													className: "text-[10px] text-muted-foreground",
+													className: "text-[10px] text-text-secondary",
 													children: [e.quantity, " sold"]
 												})]
 											})]
 										}), /* @__PURE__ */ O("span", {
-											className: "text-xs font-semibold text-foreground",
+											className: "text-xs font-semibold text-text-primary",
 											children: r(e.revenue, { minimumFractionDigits: 0 })
 										})]
 									}, e.name))
 								})]
 							}),
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ k("div", {
 									className: "flex items-center justify-between mb-4",
 									children: [/* @__PURE__ */ k("h3", {
-										className: "text-base font-semibold text-foreground flex items-center gap-2",
+										className: "text-base font-semibold text-text-primary flex items-center gap-2",
 										children: [/* @__PURE__ */ O(D, { className: "h-4 w-4" }), "Staff Overview"]
 									}), /* @__PURE__ */ O("button", {
 										type: "button",
 										onClick: () => i("/cart-owner/staff"),
-										className: "text-xs text-muted-foreground hover:text-foreground transition-colors",
+										className: "text-xs text-text-secondary hover:text-text-primary transition-colors",
 										children: "Manage"
 									})]
 								}), /* @__PURE__ */ O("div", {
@@ -624,23 +627,23 @@ var A = {
 										children: [/* @__PURE__ */ k("div", {
 											className: "flex items-center gap-2",
 											children: [/* @__PURE__ */ O("div", { className: t("w-2 h-2 rounded-full", R[e.status]) }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
-												className: "text-xs font-medium text-foreground",
+												className: "text-xs font-medium text-text-primary",
 												children: e.name
 											}), /* @__PURE__ */ O("p", {
-												className: "text-[10px] text-muted-foreground",
+												className: "text-[10px] text-text-secondary",
 												children: e.role
 											})] })]
 										}), /* @__PURE__ */ O("span", {
-											className: "text-[10px] capitalize text-muted-foreground",
+											className: "text-[10px] capitalize text-text-secondary",
 											children: e.status.replace("-", " ")
 										})]
 									}, e.name))
 								})]
 							}),
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ O("h3", {
-									className: "text-base font-semibold text-foreground mb-4",
+									className: "text-base font-semibold text-text-primary mb-4",
 									children: "Quick Stats"
 								}), /* @__PURE__ */ k("div", {
 									className: "space-y-3",
@@ -648,30 +651,30 @@ var A = {
 										/* @__PURE__ */ k("div", {
 											className: "flex items-center justify-between",
 											children: [/* @__PURE__ */ O("span", {
-												className: "text-xs text-muted-foreground",
+												className: "text-xs text-text-secondary",
 												children: "Active Offerings"
 											}), /* @__PURE__ */ O("span", {
-												className: "text-sm font-semibold text-foreground",
+												className: "text-sm font-semibold text-text-primary",
 												children: A.activeOfferings
 											})]
 										}),
 										/* @__PURE__ */ k("div", {
 											className: "flex items-center justify-between",
 											children: [/* @__PURE__ */ O("span", {
-												className: "text-xs text-muted-foreground",
+												className: "text-xs text-text-secondary",
 												children: "Customer Rating"
 											}), /* @__PURE__ */ k("span", {
-												className: "text-sm font-semibold text-foreground flex items-center gap-1",
-												children: [/* @__PURE__ */ O(C, { className: "h-3 w-3 text-yellow-500 fill-yellow-500" }), A.rating]
+												className: "text-sm font-semibold text-text-primary flex items-center gap-1",
+												children: [/* @__PURE__ */ O(C, { className: "h-3 w-3 text-status-warning-text fill-status-warning-text" }), A.rating]
 											})]
 										}),
 										/* @__PURE__ */ k("div", {
 											className: "flex items-center justify-between",
 											children: [/* @__PURE__ */ O("span", {
-												className: "text-xs text-muted-foreground",
+												className: "text-xs text-text-secondary",
 												children: "Total Customers"
 											}), /* @__PURE__ */ O("span", {
-												className: "text-sm font-semibold text-foreground",
+												className: "text-sm font-semibold text-text-primary",
 												children: A.customerCount
 											})]
 										})
@@ -679,9 +682,9 @@ var A = {
 								})]
 							}),
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ O("h3", {
-									className: "text-base font-semibold text-foreground mb-3",
+									className: "text-base font-semibold text-text-primary mb-3",
 									children: "Business Settings"
 								}), /* @__PURE__ */ O("div", {
 									className: "space-y-2",
@@ -706,41 +709,41 @@ var A = {
 										return /* @__PURE__ */ k("button", {
 											type: "button",
 											onClick: () => i(e.path),
-											className: "w-full flex items-center justify-between rounded-md border border-border px-3 py-2 text-xs font-medium text-foreground hover:bg-muted transition-colors",
+											className: "w-full flex items-center justify-between rounded-md border border-border-subtle px-3 py-2 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 											children: [/* @__PURE__ */ k("span", {
 												className: "flex items-center gap-2",
 												children: [/* @__PURE__ */ O(t, { className: "h-3.5 w-3.5" }), e.label]
-											}), /* @__PURE__ */ O(f, { className: "h-3 w-3 text-muted-foreground" })]
+											}), /* @__PURE__ */ O(f, { className: "h-3 w-3 text-text-secondary" })]
 										}, e.label);
 									})
 								})]
 							}),
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ O("h3", {
-									className: "text-base font-semibold text-foreground mb-3",
+									className: "text-base font-semibold text-text-primary mb-3",
 									children: "Recent Activity"
 								}), /* @__PURE__ */ k("div", {
 									className: "space-y-2 text-xs",
 									children: [
 										/* @__PURE__ */ k("div", {
 											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ O(o, { className: "h-3.5 w-3.5 text-green-500" }), /* @__PURE__ */ O("span", {
-												className: "text-muted-foreground",
+											children: [/* @__PURE__ */ O(o, { className: "h-3.5 w-3.5 text-status-success-text" }), /* @__PURE__ */ O("span", {
+												className: "text-text-secondary",
 												children: "Order #ORD-003 delivered"
 											})]
 										}),
 										/* @__PURE__ */ k("div", {
 											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ O(o, { className: "h-3.5 w-3.5 text-blue-500" }), /* @__PURE__ */ O("span", {
-												className: "text-muted-foreground",
+											children: [/* @__PURE__ */ O(o, { className: "h-3.5 w-3.5 text-accent-blue" }), /* @__PURE__ */ O("span", {
+												className: "text-text-secondary",
 												children: "Inventory updated"
 											})]
 										}),
 										/* @__PURE__ */ k("div", {
 											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ O(o, { className: "h-3.5 w-3.5 text-yellow-500" }), /* @__PURE__ */ O("span", {
-												className: "text-muted-foreground",
+											children: [/* @__PURE__ */ O(o, { className: "h-3.5 w-3.5 text-status-warning-text" }), /* @__PURE__ */ O("span", {
+												className: "text-text-secondary",
 												children: "New customer review"
 											})]
 										})