@burdenoff/microfe-subscriberbot 2026.615.1 → 2026.625.1

package/dist/subscriberbot/pages/admin/AdminDashboard.js

@@ -87,33 +87,34 @@ function D() {
 		order: b,
 		dispute: s
 	}[e] ?? o, { className: "h-4 w-4" }), z = (e) => ({
-		user_registration: "text-blue-600 dark:text-blue-400",
-		cart_approval: "text-purple-600 dark:text-purple-400",
-		investment: "text-emerald-600 dark:text-emerald-400",
-		order: "text-green-600 dark:text-green-400",
-		dispute: "text-yellow-600 dark:text-yellow-400"
-	})[e] ?? "text-muted-foreground", B = (e) => ({
-		completed: "bg-green-500/20 text-green-600 dark:text-green-400",
-		pending: "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
-		failed: "bg-red-500/20 text-red-600 dark:text-red-400"
+		user_registration: "text-status-info-text",
+		cart_approval: "text-accent-purple",
+		investment: "text-status-success-text",
+		order: "text-status-success-text",
+		dispute: "text-status-warning-text"
+	})[e] ?? "text-text-secondary", B = (e) => ({
+		completed: "bg-status-success-bg/20 text-status-success-text",
+		pending: "bg-status-warning-bg/20 text-status-warning-text",
+		failed: "bg-status-error-bg/20 text-status-error-text"
 	})[e] ?? "bg-secondary text-secondary-foreground";
 	return I ? /* @__PURE__ */ T(n, {
 		title: "Admin Dashboard",
 		description: "Loading...",
 		children: /* @__PURE__ */ E("div", {
 			className: "flex flex-col items-center justify-center py-20",
-			children: [/* @__PURE__ */ T(g, { className: "h-10 w-10 animate-spin text-muted-foreground mb-4" }), /* @__PURE__ */ T("p", {
-				className: "text-muted-foreground",
+			children: [/* @__PURE__ */ T(g, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ T("p", {
+				className: "text-text-secondary",
 				children: "Loading admin dashboard..."
 			})]
 		})
 	}) : /* @__PURE__ */ E(n, {
 		title: "Admin Dashboard",
 		description: `Welcome, ${k}! Monitor and manage the platform.`,
+		titleGradient: !0,
 		actions: A?.pendingApprovals && A.pendingApprovals > 0 ? /* @__PURE__ */ E("div", {
-			className: "flex items-center gap-2 rounded-lg border border-red-500/30 bg-red-500/10 px-3 py-2",
-			children: [/* @__PURE__ */ T(s, { className: "h-4 w-4 text-red-600 dark:text-red-400" }), /* @__PURE__ */ E("span", {
-				className: "text-sm font-medium text-red-600 dark:text-red-400",
+			className: "flex items-center gap-2 rounded-lg border border-status-error-border/30 bg-status-error-bg/10 px-3 py-2",
+			children: [/* @__PURE__ */ T(s, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ E("span", {
+				className: "text-sm font-medium text-status-error-text",
 				children: [A.pendingApprovals, " pending approvals"]
 			})]
 		}) : void 0,
@@ -121,7 +122,7 @@ function D() {
 			/* @__PURE__ */ E("div", {
 				className: "mb-8",
 				children: [/* @__PURE__ */ T("h2", {
-					className: "text-lg font-semibold text-foreground mb-4",
+					className: "text-lg font-semibold text-text-primary mb-4",
 					children: "Quick Actions"
 				}), /* @__PURE__ */ E("div", {
 					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3",
@@ -129,7 +130,7 @@ function D() {
 						/* @__PURE__ */ E("button", {
 							type: "button",
 							onClick: () => D("/admin/carts"),
-							className: "flex items-center gap-3 rounded-lg bg-red-600 hover:bg-red-700 text-white p-3 text-sm font-medium transition-colors",
+							className: "flex items-center gap-3 rounded-lg bg-status-error-text hover:bg-status-error-text text-text-inverse p-3 text-sm font-medium transition-colors",
 							children: [
 								/* @__PURE__ */ T(s, { className: "h-5 w-5" }),
 								"Approve Carts (",
@@ -140,44 +141,44 @@ function D() {
 						/* @__PURE__ */ E("button", {
 							type: "button",
 							onClick: () => D("/admin/carts"),
-							className: "flex items-center gap-3 rounded-lg border border-border bg-card hover:bg-accent p-3 text-sm font-medium text-foreground transition-colors",
-							children: [/* @__PURE__ */ T(x, { className: "h-5 w-5 text-muted-foreground" }), "Manage Carts"]
+							className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors",
+							children: [/* @__PURE__ */ T(x, { className: "h-5 w-5 text-text-secondary" }), "Manage Carts"]
 						}),
 						/* @__PURE__ */ E("button", {
 							type: "button",
 							onClick: () => D("/admin/users"),
-							className: "flex items-center gap-3 rounded-lg border border-border bg-card hover:bg-accent p-3 text-sm font-medium text-foreground transition-colors",
-							children: [/* @__PURE__ */ T(C, { className: "h-5 w-5 text-muted-foreground" }), "User Management"]
+							className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors",
+							children: [/* @__PURE__ */ T(C, { className: "h-5 w-5 text-text-secondary" }), "User Management"]
 						}),
 						/* @__PURE__ */ E("button", {
 							type: "button",
 							onClick: () => D("/admin/orders"),
-							className: "flex items-center gap-3 rounded-lg border border-border bg-card hover:bg-accent p-3 text-sm font-medium text-foreground transition-colors",
-							children: [/* @__PURE__ */ T(b, { className: "h-5 w-5 text-muted-foreground" }), "Order Management"]
+							className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors",
+							children: [/* @__PURE__ */ T(b, { className: "h-5 w-5 text-text-secondary" }), "Order Management"]
 						}),
 						/* @__PURE__ */ E("button", {
 							type: "button",
 							onClick: () => D("/admin/financial"),
-							className: "flex items-center gap-3 rounded-lg border border-border bg-card hover:bg-accent p-3 text-sm font-medium text-foreground transition-colors",
-							children: [/* @__PURE__ */ T(h, { className: "h-5 w-5 text-muted-foreground" }), "Financial Analytics"]
+							className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors",
+							children: [/* @__PURE__ */ T(h, { className: "h-5 w-5 text-text-secondary" }), "Financial Analytics"]
 						}),
 						/* @__PURE__ */ E("button", {
 							type: "button",
 							onClick: () => D("/admin/analytics"),
-							className: "flex items-center gap-3 rounded-lg border border-border bg-card hover:bg-accent p-3 text-sm font-medium text-foreground transition-colors",
-							children: [/* @__PURE__ */ T(l, { className: "h-5 w-5 text-muted-foreground" }), "Analytics"]
+							className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors",
+							children: [/* @__PURE__ */ T(l, { className: "h-5 w-5 text-text-secondary" }), "Analytics"]
 						}),
 						/* @__PURE__ */ E("button", {
 							type: "button",
 							onClick: () => D("/admin/settings"),
-							className: "flex items-center gap-3 rounded-lg border border-border bg-card hover:bg-accent p-3 text-sm font-medium text-foreground transition-colors",
-							children: [/* @__PURE__ */ T(v, { className: "h-5 w-5 text-muted-foreground" }), "Settings"]
+							className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors",
+							children: [/* @__PURE__ */ T(v, { className: "h-5 w-5 text-text-secondary" }), "Settings"]
 						}),
 						/* @__PURE__ */ E("button", {
 							type: "button",
 							onClick: () => D("/admin/analytics"),
-							className: "flex items-center gap-3 rounded-lg border border-border bg-card hover:bg-accent p-3 text-sm font-medium text-foreground transition-colors",
-							children: [/* @__PURE__ */ T(m, { className: "h-5 w-5 text-muted-foreground" }), "Reports"]
+							className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors",
+							children: [/* @__PURE__ */ T(m, { className: "h-5 w-5 text-text-secondary" }), "Reports"]
 						})
 					]
 				})]
@@ -186,7 +187,7 @@ function D() {
 				className: "mb-8",
 				children: [
 					/* @__PURE__ */ T("h2", {
-						className: "text-lg font-semibold text-foreground mb-4",
+						className: "text-lg font-semibold text-text-primary mb-4",
 						children: "Platform Overview"
 					}),
 					/* @__PURE__ */ E("div", {
@@ -226,42 +227,42 @@ function D() {
 						className: "grid grid-cols-2 lg:grid-cols-4 gap-4 mt-4",
 						children: [
 							/* @__PURE__ */ E("div", {
-								className: "rounded-lg border border-border bg-card p-4",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4",
 								children: [/* @__PURE__ */ T("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "Active Users (24h)"
 								}), /* @__PURE__ */ T("p", {
-									className: "text-xl font-bold text-green-600 dark:text-green-400",
+									className: "text-xl font-bold text-status-success-text",
 									children: A.activeUsers.toLocaleString("en-IN")
 								})]
 							}),
 							/* @__PURE__ */ E("div", {
-								className: "rounded-lg border border-border bg-card p-4",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4",
 								children: [/* @__PURE__ */ T("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "Pending Approvals"
 								}), /* @__PURE__ */ T("p", {
-									className: "text-xl font-bold text-red-600 dark:text-red-400",
+									className: "text-xl font-bold text-status-error-text",
 									children: A.pendingApprovals
 								})]
 							}),
 							/* @__PURE__ */ E("div", {
-								className: "rounded-lg border border-border bg-card p-4",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4",
 								children: [/* @__PURE__ */ T("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "Total Investments"
 								}), /* @__PURE__ */ T("p", {
-									className: "text-xl font-bold text-blue-600 dark:text-blue-400",
+									className: "text-xl font-bold text-status-info-text",
 									children: A.totalInvestments.toLocaleString("en-IN")
 								})]
 							}),
 							/* @__PURE__ */ E("div", {
-								className: "rounded-lg border border-border bg-card p-4",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4",
 								children: [/* @__PURE__ */ T("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "Platform Commission"
 								}), /* @__PURE__ */ E("p", {
-									className: "text-xl font-bold text-purple-600 dark:text-purple-400",
+									className: "text-xl font-bold text-accent-purple",
 									children: [
 										"₹",
 										(A.platformCommission / 1e3).toFixed(0),
@@ -276,10 +277,10 @@ function D() {
 			P && /* @__PURE__ */ E("div", {
 				className: "mb-8",
 				children: [/* @__PURE__ */ T("h2", {
-					className: "text-lg font-semibold text-foreground mb-4",
+					className: "text-lg font-semibold text-text-primary mb-4",
 					children: "User Distribution"
 				}), /* @__PURE__ */ E("div", {
-					className: "rounded-lg border border-border bg-card p-6",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-6",
 					children: [/* @__PURE__ */ E("div", {
 						className: "grid grid-cols-2 lg:grid-cols-4 gap-6",
 						children: [
@@ -287,15 +288,15 @@ function D() {
 								className: "text-center",
 								children: [
 									/* @__PURE__ */ T("div", {
-										className: "text-2xl sm:text-3xl font-bold text-blue-600 dark:text-blue-400",
+										className: "text-2xl sm:text-3xl font-bold text-status-info-text",
 										children: P.customers.toLocaleString("en-IN")
 									}),
 									/* @__PURE__ */ T("div", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "Customers"
 									}),
 									/* @__PURE__ */ T("div", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: "69.5%"
 									})
 								]
@@ -304,15 +305,15 @@ function D() {
 								className: "text-center",
 								children: [
 									/* @__PURE__ */ T("div", {
-										className: "text-2xl sm:text-3xl font-bold text-green-600 dark:text-green-400",
+										className: "text-2xl sm:text-3xl font-bold text-status-success-text",
 										children: P.cartOwners.toLocaleString("en-IN")
 									}),
 									/* @__PURE__ */ T("div", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "Cart Owners"
 									}),
 									/* @__PURE__ */ T("div", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: "19.1%"
 									})
 								]
@@ -321,15 +322,15 @@ function D() {
 								className: "text-center",
 								children: [
 									/* @__PURE__ */ T("div", {
-										className: "text-2xl sm:text-3xl font-bold text-yellow-600 dark:text-yellow-400",
+										className: "text-2xl sm:text-3xl font-bold text-status-warning-text",
 										children: P.workers.toLocaleString("en-IN")
 									}),
 									/* @__PURE__ */ T("div", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "Workers"
 									}),
 									/* @__PURE__ */ T("div", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: "9.7%"
 									})
 								]
@@ -338,29 +339,29 @@ function D() {
 								className: "text-center",
 								children: [
 									/* @__PURE__ */ T("div", {
-										className: "text-2xl sm:text-3xl font-bold text-purple-600 dark:text-purple-400",
+										className: "text-2xl sm:text-3xl font-bold text-accent-purple",
 										children: P.investors.toLocaleString("en-IN")
 									}),
 									/* @__PURE__ */ T("div", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "Investors"
 									}),
 									/* @__PURE__ */ T("div", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: "1.7%"
 									})
 								]
 							})
 						]
 					}), /* @__PURE__ */ T("div", {
-						className: "mt-4 pt-4 border-t border-border",
+						className: "mt-4 pt-4 border-t border-border-seam",
 						children: /* @__PURE__ */ E("div", {
 							className: "flex justify-between items-center",
 							children: [/* @__PURE__ */ T("span", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "User Growth (This Month)"
 							}), /* @__PURE__ */ E("span", {
-								className: "text-sm font-medium text-green-600 dark:text-green-400",
+								className: "text-sm font-medium text-status-success-text",
 								children: [
 									"+",
 									P.growth,
@@ -376,34 +377,34 @@ function D() {
 				children: [/* @__PURE__ */ E("div", {
 					className: "flex items-center justify-between mb-4",
 					children: [/* @__PURE__ */ T("h2", {
-						className: "text-lg font-semibold text-foreground",
+						className: "text-lg font-semibold text-text-primary",
 						children: "Recent Platform Activity"
 					}), /* @__PURE__ */ E("button", {
 						type: "button",
 						onClick: () => D("/admin/analytics"),
-						className: "flex items-center gap-1 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors",
+						className: "flex items-center gap-1 text-sm font-medium text-text-secondary hover:text-text-primary transition-colors",
 						children: ["View all activities", /* @__PURE__ */ T(c, { className: "h-4 w-4" })]
 					})]
 				}), /* @__PURE__ */ T("div", {
-					className: "rounded-lg border border-border bg-card divide-y divide-border",
+					className: "rounded-lg border border-border-seam bg-bg-surface divide-y divide-border",
 					children: M.map((e) => /* @__PURE__ */ E("div", {
 						className: "flex items-start gap-3 px-4 py-3",
 						children: [/* @__PURE__ */ T("div", {
-							className: t("flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-muted mt-0.5", z(e.type)),
+							className: t("flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-sunken mt-0.5", z(e.type)),
 							children: R(e.type)
 						}), /* @__PURE__ */ E("div", {
 							className: "flex-1 min-w-0",
 							children: [/* @__PURE__ */ E("div", {
 								className: "flex flex-col sm:flex-row sm:items-center justify-between gap-2",
 								children: [/* @__PURE__ */ T("p", {
-									className: "text-sm font-medium text-foreground",
+									className: "text-sm font-medium text-text-primary",
 									children: e.description
 								}), /* @__PURE__ */ T("span", {
 									className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize w-fit", B(e.status)),
 									children: e.status
 								})]
 							}), /* @__PURE__ */ E("div", {
-								className: "flex flex-wrap items-center mt-1 text-xs text-muted-foreground gap-3",
+								className: "flex flex-wrap items-center mt-1 text-xs text-text-secondary gap-3",
 								children: [
 									/* @__PURE__ */ T("span", { children: e.timestamp }),
 									e.user && /* @__PURE__ */ E("span", {
@@ -427,11 +428,11 @@ function D() {
 			/* @__PURE__ */ E("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8",
 				children: [/* @__PURE__ */ E("div", {
-					className: "rounded-lg border border-border bg-card p-6",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-6",
 					children: [/* @__PURE__ */ E("div", {
 						className: "flex items-center gap-2 mb-4",
-						children: [/* @__PURE__ */ T(y, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ T("h3", {
-							className: "text-lg font-semibold text-foreground",
+						children: [/* @__PURE__ */ T(y, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ T("h3", {
+							className: "text-lg font-semibold text-text-primary",
 							children: "System Health"
 						})]
 					}), /* @__PURE__ */ E("div", {
@@ -441,12 +442,12 @@ function D() {
 								className: "flex items-center justify-between",
 								children: [/* @__PURE__ */ E("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ T(_, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ T("span", {
-										className: "text-sm text-muted-foreground",
+									children: [/* @__PURE__ */ T(_, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ T("span", {
+										className: "text-sm text-text-secondary",
 										children: "Server Status"
 									})]
 								}), /* @__PURE__ */ E("span", {
-									className: "inline-flex items-center gap-1.5 rounded-full bg-green-500/20 px-3 py-1 text-xs font-medium text-green-600 dark:text-green-400",
+									className: "inline-flex items-center gap-1.5 rounded-full bg-status-success-bg/20 px-3 py-1 text-xs font-medium text-status-success-text",
 									children: [/* @__PURE__ */ T(u, { className: "h-3 w-3" }), "Healthy"]
 								})]
 							}),
@@ -454,12 +455,12 @@ function D() {
 								className: "flex items-center justify-between",
 								children: [/* @__PURE__ */ E("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ T(p, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ T("span", {
-										className: "text-sm text-muted-foreground",
+									children: [/* @__PURE__ */ T(p, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ T("span", {
+										className: "text-sm text-text-secondary",
 										children: "Database Performance"
 									})]
 								}), /* @__PURE__ */ E("span", {
-									className: "inline-flex items-center gap-1.5 rounded-full bg-green-500/20 px-3 py-1 text-xs font-medium text-green-600 dark:text-green-400",
+									className: "inline-flex items-center gap-1.5 rounded-full bg-status-success-bg/20 px-3 py-1 text-xs font-medium text-status-success-text",
 									children: [/* @__PURE__ */ T(u, { className: "h-3 w-3" }), "Optimal"]
 								})]
 							}),
@@ -467,12 +468,12 @@ function D() {
 								className: "flex items-center justify-between",
 								children: [/* @__PURE__ */ E("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ T(f, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ T("span", {
-										className: "text-sm text-muted-foreground",
+									children: [/* @__PURE__ */ T(f, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ T("span", {
+										className: "text-sm text-text-secondary",
 										children: "Payment Gateway"
 									})]
 								}), /* @__PURE__ */ E("span", {
-									className: "inline-flex items-center gap-1.5 rounded-full bg-green-500/20 px-3 py-1 text-xs font-medium text-green-600 dark:text-green-400",
+									className: "inline-flex items-center gap-1.5 rounded-full bg-status-success-bg/20 px-3 py-1 text-xs font-medium text-status-success-text",
 									children: [/* @__PURE__ */ T(u, { className: "h-3 w-3" }), "Online"]
 								})]
 							}),
@@ -480,12 +481,12 @@ function D() {
 								className: "flex items-center justify-between",
 								children: [/* @__PURE__ */ E("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ T(w, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ T("span", {
-										className: "text-sm text-muted-foreground",
+									children: [/* @__PURE__ */ T(w, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ T("span", {
+										className: "text-sm text-text-secondary",
 										children: "API Response Time"
 									})]
 								}), /* @__PURE__ */ T("span", {
-									className: "text-sm font-medium text-foreground",
+									className: "text-sm font-medium text-text-primary",
 									children: "145ms"
 								})]
 							}),
@@ -493,23 +494,23 @@ function D() {
 								className: "flex items-center justify-between",
 								children: [/* @__PURE__ */ E("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ T(d, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ T("span", {
-										className: "text-sm text-muted-foreground",
+									children: [/* @__PURE__ */ T(d, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ T("span", {
+										className: "text-sm text-text-secondary",
 										children: "Uptime (30 days)"
 									})]
 								}), /* @__PURE__ */ T("span", {
-									className: "text-sm font-medium text-foreground",
+									className: "text-sm font-medium text-text-primary",
 									children: "99.8%"
 								})]
 							})
 						]
 					})]
 				}), /* @__PURE__ */ E("div", {
-					className: "rounded-lg border border-border bg-card p-6",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-6",
 					children: [/* @__PURE__ */ E("div", {
 						className: "flex items-center gap-2 mb-4",
-						children: [/* @__PURE__ */ T(h, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ T("h3", {
-							className: "text-lg font-semibold text-foreground",
+						children: [/* @__PURE__ */ T(h, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ T("h3", {
+							className: "text-lg font-semibold text-text-primary",
 							children: "Financial Overview"
 						})]
 					}), /* @__PURE__ */ E("div", {
@@ -518,50 +519,50 @@ function D() {
 							/* @__PURE__ */ E("div", {
 								className: "flex justify-between",
 								children: [/* @__PURE__ */ T("span", {
-									className: "text-sm text-muted-foreground",
+									className: "text-sm text-text-secondary",
 									children: "Today's Revenue"
 								}), /* @__PURE__ */ T("span", {
-									className: "font-medium text-foreground",
+									className: "font-medium text-text-primary",
 									children: "₹1,45,230"
 								})]
 							}),
 							/* @__PURE__ */ E("div", {
 								className: "flex justify-between",
 								children: [/* @__PURE__ */ T("span", {
-									className: "text-sm text-muted-foreground",
+									className: "text-sm text-text-secondary",
 									children: "This Month"
 								}), /* @__PURE__ */ T("span", {
-									className: "font-medium text-foreground",
+									className: "font-medium text-text-primary",
 									children: "₹24,50,000"
 								})]
 							}),
 							/* @__PURE__ */ E("div", {
 								className: "flex justify-between",
 								children: [/* @__PURE__ */ T("span", {
-									className: "text-sm text-muted-foreground",
+									className: "text-sm text-text-secondary",
 									children: "Platform Commission"
 								}), /* @__PURE__ */ T("span", {
-									className: "font-medium text-foreground",
+									className: "font-medium text-text-primary",
 									children: "₹1,22,500"
 								})]
 							}),
 							/* @__PURE__ */ E("div", {
 								className: "flex justify-between",
 								children: [/* @__PURE__ */ T("span", {
-									className: "text-sm text-muted-foreground",
+									className: "text-sm text-text-secondary",
 									children: "Active Investments"
 								}), /* @__PURE__ */ T("span", {
-									className: "font-medium text-foreground",
+									className: "font-medium text-text-primary",
 									children: "₹1.52Cr"
 								})]
 							}),
 							/* @__PURE__ */ E("div", {
 								className: "flex justify-between",
 								children: [/* @__PURE__ */ T("span", {
-									className: "text-sm text-muted-foreground",
+									className: "text-sm text-text-secondary",
 									children: "Pending Payouts"
 								}), /* @__PURE__ */ T("span", {
-									className: "font-medium text-foreground",
+									className: "font-medium text-text-primary",
 									children: "₹45,600"
 								})]
 							})
@@ -613,17 +614,17 @@ function D() {
 					return /* @__PURE__ */ E("button", {
 						type: "button",
 						onClick: () => D(e.path),
-						className: t("flex items-center gap-4 rounded-lg border border-border bg-card p-4 sm:p-6 text-left shadow-sm transition-all", "hover:bg-accent hover:shadow-md"),
+						className: t("flex items-center gap-4 rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 text-left shadow-sm transition-all", "hover:bg-accent hover:shadow-md"),
 						children: [/* @__PURE__ */ T("div", {
-							className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground",
+							className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary",
 							children: /* @__PURE__ */ T(n, { className: "h-5 w-5" })
 						}), /* @__PURE__ */ E("div", {
 							className: "min-w-0",
 							children: [/* @__PURE__ */ T("h3", {
-								className: "font-semibold text-foreground text-sm sm:text-base",
+								className: "font-semibold text-text-primary text-sm sm:text-base",
 								children: e.label
 							}), /* @__PURE__ */ T("p", {
-								className: "text-xs sm:text-sm text-muted-foreground",
+								className: "text-xs sm:text-sm text-text-secondary",
 								children: e.desc
 							})]
 						})]