@burdenoff/microfe-adaptercloud 2026.614.1 → 2026.625.1

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

@@ -134,32 +134,32 @@ var S = {
 function C(e) {
 	return e <= 2 ? {
 		label: "Low Risk",
-		color: "text-green-600 dark:text-green-400"
+		color: "text-status-success-text"
 	} : e <= 4 ? {
 		label: "Moderate Risk",
-		color: "text-yellow-600 dark:text-yellow-400"
+		color: "text-status-warning-text"
 	} : {
 		label: "High Risk",
-		color: "text-red-600 dark:text-red-400"
+		color: "text-status-error-text"
 	};
 }
 function w(e) {
-	return e <= 2 ? "bg-green-500" : e <= 4 ? "bg-yellow-500" : "bg-red-500";
+	return e <= 2 ? "bg-status-success-bg-subtle" : e <= 4 ? "bg-status-warning-bg-subtle" : "bg-status-error-bg-subtle";
 }
 function T(e) {
 	return e >= 8 ? {
 		label: "Well Diversified",
-		color: "text-green-600 dark:text-green-400"
+		color: "text-status-success-text"
 	} : e >= 6 ? {
 		label: "Moderately Diversified",
-		color: "text-yellow-600 dark:text-yellow-400"
+		color: "text-status-warning-text"
 	} : {
 		label: "Poorly Diversified",
-		color: "text-red-600 dark:text-red-400"
+		color: "text-status-error-text"
 	};
 }
 function E(e) {
-	return e >= 8 ? "bg-green-500" : e >= 6 ? "bg-yellow-500" : "bg-red-500";
+	return e >= 8 ? "bg-status-success-bg-subtle" : e >= 6 ? "bg-status-warning-bg-subtle" : "bg-status-error-bg-subtle";
 }
 function D() {
 	let { navigateTo: D } = e(), [O, k] = s(!0), [A, j] = s("6m"), [M, N] = s(null), [P, F] = s("idle");
@@ -183,7 +183,7 @@ function D() {
 			children: /* @__PURE__ */ x("div", {
 				className: "text-center",
 				children: [/* @__PURE__ */ b("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ b("p", {
-					className: "text-sm text-muted-foreground",
+					className: "text-sm text-text-secondary",
 					children: "Loading analytics data..."
 				})]
 			})
@@ -198,7 +198,7 @@ function D() {
 			children: [/* @__PURE__ */ x("select", {
 				value: A,
 				onChange: (e) => j(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__ */ b("option", {
 						value: "1m",
@@ -225,7 +225,7 @@ function D() {
 				type: "button",
 				onClick: I,
 				disabled: P === "exporting",
-				className: t("flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors", P === "exporting" ? "cursor-not-allowed bg-muted text-muted-foreground" : P === "done" ? "bg-green-600 text-white" : "bg-primary text-primary-foreground hover:bg-primary/90"),
+				className: t("flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors", P === "exporting" ? "cursor-not-allowed bg-bg-sunken text-text-secondary" : P === "done" ? "bg-status-success-bg-subtle text-white" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90"),
 				children: [/* @__PURE__ */ b(p, { className: "h-4 w-4" }), P === "exporting" ? "Exporting..." : P === "done" ? "Exported!" : "Export Report"]
 			})]
 		}),
@@ -266,27 +266,27 @@ function D() {
 			/* @__PURE__ */ x("div", {
 				className: "mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2",
 				children: [/* @__PURE__ */ x("div", {
-					className: "flex items-center gap-3 rounded-lg border border-border bg-card p-4",
+					className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 					children: [/* @__PURE__ */ b("div", {
-						className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-green-500/10",
-						children: /* @__PURE__ */ b(u, { className: "h-5 w-5 text-green-600 dark:text-green-400" })
+						className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-status-success-bg-subtle/10",
+						children: /* @__PURE__ */ b(u, { className: "h-5 w-5 text-status-success-text" })
 					}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-						className: "text-xs text-muted-foreground",
+						className: "text-xs text-text-secondary",
 						children: "Best Performing"
 					}), /* @__PURE__ */ b("p", {
-						className: "text-sm font-semibold text-green-600 dark:text-green-400",
+						className: "text-sm font-semibold text-status-success-text",
 						children: M.portfolioMetrics.bestPerforming
 					})] })]
 				}), /* @__PURE__ */ x("div", {
-					className: "flex items-center gap-3 rounded-lg border border-border bg-card p-4",
+					className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 					children: [/* @__PURE__ */ b("div", {
-						className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-red-500/10",
-						children: /* @__PURE__ */ b(l, { className: "h-5 w-5 text-red-600 dark:text-red-400" })
+						className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-status-error-bg-subtle/10",
+						children: /* @__PURE__ */ b(l, { className: "h-5 w-5 text-status-error-text" })
 					}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-						className: "text-xs text-muted-foreground",
+						className: "text-xs text-text-secondary",
 						children: "Worst Performing"
 					}), /* @__PURE__ */ b("p", {
-						className: "text-sm font-semibold text-foreground",
+						className: "text-sm font-semibold text-text-primary",
 						children: M.portfolioMetrics.worstPerforming
 					})] })]
 				})]
@@ -295,33 +295,33 @@ function D() {
 				className: "mt-6 grid grid-cols-1 gap-6 lg:grid-cols-2",
 				children: [/* @__PURE__ */ x("section", { children: [/* @__PURE__ */ x("div", {
 					className: "mb-4 flex items-center gap-2",
-					children: [/* @__PURE__ */ b(d, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ b("h2", {
-						className: "text-lg font-semibold text-foreground",
+					children: [/* @__PURE__ */ b(d, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ b("h2", {
+						className: "text-lg font-semibold text-text-primary",
 						children: "Performance by Cart"
 					})]
 				}), /* @__PURE__ */ b("div", {
 					className: "space-y-3",
 					children: z.map((e, n) => /* @__PURE__ */ x("div", {
-						className: "flex items-center justify-between rounded-lg border border-border bg-card p-3",
+						className: "flex items-center justify-between rounded-lg border border-border-subtle bg-bg-surface p-3",
 						children: [/* @__PURE__ */ x("div", {
 							className: "flex items-center gap-3",
 							children: [/* @__PURE__ */ b("div", {
-								className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary text-xs font-bold text-primary-foreground",
+								className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-action-primary-bg text-xs font-bold text-action-primary-text",
 								children: n + 1
 							}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-								className: "text-sm font-medium text-foreground",
+								className: "text-sm font-medium text-text-primary",
 								children: e.cartName
 							}), /* @__PURE__ */ x("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: [i(e.investedAmount, { minimumFractionDigits: 0 }), " invested"]
 							})] })]
 						}), /* @__PURE__ */ x("div", {
 							className: "text-right",
 							children: [/* @__PURE__ */ x("p", {
-								className: t("text-sm font-semibold", e.returns >= 0 ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
+								className: t("text-sm font-semibold", e.returns >= 0 ? "text-status-success-text" : "text-status-error-text"),
 								children: [e.returns >= 0 ? "+" : "", i(e.returns, { minimumFractionDigits: 0 })]
 							}), /* @__PURE__ */ x("p", {
-								className: t("text-xs", e.roi >= 0 ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
+								className: t("text-xs", e.roi >= 0 ? "text-status-success-text" : "text-status-error-text"),
 								children: [
 									e.roi >= 0 ? "+" : "",
 									e.roi,
@@ -332,39 +332,39 @@ function D() {
 					}, e.cartName))
 				})] }), /* @__PURE__ */ x("section", { children: [/* @__PURE__ */ x("div", {
 					className: "mb-4 flex items-center gap-2",
-					children: [/* @__PURE__ */ b(h, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ b("h2", {
-						className: "text-lg font-semibold text-foreground",
+					children: [/* @__PURE__ */ b(h, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ b("h2", {
+						className: "text-lg font-semibold text-text-primary",
 						children: "Category Distribution"
 					})]
 				}), /* @__PURE__ */ b("div", {
 					className: "space-y-4",
 					children: M.performanceByCategory.map((e) => /* @__PURE__ */ x("div", {
-						className: "rounded-lg border border-border bg-card p-3",
+						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
 						children: [
 							/* @__PURE__ */ x("div", {
 								className: "mb-2 flex items-center justify-between",
 								children: [/* @__PURE__ */ b("span", {
-									className: "text-sm font-medium text-foreground",
+									className: "text-sm font-medium text-text-primary",
 									children: e.category
 								}), /* @__PURE__ */ x("span", {
-									className: "text-sm text-muted-foreground",
+									className: "text-sm text-text-secondary",
 									children: [e.percentage, "%"]
 								})]
 							}),
 							/* @__PURE__ */ b("div", {
-								className: "mb-2 h-2 w-full overflow-hidden rounded-full bg-muted",
+								className: "mb-2 h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
 								children: /* @__PURE__ */ b("div", {
-									className: "h-full rounded-full bg-primary transition-all duration-300",
+									className: "h-full rounded-full bg-action-primary-bg transition-all duration-300",
 									style: { width: `${e.percentage}%` }
 								})
 							}),
 							/* @__PURE__ */ x("div", {
 								className: "flex items-center justify-between",
 								children: [/* @__PURE__ */ x("span", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: [i(e.investedAmount, { minimumFractionDigits: 0 }), " invested"]
 								}), /* @__PURE__ */ x("span", {
-									className: t("text-xs font-semibold", e.returns >= 0 ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
+									className: t("text-xs font-semibold", e.returns >= 0 ? "text-status-success-text" : "text-status-error-text"),
 									children: [e.returns >= 0 ? "+" : "", i(e.returns, { minimumFractionDigits: 0 })]
 								})]
 							})
@@ -376,37 +376,37 @@ function D() {
 				className: "mt-8",
 				children: [/* @__PURE__ */ x("div", {
 					className: "mb-4 flex items-center gap-2",
-					children: [/* @__PURE__ */ b(f, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ b("h2", {
-						className: "text-lg font-semibold text-foreground",
+					children: [/* @__PURE__ */ b(f, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ b("h2", {
+						className: "text-lg font-semibold text-text-primary",
 						children: "Portfolio Growth Trend"
 					})]
 				}), /* @__PURE__ */ b("div", {
-					className: "overflow-hidden rounded-lg border border-border bg-card",
+					className: "overflow-hidden rounded-lg border border-border-subtle bg-bg-surface",
 					children: /* @__PURE__ */ b("div", {
 						className: "overflow-x-auto",
 						children: /* @__PURE__ */ x("table", {
 							className: "w-full",
 							children: [/* @__PURE__ */ b("thead", { children: /* @__PURE__ */ x("tr", {
-								className: "border-b border-border bg-muted/50",
+								className: "border-b border-border-subtle bg-bg-sunken/50",
 								children: [
 									/* @__PURE__ */ b("th", {
-										className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-muted-foreground sm:px-6",
+										className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-text-secondary sm:px-6",
 										children: "Month"
 									}),
 									/* @__PURE__ */ b("th", {
-										className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-muted-foreground sm:px-6",
+										className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-text-secondary sm:px-6",
 										children: "Invested"
 									}),
 									/* @__PURE__ */ b("th", {
-										className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-muted-foreground sm:px-6",
+										className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-text-secondary sm:px-6",
 										children: "Portfolio Value"
 									}),
 									/* @__PURE__ */ b("th", {
-										className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-muted-foreground sm:px-6",
+										className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-text-secondary sm:px-6",
 										children: "Returns"
 									}),
 									/* @__PURE__ */ b("th", {
-										className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-muted-foreground sm:px-6",
+										className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-text-secondary sm:px-6",
 										children: "Growth %"
 									})
 								]
@@ -418,28 +418,28 @@ function D() {
 										className: "hover:bg-accent/50 transition-colors",
 										children: [
 											/* @__PURE__ */ b("td", {
-												className: "whitespace-nowrap px-4 py-4 text-sm font-medium text-foreground sm:px-6",
+												className: "whitespace-nowrap px-4 py-4 text-sm font-medium text-text-primary sm:px-6",
 												children: e.month
 											}),
 											/* @__PURE__ */ b("td", {
-												className: "whitespace-nowrap px-4 py-4 text-sm text-foreground sm:px-6",
+												className: "whitespace-nowrap px-4 py-4 text-sm text-text-primary sm:px-6",
 												children: i(e.invested, { minimumFractionDigits: 0 })
 											}),
 											/* @__PURE__ */ b("td", {
-												className: "whitespace-nowrap px-4 py-4 text-sm text-foreground sm:px-6",
+												className: "whitespace-nowrap px-4 py-4 text-sm text-text-primary sm:px-6",
 												children: i(e.value, { minimumFractionDigits: 0 })
 											}),
 											/* @__PURE__ */ b("td", {
 												className: "whitespace-nowrap px-4 py-4 text-sm sm:px-6",
 												children: /* @__PURE__ */ x("span", {
-													className: t("font-semibold", e.returns >= 0 ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
+													className: t("font-semibold", e.returns >= 0 ? "text-status-success-text" : "text-status-error-text"),
 													children: [e.returns >= 0 ? "+" : "", i(e.returns, { minimumFractionDigits: 0 })]
 												})
 											}),
 											/* @__PURE__ */ b("td", {
 												className: "whitespace-nowrap px-4 py-4 text-sm sm:px-6",
 												children: /* @__PURE__ */ x("span", {
-													className: t("font-medium", parseFloat(n) >= 0 ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
+													className: t("font-medium", parseFloat(n) >= 0 ? "text-status-success-text" : "text-status-error-text"),
 													children: [
 														parseFloat(n) >= 0 ? "+" : "",
 														n,
@@ -459,19 +459,19 @@ function D() {
 				className: "mt-8 grid grid-cols-1 gap-6 lg:grid-cols-2",
 				children: [/* @__PURE__ */ x("section", { children: [/* @__PURE__ */ x("div", {
 					className: "mb-4 flex items-center gap-2",
-					children: [/* @__PURE__ */ b(g, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ b("h2", {
-						className: "text-lg font-semibold text-foreground",
+					children: [/* @__PURE__ */ b(g, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ b("h2", {
+						className: "text-lg font-semibold text-text-primary",
 						children: "Risk Analysis"
 					})]
 				}), /* @__PURE__ */ b("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__ */ x("div", {
 						className: "space-y-5",
 						children: [
 							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
 								className: "mb-2 flex items-center justify-between",
 								children: [/* @__PURE__ */ b("span", {
-									className: "text-sm text-foreground",
+									className: "text-sm text-text-primary",
 									children: "Risk Score"
 								}), /* @__PURE__ */ x("span", {
 									className: t("text-sm font-semibold", L.color),
@@ -483,7 +483,7 @@ function D() {
 									]
 								})]
 							}), /* @__PURE__ */ b("div", {
-								className: "h-3 w-full overflow-hidden rounded-full bg-muted",
+								className: "h-3 w-full overflow-hidden rounded-full bg-bg-sunken",
 								children: /* @__PURE__ */ b("div", {
 									className: t("h-full rounded-full transition-all duration-300", w(M.riskAnalysis.riskScore)),
 									style: { width: `${M.riskAnalysis.riskScore / 5 * 100}%` }
@@ -492,7 +492,7 @@ function D() {
 							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
 								className: "mb-2 flex items-center justify-between",
 								children: [/* @__PURE__ */ b("span", {
-									className: "text-sm text-foreground",
+									className: "text-sm text-text-primary",
 									children: "Diversification"
 								}), /* @__PURE__ */ x("span", {
 									className: t("text-sm font-semibold", R.color),
@@ -504,7 +504,7 @@ function D() {
 									]
 								})]
 							}), /* @__PURE__ */ b("div", {
-								className: "h-3 w-full overflow-hidden rounded-full bg-muted",
+								className: "h-3 w-full overflow-hidden rounded-full bg-bg-sunken",
 								children: /* @__PURE__ */ b("div", {
 									className: t("h-full rounded-full transition-all duration-300", E(M.riskAnalysis.diversificationScore)),
 									style: { width: `${M.riskAnalysis.diversificationScore / 10 * 100}%` }
@@ -513,37 +513,37 @@ function D() {
 							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
 								className: "mb-2 flex items-center justify-between",
 								children: [/* @__PURE__ */ b("span", {
-									className: "text-sm text-foreground",
+									className: "text-sm text-text-primary",
 									children: "Volatility"
 								}), /* @__PURE__ */ x("span", {
 									className: t("text-sm font-semibold", C(M.riskAnalysis.volatilityScore).color),
 									children: [M.riskAnalysis.volatilityScore, "/5"]
 								})]
 							}), /* @__PURE__ */ b("div", {
-								className: "h-3 w-full overflow-hidden rounded-full bg-muted",
+								className: "h-3 w-full overflow-hidden rounded-full bg-bg-sunken",
 								children: /* @__PURE__ */ b("div", {
 									className: t("h-full rounded-full transition-all duration-300", w(M.riskAnalysis.volatilityScore)),
 									style: { width: `${M.riskAnalysis.volatilityScore / 5 * 100}%` }
 								})
 							})] }),
 							/* @__PURE__ */ x("div", {
-								className: "grid grid-cols-2 gap-3 border-t border-border pt-4",
+								className: "grid grid-cols-2 gap-3 border-t border-border-subtle pt-4",
 								children: [/* @__PURE__ */ x("div", {
-									className: "rounded-lg bg-muted/50 p-3 text-center",
+									className: "rounded-lg bg-bg-sunken/50 p-3 text-center",
 									children: [/* @__PURE__ */ b("p", {
-										className: "text-lg font-bold text-foreground",
+										className: "text-lg font-bold text-text-primary",
 										children: M.performanceByCart.length
 									}), /* @__PURE__ */ b("p", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: "Active Investments"
 									})]
 								}), /* @__PURE__ */ x("div", {
-									className: "rounded-lg bg-muted/50 p-3 text-center",
+									className: "rounded-lg bg-bg-sunken/50 p-3 text-center",
 									children: [/* @__PURE__ */ b("p", {
-										className: "text-lg font-bold text-foreground",
+										className: "text-lg font-bold text-text-primary",
 										children: M.performanceByCategory.length
 									}), /* @__PURE__ */ b("p", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: "Sectors Covered"
 									})]
 								})]
@@ -552,28 +552,28 @@ function D() {
 					})
 				})] }), /* @__PURE__ */ x("section", { children: [/* @__PURE__ */ x("div", {
 					className: "mb-4 flex items-center gap-2",
-					children: [/* @__PURE__ */ b(m, { className: "h-5 w-5 text-yellow-500" }), /* @__PURE__ */ b("h2", {
-						className: "text-lg font-semibold text-foreground",
+					children: [/* @__PURE__ */ b(m, { className: "h-5 w-5 text-status-warning-text" }), /* @__PURE__ */ b("h2", {
+						className: "text-lg font-semibold text-text-primary",
 						children: "Recommendations"
 					})]
 				}), /* @__PURE__ */ x("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__ */ b("div", {
 						className: "space-y-3",
 						children: M.riskAnalysis.recommendations.map((e, t) => /* @__PURE__ */ x("div", {
-							className: "flex items-start gap-3 rounded-lg border border-border bg-muted/30 p-3",
+							className: "flex items-start gap-3 rounded-lg border border-border-subtle bg-bg-sunken/30 p-3",
 							children: [/* @__PURE__ */ b("div", {
-								className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-primary text-xs font-bold text-primary-foreground",
+								className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-action-primary-bg text-xs font-bold text-action-primary-text",
 								children: t + 1
 							}), /* @__PURE__ */ b("p", {
-								className: "text-sm leading-relaxed text-foreground",
+								className: "text-sm leading-relaxed text-text-primary",
 								children: e
 							})]
 						}, t))
 					}), /* @__PURE__ */ x("div", {
-						className: "mt-5 rounded-lg border border-border bg-muted/50 p-4",
+						className: "mt-5 rounded-lg border border-border-subtle bg-bg-sunken/50 p-4",
 						children: [/* @__PURE__ */ b("h4", {
-							className: "mb-2 text-sm font-semibold text-foreground",
+							className: "mb-2 text-sm font-semibold text-text-primary",
 							children: "Overall Assessment"
 						}), /* @__PURE__ */ x("div", {
 							className: "space-y-2",
@@ -581,7 +581,7 @@ function D() {
 								/* @__PURE__ */ x("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ b("span", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: "Portfolio Health"
 									}), /* @__PURE__ */ x("div", {
 										className: "flex items-center gap-2",
@@ -593,9 +593,9 @@ function D() {
 												3,
 												4,
 												5
-											].map((e) => /* @__PURE__ */ b("div", { className: t("h-2 w-4 rounded-sm", e <= 4 ? "bg-green-500" : "bg-muted") }, e))
+											].map((e) => /* @__PURE__ */ b("div", { className: t("h-2 w-4 rounded-sm", e <= 4 ? "bg-status-success-bg-subtle" : "bg-bg-sunken") }, e))
 										}), /* @__PURE__ */ b("span", {
-											className: "text-xs font-medium text-foreground",
+											className: "text-xs font-medium text-text-primary",
 											children: "4/5"
 										})]
 									})]
@@ -603,7 +603,7 @@ function D() {
 								/* @__PURE__ */ x("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ b("span", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: "Growth Potential"
 									}), /* @__PURE__ */ x("div", {
 										className: "flex items-center gap-2",
@@ -615,9 +615,9 @@ function D() {
 												3,
 												4,
 												5
-											].map((e) => /* @__PURE__ */ b("div", { className: t("h-2 w-4 rounded-sm", e <= 3 ? "bg-yellow-500" : "bg-muted") }, e))
+											].map((e) => /* @__PURE__ */ b("div", { className: t("h-2 w-4 rounded-sm", e <= 3 ? "bg-status-warning-bg-subtle" : "bg-bg-sunken") }, e))
 										}), /* @__PURE__ */ b("span", {
-											className: "text-xs font-medium text-foreground",
+											className: "text-xs font-medium text-text-primary",
 											children: "3/5"
 										})]
 									})]
@@ -625,7 +625,7 @@ function D() {
 								/* @__PURE__ */ x("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ b("span", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: "Income Stability"
 									}), /* @__PURE__ */ x("div", {
 										className: "flex items-center gap-2",
@@ -637,9 +637,9 @@ function D() {
 												3,
 												4,
 												5
-											].map((e) => /* @__PURE__ */ b("div", { className: t("h-2 w-4 rounded-sm", e <= 4 ? "bg-green-500" : "bg-muted") }, e))
+											].map((e) => /* @__PURE__ */ b("div", { className: t("h-2 w-4 rounded-sm", e <= 4 ? "bg-status-success-bg-subtle" : "bg-bg-sunken") }, e))
 										}), /* @__PURE__ */ b("span", {
-											className: "text-xs font-medium text-foreground",
+											className: "text-xs font-medium text-text-primary",
 											children: "4/5"
 										})]
 									})]
@@ -655,19 +655,19 @@ function D() {
 					/* @__PURE__ */ x("button", {
 						type: "button",
 						onClick: () => D("/investor/portfolio"),
-						className: "flex items-center gap-2 rounded-lg border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+						className: "flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 						children: [/* @__PURE__ */ b(h, { className: "h-4 w-4" }), "View Portfolio"]
 					}),
 					/* @__PURE__ */ x("button", {
 						type: "button",
 						onClick: () => D("/investor/opportunities"),
-						className: "flex items-center gap-2 rounded-lg border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+						className: "flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 						children: [/* @__PURE__ */ b(_, { className: "h-4 w-4" }), "Browse Opportunities"]
 					}),
 					/* @__PURE__ */ x("button", {
 						type: "button",
 						onClick: () => D("/investor/investments"),
-						className: "flex items-center gap-2 rounded-lg border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+						className: "flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 						children: [/* @__PURE__ */ b(y, { className: "h-4 w-4" }), "My Investments"]
 					})
 				]