@burdenoff/microfe-adaptercloud 2026.614.1 → 2026.625.1

package/dist/adaptercloud/pages/investor/InvestmentDetailsPage.js

@@ -80,22 +80,22 @@ var T = {
 function E(e) {
 	switch (e) {
 		case "verified": return {
-			color: "text-green-600 dark:text-green-400",
+			color: "text-status-success-text",
 			Icon: f,
 			label: "Verified"
 		};
 		case "pending": return {
-			color: "text-yellow-600 dark:text-yellow-400",
+			color: "text-status-warning-text",
 			Icon: p,
 			label: "Pending"
 		};
 		case "rejected": return {
-			color: "text-red-600 dark:text-red-400",
+			color: "text-status-error-text",
 			Icon: c,
 			label: "Rejected"
 		};
 		default: return {
-			color: "text-muted-foreground",
+			color: "text-text-secondary",
 			Icon: c,
 			label: e
 		};
@@ -139,7 +139,7 @@ function D() {
 			children: /* @__PURE__ */ w("div", {
 				className: "text-center",
 				children: [/* @__PURE__ */ C("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ C("p", {
-					className: "text-sm text-muted-foreground",
+					className: "text-sm text-text-secondary",
 					children: "Loading investment details..."
 				})]
 			})
@@ -149,8 +149,8 @@ function D() {
 		title: "Investment Not Found",
 		children: /* @__PURE__ */ w("div", {
 			className: "flex flex-col items-center justify-center py-12",
-			children: [/* @__PURE__ */ C(c, { className: "mb-4 h-12 w-12 text-red-500" }), /* @__PURE__ */ C("p", {
-				className: "text-foreground",
+			children: [/* @__PURE__ */ C(c, { className: "mb-4 h-12 w-12 text-status-error-text" }), /* @__PURE__ */ C("p", {
+				className: "text-text-primary",
 				children: "Investment not found"
 			})]
 		})
@@ -165,7 +165,7 @@ function D() {
 				/* @__PURE__ */ w("button", {
 					type: "button",
 					onClick: () => f("/investor/portfolio"),
-					className: "flex items-center gap-1.5 rounded-lg border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+					className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 					children: [
 						/* @__PURE__ */ C(l, { className: "h-4 w-4" }),
 						/* @__PURE__ */ C("span", {
@@ -181,7 +181,7 @@ function D() {
 				/* @__PURE__ */ w("button", {
 					type: "button",
 					onClick: () => alert("Report export initiated"),
-					className: "flex items-center gap-1.5 rounded-lg border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+					className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 					children: [
 						/* @__PURE__ */ C(m, { className: "h-4 w-4" }),
 						/* @__PURE__ */ C("span", {
@@ -197,7 +197,7 @@ function D() {
 				/* @__PURE__ */ w("button", {
 					type: "button",
 					onClick: () => j(!0),
-					className: "rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+					className: "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__ */ C("span", {
 						className: "hidden sm:inline",
 						children: "Manage Investment"
@@ -213,25 +213,25 @@ function D() {
 				className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
 				children: [
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border bg-card p-4 text-center",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-center bg-gloss-card shadow-pop",
 						children: [
 							/* @__PURE__ */ C(g, { className: "mx-auto mb-2 h-6 w-6 text-primary sm:h-8 sm:w-8" }),
 							/* @__PURE__ */ C("div", {
-								className: "text-lg font-bold text-foreground sm:text-2xl",
+								className: "text-lg font-bold text-text-primary sm:text-2xl",
 								children: r(M.investmentAmount, { minimumFractionDigits: 0 })
 							}),
 							/* @__PURE__ */ C("div", {
-								className: "text-xs text-muted-foreground sm:text-sm",
+								className: "text-xs text-text-secondary sm:text-sm",
 								children: "Your Investment"
 							})
 						]
 					}),
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border bg-card p-4 text-center",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-center bg-gloss-card shadow-pop",
 						children: [
-							/* @__PURE__ */ C(b, { className: "mx-auto mb-2 h-6 w-6 text-green-600 sm:h-8 sm:w-8" }),
+							/* @__PURE__ */ C(b, { className: "mx-auto mb-2 h-6 w-6 text-status-success-text sm:h-8 sm:w-8" }),
 							/* @__PURE__ */ w("div", {
-								className: "text-lg font-bold text-green-600 dark:text-green-400 sm:text-2xl",
+								className: "text-lg font-bold text-status-success-text sm:text-2xl",
 								children: [
 									I > 0 ? "+" : "",
 									I.toFixed(1),
@@ -239,35 +239,35 @@ function D() {
 								]
 							}),
 							/* @__PURE__ */ C("div", {
-								className: "text-xs text-muted-foreground sm:text-sm",
+								className: "text-xs text-text-secondary sm:text-sm",
 								children: "Returns"
 							})
 						]
 					}),
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border bg-card p-4 text-center",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-center bg-gloss-card shadow-pop",
 						children: [
-							/* @__PURE__ */ C(v, { className: "mx-auto mb-2 h-6 w-6 text-blue-600 sm:h-8 sm:w-8" }),
+							/* @__PURE__ */ C(v, { className: "mx-auto mb-2 h-6 w-6 text-accent-blue sm:h-8 sm:w-8" }),
 							/* @__PURE__ */ w("div", {
-								className: "text-lg font-bold text-foreground sm:text-2xl",
+								className: "text-lg font-bold text-text-primary sm:text-2xl",
 								children: [M.equityPercentage, "%"]
 							}),
 							/* @__PURE__ */ C("div", {
-								className: "text-xs text-muted-foreground sm:text-sm",
+								className: "text-xs text-text-secondary sm:text-sm",
 								children: "Equity Stake"
 							})
 						]
 					}),
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border bg-card p-4 text-center",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-center bg-gloss-card shadow-pop",
 						children: [
-							/* @__PURE__ */ C(d, { className: "mx-auto mb-2 h-6 w-6 text-purple-600 sm:h-8 sm:w-8" }),
+							/* @__PURE__ */ C(d, { className: "mx-auto mb-2 h-6 w-6 text-accent-purple sm:h-8 sm:w-8" }),
 							/* @__PURE__ */ C("div", {
-								className: "text-lg font-bold text-foreground sm:text-2xl",
+								className: "text-lg font-bold text-text-primary sm:text-2xl",
 								children: r(M.currentValuation * (M.equityPercentage / 100), { minimumFractionDigits: 0 })
 							}),
 							/* @__PURE__ */ C("div", {
-								className: "text-xs text-muted-foreground sm:text-sm",
+								className: "text-xs text-text-secondary sm:text-sm",
 								children: "Current Value"
 							})
 						]
@@ -279,7 +279,7 @@ function D() {
 				children: P.map((e) => /* @__PURE__ */ w("button", {
 					type: "button",
 					onClick: () => D(e.id),
-					className: t("flex items-center gap-2 whitespace-nowrap rounded-lg px-3 py-2 text-sm font-medium transition-colors sm:px-4 sm:py-3", p === e.id ? "bg-primary text-primary-foreground" : "bg-card text-foreground hover:bg-muted"),
+					className: t("flex items-center gap-2 whitespace-nowrap rounded-lg px-3 py-2 text-sm font-medium transition-colors sm:px-4 sm:py-3", p === e.id ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-surface text-text-primary hover:bg-bg-sunken"),
 					children: [
 						/* @__PURE__ */ C(e.Icon, { className: "h-4 w-4 flex-shrink-0" }),
 						/* @__PURE__ */ C("span", {
@@ -301,39 +301,39 @@ function D() {
 						children: [/* @__PURE__ */ w("div", {
 							className: "space-y-6 lg:col-span-2",
 							children: [/* @__PURE__ */ w("div", {
-								className: "rounded-lg border border-border bg-card p-4 sm:p-6",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ C("h2", {
-									className: "mb-4 text-lg font-semibold text-foreground sm:mb-6",
+									className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
 									children: "Business Information"
 								}), /* @__PURE__ */ w("div", {
 									className: "grid gap-4 sm:grid-cols-2 sm:gap-6",
 									children: [
 										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-											className: "text-sm text-muted-foreground",
+											className: "text-sm text-text-secondary",
 											children: "Owner"
 										}), /* @__PURE__ */ C("p", {
-											className: "font-medium text-foreground",
+											className: "font-medium text-text-primary",
 											children: M.cartOwner
 										})] }),
 										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-											className: "text-sm text-muted-foreground",
+											className: "text-sm text-text-secondary",
 											children: "Business Type"
 										}), /* @__PURE__ */ C("p", {
-											className: "font-medium text-foreground",
+											className: "font-medium text-text-primary",
 											children: M.businessType
 										})] }),
 										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-											className: "text-sm text-muted-foreground",
+											className: "text-sm text-text-secondary",
 											children: "Location"
 										}), /* @__PURE__ */ C("p", {
-											className: "font-medium text-foreground",
+											className: "font-medium text-text-primary",
 											children: M.location
 										})] }),
 										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-											className: "text-sm text-muted-foreground",
+											className: "text-sm text-text-secondary",
 											children: "Established"
 										}), /* @__PURE__ */ C("p", {
-											className: "font-medium text-foreground",
+											className: "font-medium text-text-primary",
 											children: i(M.establishedDate, {
 												hour: void 0,
 												minute: void 0
@@ -342,10 +342,10 @@ function D() {
 									]
 								})]
 							}), /* @__PURE__ */ w("div", {
-								className: "rounded-lg border border-border bg-card p-4 sm:p-6",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 bg-gloss-card shadow-pop",
 								children: [
 									/* @__PURE__ */ C("h2", {
-										className: "mb-4 text-lg font-semibold text-foreground sm:mb-6",
+										className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
 										children: "Performance Metrics"
 									}),
 									/* @__PURE__ */ w("div", {
@@ -354,56 +354,56 @@ function D() {
 											/* @__PURE__ */ w("div", { children: [
 												/* @__PURE__ */ C(_, { className: "mx-auto mb-2 h-6 w-6 text-primary sm:h-8 sm:w-8" }),
 												/* @__PURE__ */ C("div", {
-													className: "text-xl font-bold text-foreground sm:text-2xl",
+													className: "text-xl font-bold text-text-primary sm:text-2xl",
 													children: M.monthlyOrders
 												}),
 												/* @__PURE__ */ C("div", {
-													className: "text-xs text-muted-foreground sm:text-sm",
+													className: "text-xs text-text-secondary sm:text-sm",
 													children: "Monthly Orders"
 												})
 											] }),
 											/* @__PURE__ */ w("div", { children: [
-												/* @__PURE__ */ C(g, { className: "mx-auto mb-2 h-6 w-6 text-green-600 sm:h-8 sm:w-8" }),
+												/* @__PURE__ */ C(g, { className: "mx-auto mb-2 h-6 w-6 text-status-success-text sm:h-8 sm:w-8" }),
 												/* @__PURE__ */ C("div", {
-													className: "text-xl font-bold text-foreground sm:text-2xl",
+													className: "text-xl font-bold text-text-primary sm:text-2xl",
 													children: r(M.monthlyRevenue, { minimumFractionDigits: 0 })
 												}),
 												/* @__PURE__ */ C("div", {
-													className: "text-xs text-muted-foreground sm:text-sm",
+													className: "text-xs text-text-secondary sm:text-sm",
 													children: "Monthly Revenue"
 												})
 											] }),
 											/* @__PURE__ */ w("div", { children: [
-												/* @__PURE__ */ C(x, { className: "mx-auto mb-2 h-6 w-6 text-blue-600 sm:h-8 sm:w-8" }),
+												/* @__PURE__ */ C(x, { className: "mx-auto mb-2 h-6 w-6 text-accent-blue sm:h-8 sm:w-8" }),
 												/* @__PURE__ */ C("div", {
-													className: "text-xl font-bold text-foreground sm:text-2xl",
+													className: "text-xl font-bold text-text-primary sm:text-2xl",
 													children: M.activeCustomers
 												}),
 												/* @__PURE__ */ C("div", {
-													className: "text-xs text-muted-foreground sm:text-sm",
+													className: "text-xs text-text-secondary sm:text-sm",
 													children: "Active Customers"
 												})
 											] })
 										]
 									}),
 									/* @__PURE__ */ w("div", {
-										className: "mt-4 flex flex-col items-start justify-between gap-4 border-t border-border pt-4 sm:mt-6 sm:flex-row sm:items-center sm:pt-6",
+										className: "mt-4 flex flex-col items-start justify-between gap-4 border-t border-border-subtle pt-4 sm:mt-6 sm:flex-row sm:items-center sm:pt-6",
 										children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-											className: "text-sm text-muted-foreground",
+											className: "text-sm text-text-secondary",
 											children: "Customer Rating"
 										}), /* @__PURE__ */ w("div", {
 											className: "mt-1 flex items-center gap-1",
-											children: [Array.from({ length: 5 }, (e, n) => /* @__PURE__ */ C(y, { className: t("h-4 w-4", n < Math.floor(M.customerRating) ? "fill-yellow-400 text-yellow-400" : "fill-none text-muted-foreground/40") }, n)), /* @__PURE__ */ C("span", {
-												className: "ml-1 text-sm font-medium text-foreground",
+											children: [Array.from({ length: 5 }, (e, n) => /* @__PURE__ */ C(y, { className: t("h-4 w-4", n < Math.floor(M.customerRating) ? "fill-status-warning-text text-status-warning-text" : "fill-none text-text-secondary/40") }, n)), /* @__PURE__ */ C("span", {
+												className: "ml-1 text-sm font-medium text-text-primary",
 												children: M.customerRating
 											})]
 										})] }), /* @__PURE__ */ w("div", {
 											className: "text-left sm:text-right",
 											children: [/* @__PURE__ */ C("p", {
-												className: "text-sm text-muted-foreground",
+												className: "text-sm text-text-secondary",
 												children: "Avg Order Value"
 											}), /* @__PURE__ */ C("p", {
-												className: "text-lg font-semibold text-foreground",
+												className: "text-lg font-semibold text-text-primary",
 												children: r(M.averageOrderValue, { minimumFractionDigits: 0 })
 											})]
 										})]
@@ -413,53 +413,53 @@ function D() {
 						}), /* @__PURE__ */ w("div", {
 							className: "space-y-6",
 							children: [/* @__PURE__ */ w("div", {
-								className: "rounded-lg border border-border bg-card p-4 sm:p-6",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ C("h2", {
-									className: "mb-4 text-lg font-semibold text-foreground sm:mb-6",
+									className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
 									children: "Investment Summary"
 								}), /* @__PURE__ */ w("div", {
 									className: "space-y-4",
 									children: [
 										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-											className: "text-sm text-muted-foreground",
+											className: "text-sm text-text-secondary",
 											children: "Investment Date"
 										}), /* @__PURE__ */ C("p", {
-											className: "font-medium text-foreground",
+											className: "font-medium text-text-primary",
 											children: i(M.investmentDate, {
 												hour: void 0,
 												minute: void 0
 											})
 										})] }),
 										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-											className: "text-sm text-muted-foreground",
+											className: "text-sm text-text-secondary",
 											children: "Investment Type"
 										}), /* @__PURE__ */ C("p", {
-											className: "font-medium text-foreground",
+											className: "font-medium text-text-primary",
 											children: M.investmentType
 										})] }),
 										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-											className: "text-sm text-muted-foreground",
+											className: "text-sm text-text-secondary",
 											children: "Initial Valuation"
 										}), /* @__PURE__ */ C("p", {
-											className: "font-medium text-foreground",
+											className: "font-medium text-text-primary",
 											children: r(M.valuationAtInvestment, { minimumFractionDigits: 0 })
 										})] }),
 										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-											className: "text-sm text-muted-foreground",
+											className: "text-sm text-text-secondary",
 											children: "Current Valuation"
 										}), /* @__PURE__ */ C("p", {
-											className: "text-lg font-medium text-foreground",
+											className: "text-lg font-medium text-text-primary",
 											children: r(M.currentValuation, { minimumFractionDigits: 0 })
 										})] }),
 										/* @__PURE__ */ C("div", {
-											className: "border-t border-border pt-4",
+											className: "border-t border-border-subtle pt-4",
 											children: /* @__PURE__ */ w("div", {
 												className: "flex items-center justify-between",
 												children: [/* @__PURE__ */ C("span", {
-													className: "text-sm text-muted-foreground",
+													className: "text-sm text-text-secondary",
 													children: "Your Returns"
 												}), /* @__PURE__ */ w("span", {
-													className: t("text-lg font-semibold", F > 0 ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
+													className: t("text-lg font-semibold", F > 0 ? "text-status-success-text" : "text-status-error-text"),
 													children: [F > 0 ? "+" : "", r(F, { minimumFractionDigits: 0 })]
 												})]
 											})
@@ -467,9 +467,9 @@ function D() {
 									]
 								})]
 							}), /* @__PURE__ */ w("div", {
-								className: "rounded-lg border border-border bg-card p-4 sm:p-6",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ C("h2", {
-									className: "mb-4 text-lg font-semibold text-foreground sm:mb-6",
+									className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
 									children: "Growth Indicators"
 								}), /* @__PURE__ */ w("div", {
 									className: "space-y-4",
@@ -477,10 +477,10 @@ function D() {
 										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
 											className: "mb-2 flex items-center justify-between",
 											children: [/* @__PURE__ */ C("span", {
-												className: "text-sm text-muted-foreground",
+												className: "text-sm text-text-secondary",
 												children: "Revenue Growth"
 											}), /* @__PURE__ */ w("span", {
-												className: "text-sm font-medium text-green-600 dark:text-green-400",
+												className: "text-sm font-medium text-status-success-text",
 												children: [
 													"+",
 													M.revenueGrowth,
@@ -488,35 +488,35 @@ function D() {
 												]
 											})]
 										}), /* @__PURE__ */ C("div", {
-											className: "h-2 w-full overflow-hidden rounded-full bg-muted",
+											className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
 											children: /* @__PURE__ */ C("div", {
-												className: "h-full rounded-full bg-green-600",
+												className: "h-full rounded-full bg-status-success-bg-subtle",
 												style: { width: `${Math.min(M.revenueGrowth, 100)}%` }
 											})
 										})] }),
 										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
 											className: "mb-2 flex items-center justify-between",
 											children: [/* @__PURE__ */ C("span", {
-												className: "text-sm text-muted-foreground",
+												className: "text-sm text-text-secondary",
 												children: "Profit Margin"
 											}), /* @__PURE__ */ w("span", {
-												className: "text-sm font-medium text-foreground",
+												className: "text-sm font-medium text-text-primary",
 												children: [M.profitMargin, "%"]
 											})]
 										}), /* @__PURE__ */ C("div", {
-											className: "h-2 w-full overflow-hidden rounded-full bg-muted",
+											className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
 											children: /* @__PURE__ */ C("div", {
-												className: "h-full rounded-full bg-blue-600",
+												className: "h-full rounded-full bg-accent-blue-subtle",
 												style: { width: `${M.profitMargin}%` }
 											})
 										})] }),
 										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
 											className: "mb-2 flex items-center justify-between",
 											children: [/* @__PURE__ */ C("span", {
-												className: "text-sm text-muted-foreground",
+												className: "text-sm text-text-secondary",
 												children: "ROI"
 											}), /* @__PURE__ */ w("span", {
-												className: "text-sm font-medium text-green-600 dark:text-green-400",
+												className: "text-sm font-medium text-status-success-text",
 												children: [
 													"+",
 													M.returnOnInvestment,
@@ -524,17 +524,17 @@ function D() {
 												]
 											})]
 										}), /* @__PURE__ */ C("div", {
-											className: "h-2 w-full overflow-hidden rounded-full bg-muted",
+											className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
 											children: /* @__PURE__ */ C("div", {
-												className: "h-full rounded-full bg-green-500",
+												className: "h-full rounded-full bg-status-success-bg-subtle",
 												style: { width: `${Math.min(M.returnOnInvestment, 100)}%` }
 											})
 										})] }),
 										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-											className: "text-sm text-muted-foreground",
+											className: "text-sm text-text-secondary",
 											children: "Expected Payback"
 										}), /* @__PURE__ */ C("p", {
-											className: "font-medium text-foreground",
+											className: "font-medium text-text-primary",
 											children: M.paybackPeriod
 										})] })
 									]
@@ -543,32 +543,32 @@ function D() {
 						})]
 					}),
 					p === "financials" && /* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border bg-card p-4 sm:p-6",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 bg-gloss-card shadow-pop",
 						children: [
 							/* @__PURE__ */ C("h2", {
-								className: "mb-4 text-lg font-semibold text-foreground sm:mb-6",
+								className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
 								children: "Financial Performance"
 							}),
 							/* @__PURE__ */ w("div", {
 								className: "mb-6 grid grid-cols-2 gap-4 lg:grid-cols-4",
 								children: [
 									/* @__PURE__ */ w("div", {
-										className: "rounded-lg bg-muted/50 p-3",
+										className: "rounded-lg bg-bg-sunken/50 p-3",
 										children: [/* @__PURE__ */ C("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "Monthly Revenue"
 										}), /* @__PURE__ */ C("p", {
-											className: "mt-1 text-lg font-bold text-foreground",
+											className: "mt-1 text-lg font-bold text-text-primary",
 											children: r(M.monthlyRevenue, { minimumFractionDigits: 0 })
 										})]
 									}),
 									/* @__PURE__ */ w("div", {
-										className: "rounded-lg bg-muted/50 p-3",
+										className: "rounded-lg bg-bg-sunken/50 p-3",
 										children: [/* @__PURE__ */ C("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "Revenue Growth"
 										}), /* @__PURE__ */ w("p", {
-											className: "mt-1 text-lg font-bold text-green-600 dark:text-green-400",
+											className: "mt-1 text-lg font-bold text-status-success-text",
 											children: [
 												"+",
 												M.revenueGrowth,
@@ -577,44 +577,44 @@ function D() {
 										})]
 									}),
 									/* @__PURE__ */ w("div", {
-										className: "rounded-lg bg-muted/50 p-3",
+										className: "rounded-lg bg-bg-sunken/50 p-3",
 										children: [/* @__PURE__ */ C("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "Profit Margin"
 										}), /* @__PURE__ */ w("p", {
-											className: "mt-1 text-lg font-bold text-foreground",
+											className: "mt-1 text-lg font-bold text-text-primary",
 											children: [M.profitMargin, "%"]
 										})]
 									}),
 									/* @__PURE__ */ w("div", {
-										className: "rounded-lg bg-muted/50 p-3",
+										className: "rounded-lg bg-bg-sunken/50 p-3",
 										children: [/* @__PURE__ */ C("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "Avg Order Value"
 										}), /* @__PURE__ */ C("p", {
-											className: "mt-1 text-lg font-bold text-foreground",
+											className: "mt-1 text-lg font-bold text-text-primary",
 											children: r(M.averageOrderValue, { minimumFractionDigits: 0 })
 										})]
 									})
 								]
 							}),
 							/* @__PURE__ */ C("div", {
-								className: "overflow-hidden rounded-lg border border-border",
+								className: "overflow-hidden rounded-lg border border-border-subtle",
 								children: /* @__PURE__ */ w("table", {
 									className: "w-full",
 									children: [/* @__PURE__ */ C("thead", { children: /* @__PURE__ */ w("tr", {
-										className: "bg-muted/50",
+										className: "bg-bg-sunken/50",
 										children: [
 											/* @__PURE__ */ C("th", {
-												className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-muted-foreground",
+												className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-text-secondary",
 												children: "Metric"
 											}),
 											/* @__PURE__ */ C("th", {
-												className: "px-4 py-3 text-right text-xs font-medium uppercase tracking-wider text-muted-foreground",
+												className: "px-4 py-3 text-right text-xs font-medium uppercase tracking-wider text-text-secondary",
 												children: "Value"
 											}),
 											/* @__PURE__ */ C("th", {
-												className: "px-4 py-3 text-right text-xs font-medium uppercase tracking-wider text-muted-foreground",
+												className: "px-4 py-3 text-right text-xs font-medium uppercase tracking-wider text-text-secondary",
 												children: "Trend"
 											})
 										]
@@ -655,15 +655,15 @@ function D() {
 											className: "hover:bg-accent/50 transition-colors",
 											children: [
 												/* @__PURE__ */ C("td", {
-													className: "px-4 py-3 text-sm font-medium text-foreground",
+													className: "px-4 py-3 text-sm font-medium text-text-primary",
 													children: e.metric
 												}),
 												/* @__PURE__ */ C("td", {
-													className: "px-4 py-3 text-right text-sm text-foreground",
+													className: "px-4 py-3 text-right text-sm text-text-primary",
 													children: e.value
 												}),
 												/* @__PURE__ */ C("td", {
-													className: "px-4 py-3 text-right text-sm font-medium text-green-600 dark:text-green-400",
+													className: "px-4 py-3 text-right text-sm font-medium text-status-success-text",
 													children: e.trend
 												})
 											]
@@ -674,31 +674,31 @@ function D() {
 						]
 					}),
 					p === "documents" && /* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border bg-card p-4 sm:p-6",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 bg-gloss-card shadow-pop",
 						children: [/* @__PURE__ */ C("h2", {
-							className: "mb-4 text-lg font-semibold text-foreground sm:mb-6",
+							className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
 							children: "Investment Documents"
 						}), /* @__PURE__ */ C("div", {
 							className: "space-y-4",
 							children: M.documents.map((e, n) => {
 								let r = E(e.status), a = r.Icon;
 								return /* @__PURE__ */ w("div", {
-									className: "flex flex-col gap-4 rounded-lg bg-muted/50 p-4 sm:flex-row sm:items-center sm:justify-between",
+									className: "flex flex-col gap-4 rounded-lg bg-bg-sunken/50 p-4 sm:flex-row sm:items-center sm:justify-between",
 									children: [/* @__PURE__ */ w("div", {
 										className: "flex items-start gap-3 flex-1 min-w-0 sm:items-center sm:gap-4",
 										children: [/* @__PURE__ */ C(h, { className: "mt-1 h-6 w-6 flex-shrink-0 text-primary sm:mt-0 sm:h-8 sm:w-8" }), /* @__PURE__ */ w("div", {
 											className: "min-w-0 flex-1",
 											children: [
 												/* @__PURE__ */ C("h4", {
-													className: "text-sm font-medium text-foreground sm:text-base",
+													className: "text-sm font-medium text-text-primary sm:text-base",
 													children: e.type
 												}),
 												/* @__PURE__ */ C("p", {
-													className: "truncate text-xs text-muted-foreground sm:text-sm",
+													className: "truncate text-xs text-text-secondary sm:text-sm",
 													children: e.name
 												}),
 												/* @__PURE__ */ w("p", {
-													className: "text-xs text-muted-foreground",
+													className: "text-xs text-text-secondary",
 													children: [
 														"Uploaded",
 														" ",
@@ -721,7 +721,7 @@ function D() {
 										}), /* @__PURE__ */ w("button", {
 											type: "button",
 											onClick: () => alert(`Downloading ${e.name}`),
-											className: "flex items-center gap-1 rounded-lg border border-border px-3 py-1.5 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+											className: "flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 											children: [/* @__PURE__ */ C(m, { className: "h-3 w-3 sm:h-4 sm:w-4" }), /* @__PURE__ */ C("span", {
 												className: "hidden sm:inline",
 												children: "Download"
@@ -733,14 +733,14 @@ function D() {
 						})]
 					}),
 					p === "updates" && /* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border bg-card p-4 sm:p-6",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 bg-gloss-card shadow-pop",
 						children: [/* @__PURE__ */ C("h2", {
-							className: "mb-4 text-lg font-semibold text-foreground sm:mb-6",
+							className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
 							children: "Recent Updates"
 						}), /* @__PURE__ */ C("div", {
 							className: "space-y-4",
 							children: M.recentUpdates.map((e, t) => /* @__PURE__ */ w("div", {
-								className: "flex gap-3 rounded-lg bg-muted/50 p-4 sm:gap-4",
+								className: "flex gap-3 rounded-lg bg-bg-sunken/50 p-4 sm:gap-4",
 								children: [/* @__PURE__ */ C("div", {
 									className: "flex-shrink-0",
 									children: /* @__PURE__ */ C(s, { className: "mt-1 h-4 w-4 text-primary sm:h-5 sm:w-5" })
@@ -749,17 +749,17 @@ function D() {
 									children: [/* @__PURE__ */ w("div", {
 										className: "mb-1 flex flex-col gap-1 sm:flex-row sm:items-center sm:justify-between",
 										children: [/* @__PURE__ */ C("h4", {
-											className: "text-sm font-medium text-foreground sm:text-base",
+											className: "text-sm font-medium text-text-primary sm:text-base",
 											children: e.type
 										}), /* @__PURE__ */ C("span", {
-											className: "text-xs text-muted-foreground sm:text-sm",
+											className: "text-xs text-text-secondary sm:text-sm",
 											children: i(e.date, {
 												hour: void 0,
 												minute: void 0
 											})
 										})]
 									}), /* @__PURE__ */ C("p", {
-										className: "text-xs text-muted-foreground sm:text-sm",
+										className: "text-xs text-text-secondary sm:text-sm",
 										children: e.description
 									})]
 								})]
@@ -771,17 +771,17 @@ function D() {
 			A && /* @__PURE__ */ C("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
 				children: /* @__PURE__ */ w("div", {
-					className: "relative max-h-[90vh] w-full max-w-md overflow-y-auto rounded-lg border border-border bg-card",
+					className: "relative max-h-[90vh] w-full max-w-md overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface",
 					children: [
 						/* @__PURE__ */ w("div", {
-							className: "border-b border-border p-4 sm:p-6",
+							className: "border-b border-border-subtle p-4 sm:p-6",
 							children: [/* @__PURE__ */ C("button", {
 								type: "button",
 								onClick: () => j(!1),
-								className: "absolute right-3 top-3 rounded-lg p-1 text-muted-foreground hover:bg-accent transition-colors",
+								className: "absolute right-3 top-3 rounded-lg p-1 text-text-secondary hover:bg-accent transition-colors",
 								children: /* @__PURE__ */ C(S, { className: "h-5 w-5" })
 							}), /* @__PURE__ */ C("h2", {
-								className: "text-lg font-semibold text-foreground sm:text-xl",
+								className: "text-lg font-semibold text-text-primary sm:text-xl",
 								children: "Manage Investment"
 							})]
 						}),
@@ -789,7 +789,7 @@ function D() {
 							className: "space-y-4 p-4 sm:p-6",
 							children: [
 								/* @__PURE__ */ w("p", {
-									className: "text-sm text-muted-foreground sm:text-base",
+									className: "text-sm text-text-secondary sm:text-base",
 									children: [
 										"Choose an action for your investment in ",
 										M.cartName,
@@ -802,38 +802,38 @@ function D() {
 										/* @__PURE__ */ C("button", {
 											type: "button",
 											onClick: () => alert("Partial withdrawal request submitted"),
-											className: "w-full rounded-lg border border-border px-4 py-2.5 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+											className: "w-full rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 											children: "Request Partial Withdrawal"
 										}),
 										/* @__PURE__ */ C("button", {
 											type: "button",
 											onClick: () => alert("Transfer ownership feature coming soon"),
-											className: "w-full rounded-lg border border-border px-4 py-2.5 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+											className: "w-full rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 											children: "Transfer Ownership"
 										}),
 										/* @__PURE__ */ C("button", {
 											type: "button",
 											onClick: () => alert("Exit options will be displayed"),
-											className: "w-full rounded-lg border border-border px-4 py-2.5 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+											className: "w-full rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 											children: "View Exit Options"
 										})
 									]
 								}),
 								/* @__PURE__ */ C("div", {
-									className: "rounded-lg border border-yellow-500/30 bg-yellow-500/10 p-3 sm:p-4",
+									className: "rounded-lg border border-status-warning-border/30 bg-status-warning-bg-subtle/10 p-3 sm:p-4",
 									children: /* @__PURE__ */ C("p", {
-										className: "text-xs text-yellow-800 dark:text-yellow-200 sm:text-sm",
+										className: "text-xs text-status-warning-text sm:text-sm",
 										children: "Any changes to your investment require approval from the business owner and may be subject to terms in your investment agreement."
 									})
 								})
 							]
 						}),
 						/* @__PURE__ */ C("div", {
-							className: "flex justify-end gap-3 border-t border-border p-4 sm:p-6",
+							className: "flex justify-end gap-3 border-t border-border-subtle p-4 sm:p-6",
 							children: /* @__PURE__ */ C("button", {
 								type: "button",
 								onClick: () => j(!1),
-								className: "rounded-lg border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+								className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 								children: "Cancel"
 							})
 						})