@burdenoff/microfe-subscriberbot 2026.615.1 → 2026.625.1

package/dist/subscriberbot/pages/worker/WorkerDashboard.js

@@ -8,13 +8,13 @@ import { Boxes as l, CalendarDays as u, CheckCircle2 as d, ChefHat as f, Chevron
 import { jsx as O, jsxs as k } from "react/jsx-runtime";
 //#region src/subscriberbot/pages/worker/WorkerDashboard.tsx
 var A = {
-	high: "bg-red-500/20 text-red-600 dark:text-red-400",
-	medium: "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
-	low: "bg-green-500/20 text-green-600 dark:text-green-400"
+	high: "bg-status-error-bg/20 text-status-error-text",
+	medium: "bg-status-warning-bg/20 text-status-warning-text",
+	low: "bg-status-success-bg/20 text-status-success-text"
 }, j = {
 	pending: "bg-secondary text-secondary-foreground",
-	in_progress: "bg-blue-500/20 text-blue-600 dark:text-blue-400",
-	completed: "bg-green-500/20 text-green-600 dark:text-green-400"
+	in_progress: "bg-status-info-bg/20 text-status-info-text",
+	completed: "bg-status-success-bg/20 text-status-success-text"
 };
 function M(e) {
 	switch (e) {
@@ -81,8 +81,8 @@ var N = {
 			className: "flex items-center justify-center py-24",
 			children: /* @__PURE__ */ k("div", {
 				className: "text-center",
-				children: [/* @__PURE__ */ O(g, { className: "h-10 w-10 animate-spin text-muted-foreground mx-auto mb-4" }), /* @__PURE__ */ O("p", {
-					className: "text-sm text-muted-foreground",
+				children: [/* @__PURE__ */ O(g, { className: "h-10 w-10 animate-spin text-text-secondary mx-auto mb-4" }), /* @__PURE__ */ O("p", {
+					className: "text-sm text-text-secondary",
 					children: "Loading your dashboard..."
 				})]
 			})
@@ -92,17 +92,18 @@ var N = {
 	return /* @__PURE__ */ O(n, {
 		title: "Dashboard",
 		description: "Manage your tasks and assignments",
+		titleGradient: !0,
 		actions: /* @__PURE__ */ k("button", {
 			type: "button",
 			onClick: () => l("/worker/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(p, { className: "h-4 w-4" })]
 		}),
 		children: /* @__PURE__ */ k("div", {
 			className: "space-y-6",
 			children: [
 				/* @__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: "Quick Actions"
 				}), /* @__PURE__ */ k("div", {
 					className: "grid grid-cols-2 lg:grid-cols-4 gap-3",
@@ -110,25 +111,25 @@ var N = {
 						/* @__PURE__ */ k("button", {
 							type: "button",
 							onClick: () => l("/worker/orders"),
-							className: "flex items-center justify-center gap-2 rounded-lg border border-border bg-card px-4 py-3 text-sm font-medium text-foreground hover:bg-muted transition-colors",
+							className: "flex items-center justify-center gap-2 rounded-lg border border-border-seam bg-bg-surface px-4 py-3 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 							children: [/* @__PURE__ */ O(v, { className: "h-4 w-4" }), "My Orders"]
 						}),
 						/* @__PURE__ */ k("button", {
 							type: "button",
 							onClick: () => l("/worker/schedule"),
-							className: "flex items-center justify-center gap-2 rounded-lg border border-border bg-card px-4 py-3 text-sm font-medium text-foreground hover:bg-muted transition-colors",
+							className: "flex items-center justify-center gap-2 rounded-lg border border-border-seam bg-bg-surface px-4 py-3 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 							children: [/* @__PURE__ */ O(u, { className: "h-4 w-4" }), "Schedule"]
 						}),
 						/* @__PURE__ */ k("button", {
 							type: "button",
 							onClick: () => l("/worker/profile"),
-							className: "flex items-center justify-center gap-2 rounded-lg border border-border bg-card px-4 py-3 text-sm font-medium text-foreground hover:bg-muted transition-colors",
+							className: "flex items-center justify-center gap-2 rounded-lg border border-border-seam bg-bg-surface px-4 py-3 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 							children: [/* @__PURE__ */ O(E, { className: "h-4 w-4" }), "Profile"]
 						}),
 						/* @__PURE__ */ k("button", {
 							type: "button",
 							onClick: G,
-							className: t("flex items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm font-medium transition-colors", B ? "bg-red-500/10 text-red-600 dark:text-red-400 border border-red-500/30 hover:bg-red-500/20" : "bg-green-500/10 text-green-600 dark:text-green-400 border border-green-500/30 hover:bg-green-500/20"),
+							className: t("flex items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm font-medium transition-colors", B ? "bg-status-error-bg/10 text-status-error-text border border-status-error-border/30 hover:bg-status-error-bg/20" : "bg-status-success-bg/10 text-status-success-text border border-status-success-border/30 hover:bg-status-success-bg/20"),
 							children: [/* @__PURE__ */ O(C, { className: "h-4 w-4" }), B ? "Clock Out" : "Clock In"]
 						})
 					]
@@ -136,15 +137,15 @@ var N = {
 				P && /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("div", {
 					className: "flex items-center justify-between mb-3",
 					children: [/* @__PURE__ */ O("h2", {
-						className: "text-base font-semibold text-foreground",
+						className: "text-base font-semibold text-text-primary",
 						children: "Today's Overview"
 					}), B && H && /* @__PURE__ */ k("div", {
-						className: "flex items-center gap-2 rounded-lg bg-green-500/10 border border-green-500/20 px-3 py-1.5",
+						className: "flex items-center gap-2 rounded-lg bg-status-success-bg/10 border border-status-success-border/20 px-3 py-1.5",
 						children: [/* @__PURE__ */ k("span", {
 							className: "relative flex h-2 w-2",
-							children: [/* @__PURE__ */ O("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" }), /* @__PURE__ */ O("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-green-500" })]
+							children: [/* @__PURE__ */ O("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-status-success-bg opacity-75" }), /* @__PURE__ */ O("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-status-success-text" })]
 						}), /* @__PURE__ */ k("span", {
-							className: "text-xs font-medium text-green-600 dark:text-green-400",
+							className: "text-xs font-medium text-status-success-text",
 							children: ["Working since ", H]
 						})]
 					})]
@@ -152,121 +153,121 @@ var N = {
 					className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-3",
 					children: [
 						/* @__PURE__ */ k("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 shadow-sm",
 							children: [
 								/* @__PURE__ */ O("div", {
 									className: "flex items-center gap-2 mb-2",
 									children: /* @__PURE__ */ O("div", {
-										className: "inline-flex rounded-md p-1.5 bg-green-500/10 text-green-600 dark:text-green-400",
+										className: "inline-flex rounded-md p-1.5 bg-status-success-bg/10 text-status-success-text",
 										children: /* @__PURE__ */ O(d, { className: "h-4 w-4" })
 									})
 								}),
 								/* @__PURE__ */ O("p", {
-									className: "text-2xl font-bold text-green-600 dark:text-green-400",
+									className: "text-2xl font-bold text-status-success-text",
 									children: P.tasksCompleted
 								}),
 								/* @__PURE__ */ O("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "Completed"
 								})
 							]
 						}),
 						/* @__PURE__ */ k("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 shadow-sm",
 							children: [
 								/* @__PURE__ */ O("div", {
 									className: "flex items-center gap-2 mb-2",
 									children: /* @__PURE__ */ O("div", {
-										className: "inline-flex rounded-md p-1.5 bg-blue-500/10 text-blue-600 dark:text-blue-400",
+										className: "inline-flex rounded-md p-1.5 bg-status-info-bg/10 text-status-info-text",
 										children: /* @__PURE__ */ O(b, { className: "h-4 w-4" })
 									})
 								}),
 								/* @__PURE__ */ O("p", {
-									className: "text-2xl font-bold text-blue-600 dark:text-blue-400",
+									className: "text-2xl font-bold text-status-info-text",
 									children: P.tasksInProgress
 								}),
 								/* @__PURE__ */ O("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "In Progress"
 								})
 							]
 						}),
 						/* @__PURE__ */ k("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 shadow-sm",
 							children: [
 								/* @__PURE__ */ O("div", {
 									className: "flex items-center gap-2 mb-2",
 									children: /* @__PURE__ */ O("div", {
-										className: "inline-flex rounded-md p-1.5 bg-yellow-500/10 text-yellow-600 dark:text-yellow-400",
+										className: "inline-flex rounded-md p-1.5 bg-status-warning-bg/10 text-status-warning-text",
 										children: /* @__PURE__ */ O(h, { className: "h-4 w-4" })
 									})
 								}),
 								/* @__PURE__ */ O("p", {
-									className: "text-2xl font-bold text-yellow-600 dark:text-yellow-400",
+									className: "text-2xl font-bold text-status-warning-text",
 									children: P.tasksPending
 								}),
 								/* @__PURE__ */ O("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "Pending"
 								})
 							]
 						}),
 						/* @__PURE__ */ k("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 shadow-sm",
 							children: [
 								/* @__PURE__ */ O("div", {
 									className: "flex items-center gap-2 mb-2",
 									children: /* @__PURE__ */ O("div", {
-										className: "inline-flex rounded-md p-1.5 bg-purple-500/10 text-purple-600 dark:text-purple-400",
+										className: "inline-flex rounded-md p-1.5 bg-accent-purple-subtle text-accent-purple",
 										children: /* @__PURE__ */ O(C, { className: "h-4 w-4" })
 									})
 								}),
 								/* @__PURE__ */ k("p", {
-									className: "text-2xl font-bold text-purple-600 dark:text-purple-400",
+									className: "text-2xl font-bold text-accent-purple",
 									children: [P.hoursWorked, "h"]
 								}),
 								/* @__PURE__ */ O("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "Hours Worked"
 								})
 							]
 						}),
 						/* @__PURE__ */ k("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 shadow-sm",
 							children: [
 								/* @__PURE__ */ O("div", {
 									className: "flex items-center gap-2 mb-2",
 									children: /* @__PURE__ */ O("div", {
-										className: "inline-flex rounded-md p-1.5 bg-indigo-500/10 text-indigo-600 dark:text-indigo-400",
+										className: "inline-flex rounded-md p-1.5 bg-accent-indigo-subtle text-accent-indigo",
 										children: /* @__PURE__ */ O(D, { className: "h-4 w-4" })
 									})
 								}),
 								/* @__PURE__ */ k("p", {
-									className: "text-2xl font-bold text-indigo-600 dark:text-indigo-400",
+									className: "text-2xl font-bold text-accent-indigo",
 									children: [P.efficiency, "%"]
 								}),
 								/* @__PURE__ */ O("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "Efficiency"
 								})
 							]
 						}),
 						/* @__PURE__ */ k("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 shadow-sm",
 							children: [
 								/* @__PURE__ */ O("div", {
 									className: "flex items-center gap-2 mb-2",
 									children: /* @__PURE__ */ O("div", {
-										className: "inline-flex rounded-md p-1.5 bg-yellow-500/10 text-yellow-600 dark:text-yellow-400",
+										className: "inline-flex rounded-md p-1.5 bg-status-warning-bg/10 text-status-warning-text",
 										children: /* @__PURE__ */ O(S, { className: "h-4 w-4" })
 									})
 								}),
 								/* @__PURE__ */ k("p", {
-									className: "text-2xl font-bold text-yellow-500",
+									className: "text-2xl font-bold text-status-warning-text",
 									children: [P.rating, "/5"]
 								}),
 								/* @__PURE__ */ O("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "Rating"
 								})
 							]
@@ -274,28 +275,28 @@ var N = {
 					]
 				})] }),
 				K && /* @__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: "Current Task"
 				}), /* @__PURE__ */ O("div", {
-					className: "rounded-lg border-2 border-blue-500/40 bg-blue-500/5 p-6",
+					className: "rounded-lg border-2 border-status-info-border/40 bg-status-info-bg/5 p-6",
 					children: /* @__PURE__ */ k("div", {
 						className: "flex items-start justify-between mb-4",
 						children: [/* @__PURE__ */ k("div", {
 							className: "flex items-start gap-3",
 							children: [/* @__PURE__ */ O("div", {
-								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-blue-500/10",
-								children: /* @__PURE__ */ O(M(K.type), { className: "h-5 w-5 text-blue-600 dark:text-blue-400" })
+								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-status-info-bg/10",
+								children: /* @__PURE__ */ O(M(K.type), { className: "h-5 w-5 text-status-info-text" })
 							}), /* @__PURE__ */ k("div", { children: [
 								/* @__PURE__ */ O("h3", {
-									className: "text-lg font-semibold text-foreground",
+									className: "text-lg font-semibold text-text-primary",
 									children: K.title
 								}),
 								/* @__PURE__ */ O("p", {
-									className: "text-sm text-muted-foreground mt-1",
+									className: "text-sm text-text-secondary mt-1",
 									children: K.description
 								}),
 								/* @__PURE__ */ k("div", {
-									className: "flex flex-wrap items-center gap-3 mt-2 text-sm text-muted-foreground",
+									className: "flex flex-wrap items-center gap-3 mt-2 text-sm text-text-secondary",
 									children: [
 										/* @__PURE__ */ k("span", {
 											className: "flex items-center gap-1",
@@ -325,33 +326,33 @@ var N = {
 							children: [/* @__PURE__ */ k("button", {
 								type: "button",
 								onClick: () => W(K.id, "complete"),
-								className: "inline-flex items-center gap-1.5 rounded-md bg-green-500/10 px-3 py-2 text-sm font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
+								className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg/10 px-3 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg/20 transition-colors",
 								children: [/* @__PURE__ */ O(d, { className: "h-4 w-4" }), "Complete"]
 							}), /* @__PURE__ */ k("button", {
 								type: "button",
 								onClick: () => W(K.id, "pause"),
-								className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-sm font-medium text-foreground hover:bg-accent/80 transition-colors",
+								className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
 								children: [/* @__PURE__ */ O(y, { className: "h-4 w-4" }), "Pause"]
 							})]
 						})]
 					})
 				})] }),
 				/* @__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: "Assigned Tasks"
 				}), /* @__PURE__ */ O("div", {
-					className: "rounded-lg border border-border bg-card shadow-sm overflow-hidden",
+					className: "rounded-lg border border-border-seam bg-bg-surface shadow-sm overflow-hidden",
 					children: q.length > 0 ? /* @__PURE__ */ O("div", {
 						className: "divide-y divide-border",
 						children: q.map((e) => /* @__PURE__ */ O("div", {
-							className: "p-4 hover:bg-muted/30 transition-colors",
+							className: "p-4 hover:bg-bg-sunken/30 transition-colors",
 							children: /* @__PURE__ */ k("div", {
 								className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3",
 								children: [/* @__PURE__ */ k("div", {
 									className: "flex items-start gap-3 flex-1 min-w-0",
 									children: [/* @__PURE__ */ O("div", {
-										className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-muted",
-										children: /* @__PURE__ */ O(M(e.type), { className: "h-4.5 w-4.5 text-muted-foreground" })
+										className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-bg-sunken",
+										children: /* @__PURE__ */ O(M(e.type), { className: "h-4.5 w-4.5 text-text-secondary" })
 									}), /* @__PURE__ */ k("div", {
 										className: "flex-1 min-w-0",
 										children: [
@@ -359,7 +360,7 @@ var N = {
 												className: "flex flex-wrap items-center gap-2 mb-1",
 												children: [
 													/* @__PURE__ */ O("h3", {
-														className: "text-sm font-medium text-foreground",
+														className: "text-sm font-medium text-text-primary",
 														children: e.title
 													}),
 													/* @__PURE__ */ O("span", {
@@ -373,11 +374,11 @@ var N = {
 												]
 											}),
 											/* @__PURE__ */ O("p", {
-												className: "text-xs text-muted-foreground line-clamp-1",
+												className: "text-xs text-text-secondary line-clamp-1",
 												children: e.description
 											}),
 											/* @__PURE__ */ k("div", {
-												className: "flex flex-wrap items-center gap-3 mt-1.5 text-xs text-muted-foreground",
+												className: "flex flex-wrap items-center gap-3 mt-1.5 text-xs text-text-secondary",
 												children: [
 													/* @__PURE__ */ k("span", {
 														className: "flex items-center gap-1",
@@ -414,19 +415,19 @@ var N = {
 											type: "button",
 											onClick: () => W(e.id, "start"),
 											disabled: R !== null,
-											className: t("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", R === null ? "bg-blue-500/10 text-blue-600 dark:text-blue-400 hover:bg-blue-500/20" : "bg-muted text-muted-foreground cursor-not-allowed"),
+											className: t("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", R === null ? "bg-status-info-bg/10 text-status-info-text hover:bg-status-info-bg/20" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
 											children: [/* @__PURE__ */ O(b, { className: "h-3.5 w-3.5" }), "Start"]
 										}),
 										e.status === "in_progress" && e.id !== R && /* @__PURE__ */ k("button", {
 											type: "button",
 											onClick: () => z(e.id),
-											className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent/80 transition-colors",
+											className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
 											children: [/* @__PURE__ */ O(b, { className: "h-3.5 w-3.5" }), "Resume"]
 										}),
 										/* @__PURE__ */ k("button", {
 											type: "button",
 											onClick: () => l(`/worker/task/${e.id}`),
-											className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent/80 transition-colors",
+											className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
 											children: ["Details", /* @__PURE__ */ O(p, { className: "h-3.5 w-3.5" })]
 										})
 									]
@@ -435,33 +436,33 @@ var N = {
 						}, e.id))
 					}) : /* @__PURE__ */ k("div", {
 						className: "p-8 text-center",
-						children: [/* @__PURE__ */ O(d, { className: "h-10 w-10 text-green-500 opacity-40 mx-auto mb-2" }), /* @__PURE__ */ O("p", {
-							className: "text-sm text-muted-foreground",
+						children: [/* @__PURE__ */ O(d, { className: "h-10 w-10 text-status-success-text opacity-40 mx-auto mb-2" }), /* @__PURE__ */ O("p", {
+							className: "text-sm text-text-secondary",
 							children: "All tasks completed!"
 						})]
 					})
 				})] }),
 				/* @__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: "Recently Completed"
 				}), /* @__PURE__ */ O("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 shadow-sm",
 					children: J.length > 0 ? /* @__PURE__ */ O("div", {
 						className: "space-y-3",
 						children: J.slice(0, 3).map((e) => /* @__PURE__ */ k("div", {
-							className: "flex items-center gap-3 p-3 rounded-lg bg-green-500/5 border border-green-500/10",
+							className: "flex items-center gap-3 p-3 rounded-lg bg-status-success-bg/5 border border-status-success-border/10",
 							children: [
 								/* @__PURE__ */ O("div", {
-									className: "flex h-8 w-8 items-center justify-center rounded-md bg-green-500/10",
-									children: /* @__PURE__ */ O(M(e.type), { className: "h-4 w-4 text-green-600 dark:text-green-400" })
+									className: "flex h-8 w-8 items-center justify-center rounded-md bg-status-success-bg/10",
+									children: /* @__PURE__ */ O(M(e.type), { className: "h-4 w-4 text-status-success-text" })
 								}),
 								/* @__PURE__ */ k("div", {
 									className: "flex-1 min-w-0",
 									children: [/* @__PURE__ */ O("p", {
-										className: "text-sm font-medium text-foreground",
+										className: "text-sm font-medium text-text-primary",
 										children: e.title
 									}), /* @__PURE__ */ k("p", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: [
 											"Completed at",
 											" ",
@@ -473,111 +474,111 @@ var N = {
 										]
 									})]
 								}),
-								/* @__PURE__ */ O(d, { className: "h-4 w-4 text-green-600 dark:text-green-400 shrink-0" })
+								/* @__PURE__ */ O(d, { className: "h-4 w-4 text-status-success-text shrink-0" })
 							]
 						}, e.id))
 					}) : /* @__PURE__ */ O("p", {
-						className: "text-sm text-muted-foreground text-center py-4",
+						className: "text-sm text-text-secondary text-center py-4",
 						children: "No completed tasks yet today"
 					})
 				})] }),
 				/* @__PURE__ */ k("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 gap-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 shadow-sm",
 						children: [/* @__PURE__ */ k("h3", {
-							className: "text-base font-semibold text-foreground flex items-center gap-2 mb-4",
-							children: [/* @__PURE__ */ O(w, { className: "h-4 w-4 text-muted-foreground" }), "Performance This Week"]
+							className: "text-base font-semibold text-text-primary flex items-center gap-2 mb-4",
+							children: [/* @__PURE__ */ O(w, { className: "h-4 w-4 text-text-secondary" }), "Performance This Week"]
 						}), /* @__PURE__ */ k("div", {
 							className: "space-y-3",
 							children: [
 								/* @__PURE__ */ k("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ O("span", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "Tasks Completed"
 									}), /* @__PURE__ */ O("span", {
-										className: "text-sm font-medium text-foreground",
+										className: "text-sm font-medium text-text-primary",
 										children: "47"
 									})]
 								}),
 								/* @__PURE__ */ k("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ O("span", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "Average Time per Task"
 									}), /* @__PURE__ */ O("span", {
-										className: "text-sm font-medium text-foreground",
+										className: "text-sm font-medium text-text-primary",
 										children: "23 min"
 									})]
 								}),
 								/* @__PURE__ */ k("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ O("span", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "On-time Completion"
 									}), /* @__PURE__ */ O("span", {
-										className: "text-sm font-medium text-foreground",
+										className: "text-sm font-medium text-text-primary",
 										children: "94%"
 									})]
 								}),
 								/* @__PURE__ */ k("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ O("span", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "Customer Feedback"
 									}), /* @__PURE__ */ k("span", {
-										className: "text-sm font-medium text-foreground flex items-center gap-1",
-										children: ["4.7/5", /* @__PURE__ */ O(S, { className: "h-3.5 w-3.5 fill-yellow-400 text-yellow-400" })]
+										className: "text-sm font-medium text-text-primary flex items-center gap-1",
+										children: ["4.7/5", /* @__PURE__ */ O(S, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" })]
 									})]
 								})
 							]
 						})]
 					}), /* @__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 shadow-sm",
 						children: [/* @__PURE__ */ k("h3", {
-							className: "text-base font-semibold text-foreground flex items-center gap-2 mb-4",
-							children: [/* @__PURE__ */ O(u, { className: "h-4 w-4 text-muted-foreground" }), "Shift Information"]
+							className: "text-base font-semibold text-text-primary flex items-center gap-2 mb-4",
+							children: [/* @__PURE__ */ O(u, { className: "h-4 w-4 text-text-secondary" }), "Shift Information"]
 						}), /* @__PURE__ */ k("div", {
 							className: "space-y-3",
 							children: [
 								/* @__PURE__ */ k("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ O("span", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "Shift Start"
 									}), /* @__PURE__ */ O("span", {
-										className: "text-sm font-medium text-foreground",
+										className: "text-sm font-medium text-text-primary",
 										children: "9:00 AM"
 									})]
 								}),
 								/* @__PURE__ */ k("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ O("span", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "Shift End"
 									}), /* @__PURE__ */ O("span", {
-										className: "text-sm font-medium text-foreground",
+										className: "text-sm font-medium text-text-primary",
 										children: "6:00 PM"
 									})]
 								}),
 								/* @__PURE__ */ k("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ O("span", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "Break Time"
 									}), /* @__PURE__ */ O("span", {
-										className: "text-sm font-medium text-foreground",
+										className: "text-sm font-medium text-text-primary",
 										children: "1:00 PM - 2:00 PM"
 									})]
 								}),
 								/* @__PURE__ */ k("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ O("span", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "Supervisor"
 									}), /* @__PURE__ */ O("span", {
-										className: "text-sm font-medium text-foreground",
+										className: "text-sm font-medium text-text-primary",
 										children: "Rajesh Kumar"
 									})]
 								})
@@ -586,39 +587,39 @@ var N = {
 					})]
 				}),
 				/* @__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 shadow-sm",
 					children: [/* @__PURE__ */ O("h2", {
-						className: "text-base font-semibold text-foreground mb-4",
+						className: "text-base font-semibold text-text-primary mb-4",
 						children: "Overall Performance"
 					}), /* @__PURE__ */ k("div", {
 						className: "grid grid-cols-2 gap-4 sm:grid-cols-4",
 						children: [
 							/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Total Deliveries"
 							}), /* @__PURE__ */ O("p", {
-								className: "text-lg font-bold text-foreground",
+								className: "text-lg font-bold text-text-primary",
 								children: P?.totalDeliveries || 0
 							})] }),
 							/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Total Earnings"
 							}), /* @__PURE__ */ O("p", {
-								className: "text-lg font-bold text-foreground",
+								className: "text-lg font-bold text-text-primary",
 								children: s(P?.totalEarnings || 0, { minimumFractionDigits: 0 })
 							})] }),
 							/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Average Rating"
 							}), /* @__PURE__ */ k("p", {
-								className: "text-lg font-bold text-foreground flex items-center gap-1",
-								children: [P?.averageRating || 0, /* @__PURE__ */ O(S, { className: "h-4 w-4 fill-yellow-400 text-yellow-400" })]
+								className: "text-lg font-bold text-text-primary flex items-center gap-1",
+								children: [P?.averageRating || 0, /* @__PURE__ */ O(S, { className: "h-4 w-4 fill-status-warning-text text-status-warning-text" })]
 							})] }),
 							/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Completion Rate"
 							}), /* @__PURE__ */ k("p", {
-								className: "text-lg font-bold text-foreground",
+								className: "text-lg font-bold text-text-primary",
 								children: [P?.completionRate || 0, "%"]
 							})] })
 						]