@burdenoff/microfe-adaptercloud 2026.614.1 → 2026.625.1

package/dist/adaptercloud/pages/common/HelpSupportPage.js

@@ -20,55 +20,55 @@ var P = [
 		label: "Getting Started",
 		icon: s,
 		description: "New to AdapterCloud? Start here",
-		color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+		color: "bg-accent-blue-subtle/10 text-accent-blue"
 	},
 	{
 		label: "Orders & Delivery",
 		icon: S,
 		description: "Placing, tracking, and cancelling orders",
-		color: "bg-green-500/10 text-green-600 dark:text-green-400"
+		color: "bg-status-success-bg-subtle/10 text-status-success-text"
 	},
 	{
 		label: "Payments & Billing",
 		icon: p,
 		description: "Payment methods, refunds, and invoices",
-		color: "bg-purple-500/10 text-purple-600 dark:text-purple-400"
+		color: "bg-accent-purple-subtle/10 text-accent-purple"
 	},
 	{
 		label: "Account & Profile",
 		icon: D,
 		description: "Manage your account and settings",
-		color: "bg-orange-500/10 text-orange-600 dark:text-orange-400"
+		color: "bg-accent-orange-subtle/10 text-accent-orange"
 	},
 	{
 		label: "Cart Owners",
 		icon: O,
 		description: "Running your cart business",
-		color: "bg-teal-500/10 text-teal-600 dark:text-teal-400"
+		color: "bg-accent-teal-subtle/10 text-accent-teal"
 	},
 	{
 		label: "Workers & Delivery",
 		icon: E,
 		description: "Delivery partner information",
-		color: "bg-indigo-500/10 text-indigo-600 dark:text-indigo-400"
+		color: "bg-accent-indigo-subtle/10 text-accent-indigo"
 	},
 	{
 		label: "Investments",
 		icon: T,
 		description: "Investment opportunities and returns",
-		color: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400"
+		color: "bg-status-success-bg-subtle/10 text-status-success-text"
 	},
 	{
 		label: "Security & Privacy",
 		icon: x,
 		description: "Data protection and safety",
-		color: "bg-red-500/10 text-red-600 dark:text-red-400"
+		color: "bg-status-error-bg-subtle/10 text-status-error-text"
 	},
 	{
 		label: "Technical Issues",
 		icon: o,
 		description: "App issues and troubleshooting",
-		color: "bg-amber-500/10 text-amber-600 dark:text-amber-400"
+		color: "bg-status-warning-bg-subtle/10 text-status-warning-text"
 	}
 ], I = [
 	{
@@ -108,7 +108,7 @@ var P = [
 		id: "faq-001",
 		category: "Account & Profile",
 		question: "How do I create an account on AdapterCloud?",
-		answer: "You can create an account by clicking the \"Sign Up\" button on the homepage. You'll need to provide your name, email address, phone number, and choose your role (Customer, Cart Owner, Worker, or Investor). After verification via OTP, your account will be activated immediately.",
+		answer: "You can create an account by clicking the\"Sign Up\" button on the homepage. You'll need to provide your name, email address, phone number, and choose your role (Customer, Cart Owner, Worker, or Investor). After verification via OTP, your account will be activated immediately.",
 		helpful: 142,
 		tags: [
 			"account",
@@ -196,7 +196,7 @@ var P = [
 		id: "faq-008",
 		category: "Cart Owners",
 		question: "What commission does AdapterCloud charge?",
-		answer: "AdapterCloud charges a commission of 15-20% on each order, depending on your cart category and monthly order volume. Higher volume cart owners get reduced rates. This includes payment processing, marketing support, customer acquisition, and platform maintenance. You can view the detailed commission structure in your dashboard under \"Finances\".",
+		answer: "AdapterCloud charges a commission of 15-20% on each order, depending on your cart category and monthly order volume. Higher volume cart owners get reduced rates. This includes payment processing, marketing support, customer acquisition, and platform maintenance. You can view the detailed commission structure in your dashboard under\"Finances\".",
 		helpful: 94,
 		tags: [
 			"commission",
@@ -222,7 +222,7 @@ var P = [
 		id: "faq-010",
 		category: "Delivery & Workers",
 		question: "How do I become a delivery worker?",
-		answer: "Apply through the \"Join as Worker\" section on the app. You'll need a valid driving license, vehicle registration (bike/scooter), Aadhaar card, PAN card, and a smartphone with GPS. After document verification and background check (3-5 days), you'll receive online training and can start accepting delivery requests.",
+		answer: "Apply through the\"Join as Worker\" section on the app. You'll need a valid driving license, vehicle registration (bike/scooter), Aadhaar card, PAN card, and a smartphone with GPS. After document verification and background check (3-5 days), you'll receive online training and can start accepting delivery requests.",
 		helpful: 78,
 		tags: [
 			"worker",
@@ -299,7 +299,7 @@ var P = [
 		id: "faq-016",
 		category: "Billing & Refunds",
 		question: "How do I request a refund?",
-		answer: "Refunds can be requested within 24 hours of order placement if the order hasn't been prepared. Go to \"My Orders\" > Select the order > \"Request Refund\". You'll need to select a reason. Refunds for quality issues can be raised within 2 hours of delivery. Refunds are processed within 3-5 business days to your original payment method.",
+		answer: "Refunds can be requested within 24 hours of order placement if the order hasn't been prepared. Go to\"My Orders\" > Select the order > \"Request Refund\". You'll need to select a reason. Refunds for quality issues can be raised within 2 hours of delivery. Refunds are processed within 3-5 business days to your original payment method.",
 		helpful: 167,
 		tags: [
 			"refund",
@@ -482,18 +482,18 @@ function ue(e) {
 }
 function R(e) {
 	switch (e) {
-		case "open": return "bg-blue-500/10 text-blue-600 dark:text-blue-400";
-		case "in-progress": return "bg-amber-500/10 text-amber-600 dark:text-amber-400";
-		case "resolved": return "bg-green-500/10 text-green-600 dark:text-green-400";
-		case "closed": return "bg-muted text-muted-foreground";
+		case "open": return "bg-accent-blue-subtle/10 text-accent-blue";
+		case "in-progress": return "bg-status-warning-bg-subtle/10 text-status-warning-text";
+		case "resolved": return "bg-status-success-bg-subtle/10 text-status-success-text";
+		case "closed": return "bg-bg-sunken text-text-secondary";
 	}
 }
 function z(e) {
 	switch (e) {
-		case "urgent": return "bg-red-500/10 text-red-600 dark:text-red-400";
-		case "high": return "bg-orange-500/10 text-orange-600 dark:text-orange-400";
-		case "medium": return "bg-blue-500/10 text-blue-600 dark:text-blue-400";
-		case "low": return "bg-muted text-muted-foreground";
+		case "urgent": return "bg-status-error-bg-subtle/10 text-status-error-text";
+		case "high": return "bg-accent-orange-subtle/10 text-accent-orange";
+		case "medium": return "bg-accent-blue-subtle/10 text-accent-blue";
+		case "low": return "bg-bg-sunken text-text-secondary";
 	}
 }
 function B(e) {
@@ -594,7 +594,7 @@ function V() {
 		description: "Find answers, contact support, or track your requests",
 		children: [
 			G && /* @__PURE__ */ N("div", {
-				className: "mb-4 flex items-center gap-2 rounded-lg border border-green-500/30 bg-green-500/10 px-4 py-3 text-sm text-green-700 dark:text-green-300",
+				className: "mb-4 flex items-center gap-2 rounded-lg border border-status-success-border/30 bg-status-success-bg-subtle/10 px-4 py-3 text-sm text-status-success-text",
 				children: [
 					/* @__PURE__ */ M(c, { className: "h-4 w-4 shrink-0" }),
 					G,
@@ -611,7 +611,7 @@ function V() {
 				children: /* @__PURE__ */ N("div", {
 					className: "relative",
 					children: [
-						/* @__PURE__ */ M(b, { className: "absolute left-3 top-1/2 h-5 w-5 -translate-y-1/2 text-muted-foreground" }),
+						/* @__PURE__ */ M(b, { className: "absolute left-3 top-1/2 h-5 w-5 -translate-y-1/2 text-text-secondary" }),
 						/* @__PURE__ */ M("input", {
 							type: "text",
 							value: p,
@@ -619,12 +619,12 @@ function V() {
 								g(e.target.value), u !== "faq" && d("faq");
 							},
 							placeholder: "Search help articles, FAQs, and more...",
-							className: "w-full rounded-lg border border-border bg-card py-3 pl-10 pr-10 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+							className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-3 pl-10 pr-10 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 						}),
 						p && /* @__PURE__ */ M("button", {
 							type: "button",
 							onClick: () => g(""),
-							className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
+							className: "absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary",
 							children: /* @__PURE__ */ M(k, { className: "h-4 w-4" })
 						})
 					]
@@ -633,7 +633,7 @@ function V() {
 			/* @__PURE__ */ N("section", {
 				className: "mb-6",
 				children: [/* @__PURE__ */ M("h2", {
-					className: "text-lg font-semibold text-foreground mb-3",
+					className: "text-lg font-semibold text-text-primary mb-3",
 					children: "Browse Help Topics"
 				}), /* @__PURE__ */ M("div", {
 					className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
@@ -644,15 +644,15 @@ function V() {
 							onClick: () => {
 								x(e.label === y ? "" : e.label), d("faq");
 							},
-							className: t("flex items-start gap-3 rounded-lg border bg-card p-4 text-left transition-all hover:shadow-sm", y === e.label ? "border-primary ring-1 ring-primary" : "border-border"),
+							className: t("flex items-start gap-3 rounded-lg border bg-bg-surface p-4 text-left transition-all hover:shadow-sm", y === e.label ? "border-primary ring-1 ring-primary" : "border-border-subtle"),
 							children: [/* @__PURE__ */ M("div", {
 								className: t("flex h-10 w-10 shrink-0 items-center justify-center rounded-lg", e.color),
 								children: /* @__PURE__ */ M(n, { className: "h-5 w-5" })
 							}), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
-								className: "text-sm font-semibold text-foreground",
+								className: "text-sm font-semibold text-text-primary",
 								children: e.label
 							}), /* @__PURE__ */ M("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: e.description
 							})] })]
 						}, e.label);
@@ -662,18 +662,18 @@ function V() {
 			/* @__PURE__ */ M("section", {
 				className: "mb-6",
 				children: /* @__PURE__ */ M("div", {
-					className: "flex space-x-1 bg-muted p-1 rounded-lg w-full sm:w-fit",
+					className: "flex space-x-1 bg-bg-sunken p-1 rounded-lg w-full sm:w-fit",
 					children: me.map((e) => {
 						let n = e.icon;
 						return /* @__PURE__ */ N("button", {
 							type: "button",
 							onClick: () => d(e.id),
-							className: t("flex flex-1 sm:flex-none items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", u === e.id ? "bg-card text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"),
+							className: t("flex flex-1 sm:flex-none items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", u === e.id ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"),
 							children: [
 								/* @__PURE__ */ M(n, { className: "h-4 w-4" }),
 								/* @__PURE__ */ M("span", { children: e.label }),
 								e.id === "tickets" && Q.open > 0 && /* @__PURE__ */ M("span", {
-									className: "flex h-5 min-w-[20px] items-center justify-center rounded-full bg-primary px-1.5 text-xs font-medium text-primary-foreground",
+									className: "flex h-5 min-w-[20px] items-center justify-center rounded-full bg-action-primary-bg px-1.5 text-xs font-medium text-action-primary-text",
 									children: Q.open
 								})
 							]
@@ -684,7 +684,7 @@ function V() {
 			u === "faq" && /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ N("div", {
 				className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
 				children: [/* @__PURE__ */ N("p", {
-					className: "text-sm text-muted-foreground",
+					className: "text-sm text-text-secondary",
 					children: [
 						Z.length,
 						" question",
@@ -694,7 +694,7 @@ function V() {
 							" ",
 							"in ",
 							/* @__PURE__ */ M("span", {
-								className: "font-medium text-foreground",
+								className: "font-medium text-text-primary",
 								children: y
 							}),
 							/* @__PURE__ */ M("button", {
@@ -708,7 +708,7 @@ function V() {
 				}), /* @__PURE__ */ N("select", {
 					value: y,
 					onChange: (e) => x(e.target.value),
-					className: "rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+					className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 					children: [/* @__PURE__ */ M("option", {
 						value: "",
 						children: "All Categories"
@@ -722,7 +722,7 @@ function V() {
 				children: Z.map((e) => {
 					let n = S === e.id;
 					return /* @__PURE__ */ N("div", {
-						className: "rounded-lg border border-border bg-card overflow-hidden",
+						className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden",
 						children: [/* @__PURE__ */ N("button", {
 							type: "button",
 							onClick: () => de(e.id),
@@ -732,28 +732,28 @@ function V() {
 								children: [/* @__PURE__ */ N("div", {
 									className: "flex flex-wrap items-center gap-2 mb-1",
 									children: [/* @__PURE__ */ M("span", {
-										className: "inline-flex items-center rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground",
+										className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
 										children: e.category
 									}), /* @__PURE__ */ N("span", {
-										className: "inline-flex items-center gap-1 text-xs text-muted-foreground",
+										className: "inline-flex items-center gap-1 text-xs text-text-secondary",
 										children: [/* @__PURE__ */ M(C, { className: "h-3 w-3" }), e.helpful]
 									})]
 								}), /* @__PURE__ */ M("span", {
-									className: t("text-sm", n ? "font-semibold text-foreground" : "font-medium text-foreground"),
+									className: t("text-sm", n ? "font-semibold text-text-primary" : "font-medium text-text-primary"),
 									children: e.question
 								})]
-							}), M(n ? te : l, { className: "h-4 w-4 text-muted-foreground shrink-0 mt-1" })]
+							}), M(n ? te : l, { className: "h-4 w-4 text-text-secondary shrink-0 mt-1" })]
 						}), n && /* @__PURE__ */ N("div", {
-							className: "border-t border-border px-4 pb-4 pt-3",
+							className: "border-t border-border-subtle px-4 pb-4 pt-3",
 							children: [/* @__PURE__ */ M("p", {
-								className: "text-sm text-muted-foreground leading-relaxed mb-3",
+								className: "text-sm text-text-secondary leading-relaxed mb-3",
 								children: e.answer
 							}), /* @__PURE__ */ N("div", {
 								className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
 								children: [/* @__PURE__ */ M("div", {
 									className: "flex flex-wrap gap-1.5",
 									children: e.tags.map((e) => /* @__PURE__ */ N("span", {
-										className: "inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-xs text-muted-foreground",
+										className: "inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
 										children: [/* @__PURE__ */ M(se, { className: "h-2.5 w-2.5" }), e]
 									}, e))
 								}), /* @__PURE__ */ N("button", {
@@ -761,7 +761,7 @@ function V() {
 									onClick: (t) => {
 										t.stopPropagation(), fe(e.id);
 									},
-									className: "flex items-center gap-1.5 rounded-lg border border-border px-3 py-1.5 text-xs font-medium text-muted-foreground hover:bg-accent hover:text-foreground transition-colors",
+									className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-accent hover:text-text-primary transition-colors",
 									children: [
 										/* @__PURE__ */ M(C, { className: "h-3.5 w-3.5" }),
 										"Helpful (",
@@ -774,15 +774,15 @@ function V() {
 					}, e.id);
 				})
 			}) : /* @__PURE__ */ N("div", {
-				className: "flex flex-col items-center justify-center rounded-lg border border-border bg-card py-12",
+				className: "flex flex-col items-center justify-center rounded-lg border border-border-subtle bg-bg-surface py-12",
 				children: [
-					/* @__PURE__ */ M(b, { className: "h-12 w-12 text-muted-foreground/50 mb-3" }),
+					/* @__PURE__ */ M(b, { className: "h-12 w-12 text-text-secondary/50 mb-3" }),
 					/* @__PURE__ */ M("h3", {
-						className: "text-base font-semibold text-foreground mb-1",
+						className: "text-base font-semibold text-text-primary mb-1",
 						children: "No FAQs found"
 					}),
 					/* @__PURE__ */ M("p", {
-						className: "text-sm text-muted-foreground mb-3",
+						className: "text-sm text-text-secondary mb-3",
 						children: "Try adjusting your search or browse different categories"
 					}),
 					/* @__PURE__ */ M("button", {
@@ -799,39 +799,39 @@ function V() {
 				className: "space-y-6",
 				children: [
 					/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("h2", {
-						className: "text-base font-semibold text-foreground mb-3",
+						className: "text-base font-semibold text-text-primary mb-3",
 						children: "Get in Touch"
 					}), /* @__PURE__ */ M("div", {
 						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
 						children: I.map((e) => {
 							let n = e.icon;
 							return /* @__PURE__ */ M("div", {
-								className: "rounded-lg border border-border bg-card p-5",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 								children: /* @__PURE__ */ N("div", {
 									className: "flex items-start gap-4",
 									children: [/* @__PURE__ */ M("div", {
-										className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-muted",
-										children: /* @__PURE__ */ M(n, { className: "h-6 w-6 text-muted-foreground" })
+										className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-bg-sunken",
+										children: /* @__PURE__ */ M(n, { className: "h-6 w-6 text-text-secondary" })
 									}), /* @__PURE__ */ N("div", {
 										className: "flex-1 min-w-0",
 										children: [
 											/* @__PURE__ */ M("h3", {
-												className: "text-sm font-semibold text-foreground",
+												className: "text-sm font-semibold text-text-primary",
 												children: e.label
 											}),
 											/* @__PURE__ */ M("p", {
-												className: "text-sm text-foreground mt-0.5 break-words",
+												className: "text-sm text-text-primary mt-0.5 break-words",
 												children: e.value
 											}),
 											/* @__PURE__ */ N("div", {
-												className: "flex items-center gap-1 mt-1 text-xs text-muted-foreground",
+												className: "flex items-center gap-1 mt-1 text-xs text-text-secondary",
 												children: [/* @__PURE__ */ M(f, { className: "h-3 w-3" }), e.responseTime]
 											}),
 											/* @__PURE__ */ N("button", {
 												type: "button",
 												onClick: () => $(e),
 												disabled: !e.available,
-												className: t("mt-3 flex items-center gap-1.5 rounded-lg px-4 py-2 text-sm font-medium transition-colors", e.available ? "bg-primary text-primary-foreground hover:bg-primary/90" : "bg-muted text-muted-foreground cursor-not-allowed"),
+												className: t("mt-3 flex items-center gap-1.5 rounded-lg px-4 py-2 text-sm font-medium transition-colors", e.available ? "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
 												children: [e.type === "chat" ? "Start Chat" : e.type === "email" ? "Send Email" : "Contact", /* @__PURE__ */ M(ne, { className: "h-3.5 w-3.5" })]
 											})
 										]
@@ -841,32 +841,32 @@ function V() {
 						})
 					})] }),
 					/* @__PURE__ */ N("div", {
-						className: "rounded-lg border border-border bg-card",
+						className: "rounded-lg border border-border-subtle bg-bg-surface",
 						children: [/* @__PURE__ */ N("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__ */ N("div", { children: [/* @__PURE__ */ M("h2", {
-								className: "text-base font-semibold text-foreground",
+								className: "text-base font-semibold text-text-primary",
 								children: "Submit a Support Ticket"
 							}), /* @__PURE__ */ M("p", {
-								className: "text-xs text-muted-foreground mt-0.5",
+								className: "text-xs text-text-secondary mt-0.5",
 								children: "Can't find your answer? Create a ticket and our team will help."
 							})] }), /* @__PURE__ */ N("button", {
 								type: "button",
 								onClick: () => H(!V),
-								className: "flex items-center gap-1.5 rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+								className: "flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
 								children: [/* @__PURE__ */ M(w, { className: "h-4 w-4" }), V ? "Close" : "New Ticket"]
 							})]
 						}), V && /* @__PURE__ */ N("div", {
 							className: "p-5 space-y-4",
 							children: [
 								q && /* @__PURE__ */ N("div", {
-									className: "flex items-center gap-2 rounded-lg border border-red-500/30 bg-red-500/10 px-3 py-2 text-sm text-red-700 dark:text-red-300",
+									className: "flex items-center gap-2 rounded-lg border border-status-error-border/30 bg-status-error-bg-subtle/10 px-3 py-2 text-sm text-status-error-text",
 									children: [/* @__PURE__ */ M(ee, { className: "h-4 w-4 shrink-0" }), q]
 								}),
 								/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ N("label", {
-									className: "block text-sm font-medium text-foreground mb-1.5",
+									className: "block text-sm font-medium text-text-primary mb-1.5",
 									children: ["Subject ", /* @__PURE__ */ M("span", {
-										className: "text-red-500",
+										className: "text-status-error-text",
 										children: "*"
 									})]
 								}), /* @__PURE__ */ M("input", {
@@ -877,14 +877,14 @@ function V() {
 										subject: e.target.value
 									})),
 									placeholder: "Brief description of your issue",
-									className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+									className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})] }),
 								/* @__PURE__ */ N("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
 									children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ N("label", {
-										className: "block text-sm font-medium text-foreground mb-1.5",
+										className: "block text-sm font-medium text-text-primary mb-1.5",
 										children: ["Category ", /* @__PURE__ */ M("span", {
-											className: "text-red-500",
+											className: "text-status-error-text",
 											children: "*"
 										})]
 									}), /* @__PURE__ */ N("select", {
@@ -893,7 +893,7 @@ function V() {
 											...t,
 											category: e.target.value
 										})),
-										className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+										className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 										children: [/* @__PURE__ */ M("option", {
 											value: "",
 											children: "Select category"
@@ -902,7 +902,7 @@ function V() {
 											children: e
 										}, e))]
 									})] }), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
-										className: "block text-sm font-medium text-foreground mb-1.5",
+										className: "block text-sm font-medium text-text-primary mb-1.5",
 										children: "Priority"
 									}), /* @__PURE__ */ N("select", {
 										value: Y.priority,
@@ -910,7 +910,7 @@ function V() {
 											...t,
 											priority: e.target.value
 										})),
-										className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+										className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 										children: [
 											/* @__PURE__ */ M("option", {
 												value: "low",
@@ -932,9 +932,9 @@ function V() {
 									})] })]
 								}),
 								/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ N("label", {
-									className: "block text-sm font-medium text-foreground mb-1.5",
+									className: "block text-sm font-medium text-text-primary mb-1.5",
 									children: ["Description ", /* @__PURE__ */ M("span", {
-										className: "text-red-500",
+										className: "text-status-error-text",
 										children: "*"
 									})]
 								}), /* @__PURE__ */ M("textarea", {
@@ -945,18 +945,18 @@ function V() {
 										description: e.target.value
 									})),
 									placeholder: "Please describe your issue in detail...",
-									className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring resize-none"
+									className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none"
 								})] }),
 								/* @__PURE__ */ N("div", {
-									className: "rounded-lg bg-blue-500/5 border border-blue-500/20 p-4",
+									className: "rounded-lg bg-accent-blue-subtle/5 border border-accent-blue-subtle/20 p-4",
 									children: [/* @__PURE__ */ N("div", {
 										className: "flex items-center gap-2 mb-2",
-										children: [/* @__PURE__ */ M(ae, { className: "h-4 w-4 text-blue-600 dark:text-blue-400" }), /* @__PURE__ */ M("h4", {
-											className: "text-sm font-medium text-blue-700 dark:text-blue-300",
+										children: [/* @__PURE__ */ M(ae, { className: "h-4 w-4 text-accent-blue" }), /* @__PURE__ */ M("h4", {
+											className: "text-sm font-medium text-accent-blue",
 											children: "Tips for faster resolution"
 										})]
 									}), /* @__PURE__ */ N("ul", {
-										className: "text-xs text-blue-600 dark:text-blue-400 space-y-1 ml-6 list-disc",
+										className: "text-xs text-accent-blue space-y-1 ml-6 list-disc",
 										children: [
 											/* @__PURE__ */ M("li", { children: "Be specific about the issue and include steps to reproduce it" }),
 											/* @__PURE__ */ M("li", { children: "Include relevant order IDs, transaction IDs, or error messages" }),
@@ -971,14 +971,14 @@ function V() {
 										type: "button",
 										onClick: pe,
 										disabled: U,
-										className: t("flex items-center gap-2 rounded-lg px-5 py-2.5 text-sm font-medium text-primary-foreground transition-colors", U ? "bg-primary/70 cursor-not-allowed" : "bg-primary hover:bg-primary/90"),
+										className: t("flex items-center gap-2 rounded-lg px-5 py-2.5 text-sm font-medium text-action-primary-text transition-colors", U ? "bg-action-primary-bg/70 cursor-not-allowed" : "bg-action-primary-bg hover:bg-action-primary-bg/90"),
 										children: U ? /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-primary-foreground/30 border-t-primary-foreground" }), "Submitting..."] }) : /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(oe, { className: "h-4 w-4" }), "Submit Ticket"] })
 									}), /* @__PURE__ */ M("button", {
 										type: "button",
 										onClick: () => {
 											H(!1), J("");
 										},
-										className: "rounded-lg border border-border px-4 py-2.5 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+										className: "rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 										children: "Cancel"
 									})]
 								})
@@ -988,11 +988,11 @@ function V() {
 					/* @__PURE__ */ N("div", {
 						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
 						children: [/* @__PURE__ */ N("div", {
-							className: "rounded-lg border border-border bg-card p-5",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 							children: [/* @__PURE__ */ N("div", {
 								className: "flex items-center gap-2 mb-3",
-								children: [/* @__PURE__ */ M(f, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ M("h3", {
-									className: "text-sm font-semibold text-foreground",
+								children: [/* @__PURE__ */ M(f, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ M("h3", {
+									className: "text-sm font-semibold text-text-primary",
 									children: "Support Hours"
 								})]
 							}), /* @__PURE__ */ N("div", {
@@ -1001,57 +1001,57 @@ function V() {
 									/* @__PURE__ */ N("div", {
 										className: "flex justify-between",
 										children: [/* @__PURE__ */ M("span", {
-											className: "text-muted-foreground",
+											className: "text-text-secondary",
 											children: "Monday - Friday"
 										}), /* @__PURE__ */ M("span", {
-											className: "font-medium text-foreground",
+											className: "font-medium text-text-primary",
 											children: "9:00 AM - 9:00 PM IST"
 										})]
 									}),
 									/* @__PURE__ */ N("div", {
 										className: "flex justify-between",
 										children: [/* @__PURE__ */ M("span", {
-											className: "text-muted-foreground",
+											className: "text-text-secondary",
 											children: "Saturday"
 										}), /* @__PURE__ */ M("span", {
-											className: "font-medium text-foreground",
+											className: "font-medium text-text-primary",
 											children: "10:00 AM - 6:00 PM IST"
 										})]
 									}),
 									/* @__PURE__ */ N("div", {
 										className: "flex justify-between",
 										children: [/* @__PURE__ */ M("span", {
-											className: "text-muted-foreground",
+											className: "text-text-secondary",
 											children: "Sunday"
 										}), /* @__PURE__ */ M("span", {
-											className: "font-medium text-foreground",
+											className: "font-medium text-text-primary",
 											children: "Closed"
 										})]
 									}),
 									/* @__PURE__ */ N("div", {
-										className: "flex justify-between pt-2 border-t border-border",
+										className: "flex justify-between pt-2 border-t border-border-subtle",
 										children: [/* @__PURE__ */ M("span", {
-											className: "text-muted-foreground",
+											className: "text-text-secondary",
 											children: "Email Support"
 										}), /* @__PURE__ */ M("span", {
-											className: "font-medium text-foreground",
+											className: "font-medium text-text-primary",
 											children: "24/7"
 										})]
 									})
 								]
 							})]
 						}), /* @__PURE__ */ N("div", {
-							className: "rounded-lg border border-red-500/20 bg-red-500/5 p-5",
+							className: "rounded-lg border border-status-error-border/20 bg-status-error-bg-subtle/5 p-5",
 							children: [
 								/* @__PURE__ */ N("div", {
 									className: "flex items-center gap-2 mb-3",
-									children: [/* @__PURE__ */ M(o, { className: "h-5 w-5 text-red-600 dark:text-red-400" }), /* @__PURE__ */ M("h3", {
-										className: "text-sm font-semibold text-red-700 dark:text-red-300",
+									children: [/* @__PURE__ */ M(o, { className: "h-5 w-5 text-status-error-text" }), /* @__PURE__ */ M("h3", {
+										className: "text-sm font-semibold text-status-error-text",
 										children: "Emergency Contact"
 									})]
 								}),
 								/* @__PURE__ */ M("p", {
-									className: "text-sm text-red-600 dark:text-red-400 mb-3",
+									className: "text-sm text-status-error-text mb-3",
 									children: "For urgent issues like safety concerns, fraud, or account compromise:"
 								}),
 								/* @__PURE__ */ N("div", {
@@ -1059,20 +1059,20 @@ function V() {
 									children: [/* @__PURE__ */ N("div", {
 										className: "flex items-center gap-2 text-sm",
 										children: [
-											/* @__PURE__ */ M(v, { className: "h-4 w-4 text-red-600 dark:text-red-400" }),
+											/* @__PURE__ */ M(v, { className: "h-4 w-4 text-status-error-text" }),
 											/* @__PURE__ */ M("span", {
-												className: "font-medium text-red-700 dark:text-red-300",
+												className: "font-medium text-status-error-text",
 												children: "+91 80-4012-9999"
 											}),
 											/* @__PURE__ */ M("span", {
-												className: "text-xs text-red-500",
+												className: "text-xs text-status-error-text",
 												children: "(24/7)"
 											})
 										]
 									}), /* @__PURE__ */ N("div", {
 										className: "flex items-center gap-2 text-sm",
-										children: [/* @__PURE__ */ M(h, { className: "h-4 w-4 text-red-600 dark:text-red-400" }), /* @__PURE__ */ M("span", {
-											className: "font-medium text-red-700 dark:text-red-300",
+										children: [/* @__PURE__ */ M(h, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ M("span", {
+											className: "font-medium text-status-error-text",
 											children: "emergency@adaptercloud.com"
 										})]
 									})]
@@ -1081,25 +1081,25 @@ function V() {
 						})]
 					}),
 					/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("h2", {
-						className: "text-base font-semibold text-foreground mb-3",
+						className: "text-base font-semibold text-text-primary mb-3",
 						children: "Popular Articles"
 					}), /* @__PURE__ */ M("div", {
 						className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
 						children: L.map((e) => /* @__PURE__ */ N("button", {
 							type: "button",
-							className: "flex items-start gap-3 rounded-lg border border-border bg-card p-4 text-left hover:bg-accent/50 transition-colors",
-							children: [/* @__PURE__ */ M(re, { className: "h-5 w-5 text-muted-foreground shrink-0 mt-0.5" }), /* @__PURE__ */ N("div", {
+							className: "flex items-start gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 text-left hover:bg-accent/50 transition-colors bg-gloss-card shadow-pop",
+							children: [/* @__PURE__ */ M(re, { className: "h-5 w-5 text-text-secondary shrink-0 mt-0.5" }), /* @__PURE__ */ N("div", {
 								className: "min-w-0",
 								children: [/* @__PURE__ */ M("p", {
-									className: "text-sm font-medium text-foreground truncate",
+									className: "text-sm font-medium text-text-primary truncate",
 									children: e.title
 								}), /* @__PURE__ */ N("div", {
 									className: "flex items-center gap-2 mt-1",
 									children: [/* @__PURE__ */ M("span", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: e.category
 									}), /* @__PURE__ */ N("span", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: [e.views.toLocaleString("en-IN"), " views"]
 									})]
 								})]
@@ -1115,42 +1115,42 @@ function V() {
 						className: "grid grid-cols-2 gap-3 sm:grid-cols-4",
 						children: [
 							/* @__PURE__ */ N("div", {
-								className: "rounded-lg border border-border bg-card p-3 text-center",
+								className: "rounded-lg border border-border-subtle bg-bg-surface p-3 text-center",
 								children: [/* @__PURE__ */ M("p", {
-									className: "text-2xl font-bold text-foreground",
+									className: "text-2xl font-bold text-text-primary",
 									children: Q.total
 								}), /* @__PURE__ */ M("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "Total"
 								})]
 							}),
 							/* @__PURE__ */ N("div", {
-								className: "rounded-lg border border-border bg-card p-3 text-center",
+								className: "rounded-lg border border-border-subtle bg-bg-surface p-3 text-center",
 								children: [/* @__PURE__ */ M("p", {
-									className: "text-2xl font-bold text-blue-600 dark:text-blue-400",
+									className: "text-2xl font-bold text-accent-blue",
 									children: Q.open
 								}), /* @__PURE__ */ M("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "Open"
 								})]
 							}),
 							/* @__PURE__ */ N("div", {
-								className: "rounded-lg border border-border bg-card p-3 text-center",
+								className: "rounded-lg border border-border-subtle bg-bg-surface p-3 text-center",
 								children: [/* @__PURE__ */ M("p", {
-									className: "text-2xl font-bold text-amber-600 dark:text-amber-400",
+									className: "text-2xl font-bold text-status-warning-text",
 									children: Q.inProgress
 								}), /* @__PURE__ */ M("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "In Progress"
 								})]
 							}),
 							/* @__PURE__ */ N("div", {
-								className: "rounded-lg border border-border bg-card p-3 text-center",
+								className: "rounded-lg border border-border-subtle bg-bg-surface p-3 text-center",
 								children: [/* @__PURE__ */ M("p", {
-									className: "text-2xl font-bold text-green-600 dark:text-green-400",
+									className: "text-2xl font-bold text-status-success-text",
 									children: Q.resolved
 								}), /* @__PURE__ */ M("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "Resolved"
 								})]
 							})
@@ -1159,7 +1159,7 @@ function V() {
 					/* @__PURE__ */ N("div", {
 						className: "flex items-center justify-between",
 						children: [/* @__PURE__ */ N("p", {
-							className: "text-sm text-muted-foreground",
+							className: "text-sm text-text-secondary",
 							children: [
 								O.length,
 								" ticket",
@@ -1170,20 +1170,20 @@ function V() {
 							onClick: () => {
 								H(!0), d("contact");
 							},
-							className: "flex items-center gap-1.5 rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+							className: "flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
 							children: [/* @__PURE__ */ M(w, { className: "h-4 w-4" }), "New Ticket"]
 						})]
 					}),
 					O.length === 0 ? /* @__PURE__ */ N("div", {
-						className: "flex flex-col items-center justify-center rounded-lg border border-border bg-card py-12",
+						className: "flex flex-col items-center justify-center rounded-lg border border-border-subtle bg-bg-surface py-12",
 						children: [
-							/* @__PURE__ */ M(w, { className: "h-12 w-12 text-muted-foreground/50 mb-3" }),
+							/* @__PURE__ */ M(w, { className: "h-12 w-12 text-text-secondary/50 mb-3" }),
 							/* @__PURE__ */ M("h3", {
-								className: "text-base font-semibold text-foreground mb-1",
+								className: "text-base font-semibold text-text-primary mb-1",
 								children: "No support tickets"
 							}),
 							/* @__PURE__ */ M("p", {
-								className: "text-sm text-muted-foreground mb-3",
+								className: "text-sm text-text-secondary mb-3",
 								children: "You haven't created any support tickets yet"
 							}),
 							/* @__PURE__ */ M("button", {
@@ -1191,7 +1191,7 @@ function V() {
 								onClick: () => {
 									H(!0), d("contact");
 								},
-								className: "flex items-center gap-1.5 rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+								className: "flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
 								children: "Create Your First Ticket"
 							})
 						]
@@ -1200,7 +1200,7 @@ function V() {
 						children: O.map((e) => {
 							let n = ue(e.status), i = e.responses.length > 0 ? e.responses[e.responses.length - 1] : null;
 							return /* @__PURE__ */ N("div", {
-								className: "rounded-lg border border-border bg-card overflow-hidden",
+								className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden",
 								children: [/* @__PURE__ */ N("div", {
 									className: "p-4 sm:p-5",
 									children: [
@@ -1211,11 +1211,11 @@ function V() {
 												children: [/* @__PURE__ */ N("div", {
 													className: "flex items-center gap-2 mb-1",
 													children: [/* @__PURE__ */ M(n, { className: t("h-4 w-4", R(e.status).split(" ").slice(1).join(" ")) }), /* @__PURE__ */ M("h3", {
-														className: "text-sm font-semibold text-foreground truncate",
+														className: "text-sm font-semibold text-text-primary truncate",
 														children: e.subject
 													})]
 												}), /* @__PURE__ */ N("p", {
-													className: "text-xs text-muted-foreground",
+													className: "text-xs text-text-secondary",
 													children: [
 														e.category,
 														" · ",
@@ -1234,36 +1234,36 @@ function V() {
 											})]
 										}),
 										/* @__PURE__ */ M("p", {
-											className: "text-sm text-muted-foreground mt-2 leading-relaxed",
+											className: "text-sm text-text-secondary mt-2 leading-relaxed",
 											children: e.description
 										}),
 										i && /* @__PURE__ */ N("div", {
-											className: "mt-3 rounded-lg bg-muted/50 border border-border p-3",
+											className: "mt-3 rounded-lg bg-bg-sunken/50 border border-border-subtle p-3",
 											children: [/* @__PURE__ */ N("div", {
 												className: "flex items-center gap-1.5 mb-1",
 												children: [
-													/* @__PURE__ */ M(_, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+													/* @__PURE__ */ M(_, { className: "h-3.5 w-3.5 text-text-secondary" }),
 													/* @__PURE__ */ M("span", {
-														className: "text-xs font-medium text-foreground",
+														className: "text-xs font-medium text-text-primary",
 														children: i.sender === "support" ? "Support Team" : "You"
 													}),
 													/* @__PURE__ */ N("span", {
-														className: "text-xs text-muted-foreground",
+														className: "text-xs text-text-secondary",
 														children: ["· ", r(i.timestamp)]
 													})
 												]
 											}), /* @__PURE__ */ M("p", {
-												className: "text-sm text-muted-foreground",
+												className: "text-sm text-text-secondary",
 												children: i.message
 											})]
 										}),
 										e.responses.length === 0 && e.status === "open" && /* @__PURE__ */ N("div", {
-											className: "mt-3 flex items-center gap-2 text-xs text-muted-foreground",
+											className: "mt-3 flex items-center gap-2 text-xs text-text-secondary",
 											children: [/* @__PURE__ */ M(m, { className: "h-3.5 w-3.5" }), "Awaiting response from support team"]
 										})
 									]
 								}), /* @__PURE__ */ N("div", {
-									className: "flex flex-col gap-1 border-t border-border bg-muted/30 px-4 py-2.5 sm:flex-row sm:items-center sm:justify-between text-xs text-muted-foreground",
+									className: "flex flex-col gap-1 border-t border-border-subtle bg-bg-sunken/30 px-4 py-2.5 sm:flex-row sm:items-center sm:justify-between text-xs text-text-secondary",
 									children: [
 										/* @__PURE__ */ N("span", { children: ["Created: ", r(e.createdAt)] }),
 										/* @__PURE__ */ N("span", { children: ["Updated: ", r(e.updatedAt)] }),
@@ -1280,14 +1280,14 @@ function V() {
 				]
 			}),
 			/* @__PURE__ */ M("section", {
-				className: "mt-8 rounded-lg border border-border bg-muted/30 p-5",
+				className: "mt-8 rounded-lg border border-border-subtle bg-bg-sunken/30 p-5",
 				children: /* @__PURE__ */ N("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
 					children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("h3", {
-						className: "text-sm font-semibold text-foreground mb-1",
+						className: "text-sm font-semibold text-text-primary mb-1",
 						children: "Still need help?"
 					}), /* @__PURE__ */ M("p", {
-						className: "text-xs text-muted-foreground",
+						className: "text-xs text-text-secondary",
 						children: "Our support team is available Monday to Saturday. Average response time is under 4 hours."
 					})] }), /* @__PURE__ */ N("div", {
 						className: "flex flex-wrap gap-2",
@@ -1295,13 +1295,13 @@ function V() {
 							/* @__PURE__ */ N("button", {
 								type: "button",
 								onClick: () => $(I[0]),
-								className: "flex items-center gap-1.5 rounded-lg border border-border bg-card px-3 py-2 text-xs font-medium text-foreground hover:bg-accent transition-colors",
+								className: "flex items-center gap-1.5 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
 								children: [/* @__PURE__ */ M(h, { className: "h-3.5 w-3.5" }), "Email Us"]
 							}),
 							/* @__PURE__ */ N("button", {
 								type: "button",
 								onClick: () => $(I[1]),
-								className: "flex items-center gap-1.5 rounded-lg border border-border bg-card px-3 py-2 text-xs font-medium text-foreground hover:bg-accent transition-colors",
+								className: "flex items-center gap-1.5 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
 								children: [/* @__PURE__ */ M(v, { className: "h-3.5 w-3.5" }), "Call Us"]
 							}),
 							/* @__PURE__ */ N("button", {
@@ -1309,7 +1309,7 @@ function V() {
 								onClick: () => {
 									H(!0), d("contact");
 								},
-								className: "flex items-center gap-1.5 rounded-lg bg-primary px-3 py-2 text-xs font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+								className: "flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-2 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
 								children: [/* @__PURE__ */ M(w, { className: "h-3.5 w-3.5" }), "Submit Ticket"]
 							})
 						]