@burdenoff/microfe-adaptercloud 2026.614.1 → 2026.625.1

package/dist/adaptercloud/pages/worker/WorkerProfilePage.js

@@ -131,18 +131,18 @@ var S = [
 			children: p ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("button", {
 				type: "button",
 				onClick: () => C(!1),
-				className: "inline-flex items-center gap-2 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-2 rounded-md bg-accent px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
 				children: [/* @__PURE__ */ b(v, { className: "h-4 w-4" }), "Cancel"]
 			}), /* @__PURE__ */ b("button", {
 				type: "button",
 				onClick: j,
 				disabled: w,
-				className: "inline-flex items-center gap-2 rounded-md bg-blue-500/10 px-3 py-2 text-sm font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-500/20 transition-colors disabled:opacity-50",
+				className: "inline-flex items-center gap-2 rounded-md bg-accent-blue-subtle/10 px-3 py-2 text-sm font-medium text-accent-blue hover:bg-accent-blue-subtle/20 transition-colors disabled:opacity-50",
 				children: w ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(f, { className: "h-4 w-4 animate-spin" }), "Saving..."] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(h, { className: "h-4 w-4" }), "Save Changes"] })
 			})] }) : /* @__PURE__ */ x("button", {
 				type: "button",
 				onClick: () => C(!0),
-				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: [/* @__PURE__ */ b(m, { className: "h-4 w-4" }), "Edit Profile"]
 			})
 		}),
@@ -151,22 +151,22 @@ var S = [
 			children: [/* @__PURE__ */ x("div", {
 				className: "lg:col-span-1 space-y-4",
 				children: [/* @__PURE__ */ x("div", {
-					className: "rounded-lg border border-border bg-card p-5 shadow-sm text-center",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-5 text-center bg-gloss-card shadow-pop",
 					children: [
 						/* @__PURE__ */ x("div", {
 							className: "relative inline-block",
 							children: [/* @__PURE__ */ b("div", {
-								className: "h-20 w-20 rounded-full bg-muted overflow-hidden mx-auto",
+								className: "h-20 w-20 rounded-full bg-bg-sunken overflow-hidden mx-auto",
 								children: E.profileImage ? /* @__PURE__ */ b("img", {
 									src: E.profileImage,
 									alt: `${E.firstName} ${E.lastName}`,
 									className: "h-full w-full object-cover"
 								}) : /* @__PURE__ */ b("div", {
-									className: "flex h-full w-full items-center justify-center text-muted-foreground",
+									className: "flex h-full w-full items-center justify-center text-text-secondary",
 									children: /* @__PURE__ */ b(_, { className: "h-10 w-10" })
 								})
 							}), p && /* @__PURE__ */ x("label", {
-								className: "absolute bottom-0 right-0 flex h-7 w-7 items-center justify-center rounded-full bg-blue-500/20 text-blue-600 dark:text-blue-400 cursor-pointer hover:bg-blue-500/30 transition-colors",
+								className: "absolute bottom-0 right-0 flex h-7 w-7 items-center justify-center rounded-full bg-accent-blue-subtle/20 text-accent-blue cursor-pointer hover:bg-accent-blue-subtle/30 transition-colors",
 								children: [/* @__PURE__ */ b(l, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ b("input", {
 									type: "file",
 									accept: "image/*",
@@ -176,7 +176,7 @@ var S = [
 							})]
 						}),
 						/* @__PURE__ */ x("h3", {
-							className: "mt-3 text-sm font-semibold text-foreground",
+							className: "mt-3 text-sm font-semibold text-text-primary",
 							children: [
 								E.firstName,
 								" ",
@@ -184,11 +184,11 @@ var S = [
 							]
 						}),
 						/* @__PURE__ */ b("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: E.designation
 						}),
 						/* @__PURE__ */ b("p", {
-							className: "text-[10px] text-muted-foreground mt-0.5",
+							className: "text-[10px] text-text-secondary mt-0.5",
 							children: E.employeeId
 						})
 					]
@@ -199,7 +199,7 @@ var S = [
 						return /* @__PURE__ */ x("button", {
 							type: "button",
 							onClick: () => d(e.id),
-							className: t("w-full flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium transition-colors", c === e.id ? "bg-blue-500/10 text-blue-600 dark:text-blue-400" : "bg-card text-foreground hover:bg-muted"),
+							className: t("w-full flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium transition-colors", c === e.id ? "bg-accent-blue-subtle/10 text-accent-blue" : "bg-bg-surface text-text-primary hover:bg-bg-sunken"),
 							children: [/* @__PURE__ */ b(n, { className: "h-4 w-4" }), e.label]
 						}, e.id);
 					})
@@ -207,105 +207,105 @@ var S = [
 			}), /* @__PURE__ */ b("div", {
 				className: "lg:col-span-3",
 				children: /* @__PURE__ */ x("div", {
-					className: "rounded-lg border border-border bg-card p-6 shadow-sm",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 					children: [
 						c === "personal" && /* @__PURE__ */ x("div", { children: [
 							/* @__PURE__ */ b("h2", {
-								className: "text-lg font-semibold text-foreground mb-5",
+								className: "text-lg font-semibold text-text-primary mb-5",
 								children: "Personal Information"
 							}),
 							/* @__PURE__ */ x("div", {
 								className: "grid sm:grid-cols-2 gap-4",
 								children: [
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-muted-foreground mb-1",
+										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "First Name"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
 										value: E.firstName,
 										onChange: (e) => A("firstName", e.target.value),
 										disabled: !p,
-										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-muted-foreground mb-1",
+										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Last Name"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
 										value: E.lastName,
 										onChange: (e) => A("lastName", e.target.value),
 										disabled: !p,
-										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-muted-foreground mb-1",
+										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Email Address"
 									}), /* @__PURE__ */ b("input", {
 										type: "email",
 										value: E.email,
 										onChange: (e) => A("email", e.target.value),
 										disabled: !p,
-										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-muted-foreground mb-1",
+										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Phone Number"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
 										value: E.phone,
 										onChange: (e) => A("phone", e.target.value),
 										disabled: !p,
-										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-muted-foreground mb-1",
+										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Date of Birth"
 									}), /* @__PURE__ */ b("input", {
 										type: "date",
 										value: E.dateOfBirth,
 										onChange: (e) => A("dateOfBirth", e.target.value),
 										disabled: !p,
-										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 									})] })
 								]
 							}),
 							/* @__PURE__ */ x("div", {
 								className: "mt-7",
 								children: [/* @__PURE__ */ b("h3", {
-									className: "text-sm font-semibold text-foreground mb-4",
+									className: "text-sm font-semibold text-text-primary mb-4",
 									children: "Emergency Contact"
 								}), /* @__PURE__ */ x("div", {
 									className: "grid sm:grid-cols-3 gap-4",
 									children: [
 										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-											className: "block text-xs font-medium text-muted-foreground mb-1",
+											className: "block text-xs font-medium text-text-secondary mb-1",
 											children: "Contact Name"
 										}), /* @__PURE__ */ b("input", {
 											type: "text",
 											value: E.emergencyContactName,
 											onChange: (e) => A("emergencyContactName", e.target.value),
 											disabled: !p,
-											className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 										})] }),
 										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-											className: "block text-xs font-medium text-muted-foreground mb-1",
+											className: "block text-xs font-medium text-text-secondary mb-1",
 											children: "Contact Phone"
 										}), /* @__PURE__ */ b("input", {
 											type: "text",
 											value: E.emergencyContactPhone,
 											onChange: (e) => A("emergencyContactPhone", e.target.value),
 											disabled: !p,
-											className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 										})] }),
 										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-											className: "block text-xs font-medium text-muted-foreground mb-1",
+											className: "block text-xs font-medium text-text-secondary mb-1",
 											children: "Relationship"
 										}), /* @__PURE__ */ b("input", {
 											type: "text",
 											value: E.emergencyContactRelation,
 											onChange: (e) => A("emergencyContactRelation", e.target.value),
 											disabled: !p,
-											className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 										})] })
 									]
 								})]
@@ -313,65 +313,65 @@ var S = [
 						] }),
 						c === "work" && /* @__PURE__ */ x("div", { children: [
 							/* @__PURE__ */ b("h2", {
-								className: "text-lg font-semibold text-foreground mb-5",
+								className: "text-lg font-semibold text-text-primary mb-5",
 								children: "Work Details"
 							}),
 							/* @__PURE__ */ x("div", {
 								className: "grid sm:grid-cols-2 gap-4",
 								children: [
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-muted-foreground mb-1",
+										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Employee ID"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
 										value: E.employeeId,
 										disabled: !0,
-										className: "w-full rounded-md border border-border bg-muted px-3 py-2 text-sm text-foreground cursor-not-allowed"
+										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-muted-foreground mb-1",
+										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Designation"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
 										value: E.designation,
 										disabled: !0,
-										className: "w-full rounded-md border border-border bg-muted px-3 py-2 text-sm text-foreground cursor-not-allowed"
+										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-muted-foreground mb-1",
+										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Department"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
 										value: E.department,
 										disabled: !0,
-										className: "w-full rounded-md border border-border bg-muted px-3 py-2 text-sm text-foreground cursor-not-allowed"
+										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-muted-foreground mb-1",
+										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Work Location"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
 										value: E.workLocation,
 										disabled: !0,
-										className: "w-full rounded-md border border-border bg-muted px-3 py-2 text-sm text-foreground cursor-not-allowed"
+										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-muted-foreground mb-1",
+										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Joining Date"
 									}), /* @__PURE__ */ b("input", {
 										type: "date",
 										value: E.joiningDate,
 										disabled: !0,
-										className: "w-full rounded-md border border-border bg-muted px-3 py-2 text-sm text-foreground cursor-not-allowed"
+										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-muted-foreground mb-1",
+										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Employment Type"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
 										value: E.employmentType,
 										disabled: !0,
-										className: "w-full rounded-md border border-border bg-muted px-3 py-2 text-sm text-foreground cursor-not-allowed"
+										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
 									})] })
 								]
 							}),
@@ -379,32 +379,32 @@ var S = [
 								className: "mt-7 grid sm:grid-cols-3 gap-4",
 								children: [
 									/* @__PURE__ */ x("div", {
-										className: "rounded-lg bg-muted/50 p-4 text-center",
+										className: "rounded-lg bg-bg-sunken/50 p-4 text-center",
 										children: [/* @__PURE__ */ b("p", {
-											className: "text-2xl font-bold text-blue-600 dark:text-blue-400",
+											className: "text-2xl font-bold text-accent-blue",
 											children: r.totalDeliveries
 										}), /* @__PURE__ */ b("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "Total Deliveries"
 										})]
 									}),
 									/* @__PURE__ */ x("div", {
-										className: "rounded-lg bg-muted/50 p-4 text-center",
+										className: "rounded-lg bg-bg-sunken/50 p-4 text-center",
 										children: [/* @__PURE__ */ b("p", {
-											className: "text-2xl font-bold text-green-600 dark:text-green-400",
+											className: "text-2xl font-bold text-status-success-text",
 											children: r.averageRating
 										}), /* @__PURE__ */ b("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "Average Rating"
 										})]
 									}),
 									/* @__PURE__ */ x("div", {
-										className: "rounded-lg bg-muted/50 p-4 text-center",
+										className: "rounded-lg bg-bg-sunken/50 p-4 text-center",
 										children: [/* @__PURE__ */ x("p", {
-											className: "text-2xl font-bold text-blue-600 dark:text-blue-400",
+											className: "text-2xl font-bold text-accent-blue",
 											children: [r.completionRate, "%"]
 										}), /* @__PURE__ */ b("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "On-Time Delivery"
 										})]
 									})
@@ -412,12 +412,12 @@ var S = [
 							})
 						] }),
 						c === "address" && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h2", {
-							className: "text-lg font-semibold text-foreground mb-5",
+							className: "text-lg font-semibold text-text-primary mb-5",
 							children: "Address Information"
 						}), /* @__PURE__ */ x("div", {
 							className: "space-y-6",
 							children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h3", {
-								className: "text-sm font-semibold text-foreground mb-3",
+								className: "text-sm font-semibold text-text-primary mb-3",
 								children: "Current Address"
 							}), /* @__PURE__ */ x("div", {
 								className: "grid sm:grid-cols-2 gap-4",
@@ -425,50 +425,50 @@ var S = [
 									/* @__PURE__ */ x("div", {
 										className: "sm:col-span-2",
 										children: [/* @__PURE__ */ b("label", {
-											className: "block text-xs font-medium text-muted-foreground mb-1",
+											className: "block text-xs font-medium text-text-secondary mb-1",
 											children: "Address Line"
 										}), /* @__PURE__ */ b("textarea", {
 											rows: 2,
 											value: E.currentAddress,
 											onChange: (e) => A("currentAddress", e.target.value),
 											disabled: !p,
-											className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40 resize-none"
+											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40 resize-none"
 										})]
 									}),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-muted-foreground mb-1",
+										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "City"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
 										value: E.city,
 										onChange: (e) => A("city", e.target.value),
 										disabled: !p,
-										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-muted-foreground mb-1",
+										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "State"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
 										value: E.state,
 										onChange: (e) => A("state", e.target.value),
 										disabled: !p,
-										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-muted-foreground mb-1",
+										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Pincode"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
 										value: E.pincode,
 										onChange: (e) => A("pincode", e.target.value),
 										disabled: !p,
-										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 									})] })
 								]
 							})] }), /* @__PURE__ */ x("div", { children: [
 								/* @__PURE__ */ b("h3", {
-									className: "text-sm font-semibold text-foreground mb-3",
+									className: "text-sm font-semibold text-text-primary mb-3",
 									children: "Permanent Address"
 								}),
 								/* @__PURE__ */ x("label", {
@@ -478,33 +478,33 @@ var S = [
 										checked: E.sameAsCurrent,
 										onChange: (e) => A("sameAsCurrent", e.target.checked),
 										disabled: !p,
-										className: "h-4 w-4 rounded border-border text-blue-600 focus:ring-blue-500/40"
+										className: "h-4 w-4 rounded border-border-subtle text-accent-blue focus:ring-accent-blue-subtle/40"
 									}), /* @__PURE__ */ b("span", {
-										className: "text-xs text-foreground",
+										className: "text-xs text-text-primary",
 										children: "Same as current address"
 									})]
 								}),
 								!E.sameAsCurrent && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-									className: "block text-xs font-medium text-muted-foreground mb-1",
+									className: "block text-xs font-medium text-text-secondary mb-1",
 									children: "Address Line"
 								}), /* @__PURE__ */ b("textarea", {
 									rows: 2,
 									value: E.permanentAddress,
 									onChange: (e) => A("permanentAddress", e.target.value),
 									disabled: !p,
-									className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40 resize-none"
+									className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40 resize-none"
 								})] })
 							] })]
 						})] }),
 						c === "documents" && /* @__PURE__ */ x("div", { children: [
 							/* @__PURE__ */ b("h2", {
-								className: "text-lg font-semibold text-foreground mb-5",
+								className: "text-lg font-semibold text-text-primary mb-5",
 								children: "Documents & Banking"
 							}),
 							/* @__PURE__ */ b("div", {
-								className: "rounded-lg bg-yellow-500/10 border border-yellow-500/20 p-3 mb-5",
+								className: "rounded-lg bg-status-warning-bg-subtle/10 border border-status-warning-border/20 p-3 mb-5",
 								children: /* @__PURE__ */ x("p", {
-									className: "text-xs text-yellow-600 dark:text-yellow-400 flex items-center gap-2",
+									className: "text-xs text-status-warning-text flex items-center gap-2",
 									children: [/* @__PURE__ */ b(g, { className: "h-4 w-4 shrink-0" }), "Your documents and banking information are encrypted and secure."]
 								})
 							}),
@@ -512,92 +512,92 @@ var S = [
 								className: "grid sm:grid-cols-2 gap-4",
 								children: [
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-muted-foreground mb-1",
+										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "PAN Number"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
 										value: E.panNumber,
 										disabled: !0,
-										className: "w-full rounded-md border border-border bg-muted px-3 py-2 text-sm text-foreground cursor-not-allowed"
+										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-muted-foreground mb-1",
+										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Aadhar Number"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
 										value: E.aadharNumber,
 										disabled: !0,
-										className: "w-full rounded-md border border-border bg-muted px-3 py-2 text-sm text-foreground cursor-not-allowed"
+										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-muted-foreground mb-1",
+										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Bank Name"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
 										value: E.bankName,
 										onChange: (e) => A("bankName", e.target.value),
 										disabled: !p,
-										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-muted-foreground mb-1",
+										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Account Number"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
 										value: E.accountNumber,
 										disabled: !0,
-										className: "w-full rounded-md border border-border bg-muted px-3 py-2 text-sm text-foreground cursor-not-allowed"
+										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-muted-foreground mb-1",
+										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "IFSC Code"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
 										value: E.ifscCode,
 										onChange: (e) => A("ifscCode", e.target.value),
 										disabled: !p,
-										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 									})] })
 								]
 							})
 						] }),
 						c === "achievements" && /* @__PURE__ */ x("div", { children: [
 							/* @__PURE__ */ b("h2", {
-								className: "text-lg font-semibold text-foreground mb-5",
+								className: "text-lg font-semibold text-text-primary mb-5",
 								children: "Achievements & Recognition"
 							}),
 							/* @__PURE__ */ x("div", {
 								className: "grid sm:grid-cols-2 gap-4 mb-7",
 								children: [/* @__PURE__ */ x("div", {
-									className: "rounded-lg bg-yellow-500/5 border border-yellow-500/20 p-5 text-center",
+									className: "rounded-lg bg-status-warning-bg-subtle/5 border border-status-warning-border/20 p-5 text-center",
 									children: [
-										/* @__PURE__ */ b(o, { className: "h-10 w-10 text-yellow-600 dark:text-yellow-400 mx-auto mb-2" }),
+										/* @__PURE__ */ b(o, { className: "h-10 w-10 text-status-warning-text mx-auto mb-2" }),
 										/* @__PURE__ */ b("h3", {
-											className: "text-sm font-semibold text-foreground",
+											className: "text-sm font-semibold text-text-primary",
 											children: "Employee of the Month"
 										}),
 										/* @__PURE__ */ b("p", {
-											className: "text-xs text-muted-foreground mt-1",
+											className: "text-xs text-text-secondary mt-1",
 											children: "December 2023"
 										})
 									]
 								}), /* @__PURE__ */ x("div", {
-									className: "rounded-lg bg-blue-500/5 border border-blue-500/20 p-5 text-center",
+									className: "rounded-lg bg-accent-blue-subtle/5 border border-accent-blue-subtle/20 p-5 text-center",
 									children: [
-										/* @__PURE__ */ b(u, { className: "h-10 w-10 text-blue-600 dark:text-blue-400 mx-auto mb-2" }),
+										/* @__PURE__ */ b(u, { className: "h-10 w-10 text-accent-blue mx-auto mb-2" }),
 										/* @__PURE__ */ b("h3", {
-											className: "text-sm font-semibold text-foreground",
+											className: "text-sm font-semibold text-text-primary",
 											children: "Perfect Attendance"
 										}),
 										/* @__PURE__ */ b("p", {
-											className: "text-xs text-muted-foreground mt-1",
+											className: "text-xs text-text-secondary mt-1",
 											children: "Q3 2023"
 										})
 									]
 								})]
 							}),
 							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h3", {
-								className: "text-sm font-semibold text-foreground mb-4",
+								className: "text-sm font-semibold text-text-primary mb-4",
 								children: "Performance Metrics"
 							}), /* @__PURE__ */ x("div", {
 								className: "space-y-4",
@@ -605,48 +605,48 @@ var S = [
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
 										className: "flex justify-between items-center mb-1.5",
 										children: [/* @__PURE__ */ b("span", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "Delivery Success Rate"
 										}), /* @__PURE__ */ b("span", {
-											className: "text-xs font-medium text-foreground",
+											className: "text-xs font-medium text-text-primary",
 											children: "98%"
 										})]
 									}), /* @__PURE__ */ b("div", {
-										className: "w-full h-2 rounded-full bg-muted overflow-hidden",
+										className: "w-full h-2 rounded-full bg-bg-sunken overflow-hidden",
 										children: /* @__PURE__ */ b("div", {
-											className: "h-full rounded-full bg-green-500 transition-all",
+											className: "h-full rounded-full bg-status-success-bg-subtle transition-all",
 											style: { width: "98%" }
 										})
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
 										className: "flex justify-between items-center mb-1.5",
 										children: [/* @__PURE__ */ b("span", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "Customer Satisfaction"
 										}), /* @__PURE__ */ b("span", {
-											className: "text-xs font-medium text-foreground",
+											className: "text-xs font-medium text-text-primary",
 											children: "95%"
 										})]
 									}), /* @__PURE__ */ b("div", {
-										className: "w-full h-2 rounded-full bg-muted overflow-hidden",
+										className: "w-full h-2 rounded-full bg-bg-sunken overflow-hidden",
 										children: /* @__PURE__ */ b("div", {
-											className: "h-full rounded-full bg-blue-500 transition-all",
+											className: "h-full rounded-full bg-accent-blue-subtle transition-all",
 											style: { width: "95%" }
 										})
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
 										className: "flex justify-between items-center mb-1.5",
 										children: [/* @__PURE__ */ b("span", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "Punctuality"
 										}), /* @__PURE__ */ b("span", {
-											className: "text-xs font-medium text-foreground",
+											className: "text-xs font-medium text-text-primary",
 											children: "92%"
 										})]
 									}), /* @__PURE__ */ b("div", {
-										className: "w-full h-2 rounded-full bg-muted overflow-hidden",
+										className: "w-full h-2 rounded-full bg-bg-sunken overflow-hidden",
 										children: /* @__PURE__ */ b("div", {
-											className: "h-full rounded-full bg-purple-500 transition-all",
+											className: "h-full rounded-full bg-accent-purple-subtle transition-all",
 											style: { width: "92%" }
 										})
 									})] })
@@ -654,23 +654,23 @@ var S = [
 							})] })
 						] }),
 						c === "notifications" && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h2", {
-							className: "text-lg font-semibold text-foreground mb-5",
+							className: "text-lg font-semibold text-text-primary mb-5",
 							children: "Notification Preferences"
 						}), /* @__PURE__ */ b("div", {
 							className: "space-y-4",
 							children: O.map((e) => /* @__PURE__ */ x("div", {
-								className: "flex items-center justify-between p-4 rounded-lg bg-muted/50",
+								className: "flex items-center justify-between p-4 rounded-lg bg-bg-sunken/50",
 								children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h4", {
-									className: "text-sm font-medium text-foreground",
+									className: "text-sm font-medium text-text-primary",
 									children: e.label
 								}), /* @__PURE__ */ b("p", {
-									className: "text-xs text-muted-foreground mt-0.5",
+									className: "text-xs text-text-secondary mt-0.5",
 									children: e.description
 								})] }), /* @__PURE__ */ b("button", {
 									type: "button",
 									onClick: () => N(e.id),
 									disabled: !p,
-									className: t("relative inline-flex h-6 w-11 items-center rounded-full transition-colors", e.enabled ? "bg-blue-500" : "bg-muted-foreground/30", !p && "opacity-60 cursor-not-allowed"),
+									className: t("relative inline-flex h-6 w-11 items-center rounded-full transition-colors", e.enabled ? "bg-accent-blue-subtle" : "bg-muted-foreground/30", !p && "opacity-60 cursor-not-allowed"),
 									children: /* @__PURE__ */ b("span", { className: t("inline-block h-4 w-4 rounded-full bg-white transition-transform", e.enabled ? "translate-x-6" : "translate-x-1") })
 								})]
 							}, e.id))