@burdenoff/microfe-adaptercloud 2026.624.1 → 2026.625.2

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

@@ -5,8 +5,9 @@ import { formatCurrency as r, formatDate as i } from "../../utils/formatters.js"
 import { useEffect as a, useState as o } from "react";
 import { Activity as s, AlertCircle as c, ArrowLeft as l, BarChart3 as u, Building2 as d, CheckCircle2 as f, Clock as p, Download as m, FileText as h, IndianRupee as g, Package as _, PieChart as v, Star as y, TrendingUp as b, Users as x, X as S } from "lucide-react";
 import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { EmphasisPanel as T } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/pages/investor/InvestmentDetailsPage.tsx
-var T = {
+var E = {
 	id: "INV-001",
 	cartName: "Dosa Express - Koramangala",
 	cartOwner: "Suresh Rao",
@@ -77,20 +78,20 @@ var T = {
 		}
 	]
 };
-function E(e) {
+function D(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"
 		};
@@ -101,15 +102,15 @@ function E(e) {
 		};
 	}
 }
-function D() {
-	let { navigateTo: f } = e(), [p, D] = o("overview"), [O, k] = o(!0), [A, j] = o(!1), [M, N] = o(null);
+function O() {
+	let { navigateTo: f } = e(), [p, O] = o("overview"), [k, A] = o(!0), [j, M] = o(!1), [N, P] = o(null);
 	a(() => {
 		let e = setTimeout(() => {
-			N(T), k(!1);
+			P(E), A(!1);
 		}, 600);
 		return () => clearTimeout(e);
 	}, []);
-	let P = [
+	let F = [
 		{
 			id: "overview",
 			label: "Overview",
@@ -131,7 +132,7 @@ function D() {
 			Icon: s
 		}
 	];
-	if (O) return /* @__PURE__ */ C(n, {
+	if (k) return /* @__PURE__ */ C(n, {
 		title: "Investment Details",
 		description: "Loading...",
 		children: /* @__PURE__ */ C("div", {
@@ -145,20 +146,21 @@ function D() {
 			})
 		})
 	});
-	if (!M) return /* @__PURE__ */ C(n, {
+	if (!N) return /* @__PURE__ */ C(n, {
 		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", {
+			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"
 			})]
 		})
 	});
-	let F = M.currentValuation * (M.equityPercentage / 100) - M.investmentAmount, I = F / M.investmentAmount * 100;
+	let I = N.currentValuation * (N.equityPercentage / 100) - N.investmentAmount, L = I / N.investmentAmount * 100;
 	return /* @__PURE__ */ w(n, {
-		title: M.cartName,
+		title: N.cartName,
 		description: "Investment Details & Performance",
+		purpose: "A full picture of this single investment — how much you put in, what it's returned so far, the cart's performance, and your payout history. Use it to decide whether to top up, hold, or exit.",
 		actions: /* @__PURE__ */ w("div", {
 			className: "flex items-center gap-2",
 			children: [
@@ -196,7 +198,7 @@ function D() {
 				}),
 				/* @__PURE__ */ w("button", {
 					type: "button",
-					onClick: () => j(!0),
+					onClick: () => M(!0),
 					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",
@@ -209,16 +211,16 @@ function D() {
 			]
 		}),
 		children: [
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ C(T, { children: /* @__PURE__ */ w("div", {
 				className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
 				children: [
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface 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-text-primary sm:text-2xl",
-								children: r(M.investmentAmount, { minimumFractionDigits: 0 })
+								children: r(N.investmentAmount, { minimumFractionDigits: 0 })
 							}),
 							/* @__PURE__ */ C("div", {
 								className: "text-xs text-text-secondary sm:text-sm",
@@ -227,14 +229,14 @@ function D() {
 						]
 					}),
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface 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),
+									L > 0 ? "+" : "",
+									L.toFixed(1),
 									"%"
 								]
 							}),
@@ -245,12 +247,12 @@ function D() {
 						]
 					}),
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface 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-text-primary sm:text-2xl",
-								children: [M.equityPercentage, "%"]
+								children: [N.equityPercentage, "%"]
 							}),
 							/* @__PURE__ */ C("div", {
 								className: "text-xs text-text-secondary sm:text-sm",
@@ -259,12 +261,12 @@ function D() {
 						]
 					}),
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface 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-text-primary sm:text-2xl",
-								children: r(M.currentValuation * (M.equityPercentage / 100), { minimumFractionDigits: 0 })
+								children: r(N.currentValuation * (N.equityPercentage / 100), { minimumFractionDigits: 0 })
 							}),
 							/* @__PURE__ */ C("div", {
 								className: "text-xs text-text-secondary sm:text-sm",
@@ -273,12 +275,12 @@ function D() {
 						]
 					})
 				]
-			}),
+			}) }),
 			/* @__PURE__ */ C("div", {
 				className: "mt-6 flex gap-2 overflow-x-auto pb-2",
-				children: P.map((e) => /* @__PURE__ */ w("button", {
+				children: F.map((e) => /* @__PURE__ */ w("button", {
 					type: "button",
-					onClick: () => D(e.id),
+					onClick: () => O(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-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" }),
@@ -301,7 +303,7 @@ function D() {
 						children: [/* @__PURE__ */ w("div", {
 							className: "space-y-6 lg:col-span-2",
 							children: [/* @__PURE__ */ w("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface 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-text-primary sm:mb-6",
 									children: "Business Information"
@@ -313,28 +315,28 @@ function D() {
 											children: "Owner"
 										}), /* @__PURE__ */ C("p", {
 											className: "font-medium text-text-primary",
-											children: M.cartOwner
+											children: N.cartOwner
 										})] }),
 										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 											className: "text-sm text-text-secondary",
 											children: "Business Type"
 										}), /* @__PURE__ */ C("p", {
 											className: "font-medium text-text-primary",
-											children: M.businessType
+											children: N.businessType
 										})] }),
 										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 											className: "text-sm text-text-secondary",
 											children: "Location"
 										}), /* @__PURE__ */ C("p", {
 											className: "font-medium text-text-primary",
-											children: M.location
+											children: N.location
 										})] }),
 										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 											className: "text-sm text-text-secondary",
 											children: "Established"
 										}), /* @__PURE__ */ C("p", {
 											className: "font-medium text-text-primary",
-											children: i(M.establishedDate, {
+											children: i(N.establishedDate, {
 												hour: void 0,
 												minute: void 0
 											})
@@ -342,7 +344,7 @@ function D() {
 									]
 								})]
 							}), /* @__PURE__ */ w("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface 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-text-primary sm:mb-6",
@@ -355,7 +357,7 @@ function D() {
 												/* @__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-text-primary sm:text-2xl",
-													children: M.monthlyOrders
+													children: N.monthlyOrders
 												}),
 												/* @__PURE__ */ C("div", {
 													className: "text-xs text-text-secondary sm:text-sm",
@@ -363,10 +365,10 @@ function D() {
 												})
 											] }),
 											/* @__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-text-primary sm:text-2xl",
-													children: r(M.monthlyRevenue, { minimumFractionDigits: 0 })
+													children: r(N.monthlyRevenue, { minimumFractionDigits: 0 })
 												}),
 												/* @__PURE__ */ C("div", {
 													className: "text-xs text-text-secondary sm:text-sm",
@@ -374,10 +376,10 @@ function D() {
 												})
 											] }),
 											/* @__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-text-primary sm:text-2xl",
-													children: M.activeCustomers
+													children: N.activeCustomers
 												}),
 												/* @__PURE__ */ C("div", {
 													className: "text-xs text-text-secondary sm:text-sm",
@@ -393,9 +395,9 @@ function D() {
 											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-text-secondary/40") }, n)), /* @__PURE__ */ C("span", {
+											children: [Array.from({ length: 5 }, (e, n) => /* @__PURE__ */ C(y, { className: t("h-4 w-4", n < Math.floor(N.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
+												children: N.customerRating
 											})]
 										})] }), /* @__PURE__ */ w("div", {
 											className: "text-left sm:text-right",
@@ -404,7 +406,7 @@ function D() {
 												children: "Avg Order Value"
 											}), /* @__PURE__ */ C("p", {
 												className: "text-lg font-semibold text-text-primary",
-												children: r(M.averageOrderValue, { minimumFractionDigits: 0 })
+												children: r(N.averageOrderValue, { minimumFractionDigits: 0 })
 											})]
 										})]
 									})
@@ -413,7 +415,7 @@ function D() {
 						}), /* @__PURE__ */ w("div", {
 							className: "space-y-6",
 							children: [/* @__PURE__ */ w("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface 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-text-primary sm:mb-6",
 									children: "Investment Summary"
@@ -425,7 +427,7 @@ function D() {
 											children: "Investment Date"
 										}), /* @__PURE__ */ C("p", {
 											className: "font-medium text-text-primary",
-											children: i(M.investmentDate, {
+											children: i(N.investmentDate, {
 												hour: void 0,
 												minute: void 0
 											})
@@ -435,21 +437,21 @@ function D() {
 											children: "Investment Type"
 										}), /* @__PURE__ */ C("p", {
 											className: "font-medium text-text-primary",
-											children: M.investmentType
+											children: N.investmentType
 										})] }),
 										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 											className: "text-sm text-text-secondary",
 											children: "Initial Valuation"
 										}), /* @__PURE__ */ C("p", {
 											className: "font-medium text-text-primary",
-											children: r(M.valuationAtInvestment, { minimumFractionDigits: 0 })
+											children: r(N.valuationAtInvestment, { minimumFractionDigits: 0 })
 										})] }),
 										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 											className: "text-sm text-text-secondary",
 											children: "Current Valuation"
 										}), /* @__PURE__ */ C("p", {
 											className: "text-lg font-medium text-text-primary",
-											children: r(M.currentValuation, { minimumFractionDigits: 0 })
+											children: r(N.currentValuation, { minimumFractionDigits: 0 })
 										})] }),
 										/* @__PURE__ */ C("div", {
 											className: "border-t border-border-subtle pt-4",
@@ -459,15 +461,15 @@ function D() {
 													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"),
-													children: [F > 0 ? "+" : "", r(F, { minimumFractionDigits: 0 })]
+													className: t("text-lg font-semibold", I > 0 ? "text-status-success-text" : "text-status-error-text"),
+													children: [I > 0 ? "+" : "", r(I, { minimumFractionDigits: 0 })]
 												})]
 											})
 										})
 									]
 								})]
 							}), /* @__PURE__ */ w("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface 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-text-primary sm:mb-6",
 									children: "Growth Indicators"
@@ -480,18 +482,18 @@ function D() {
 												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,
+													N.revenueGrowth,
 													"%"
 												]
 											})]
 										}), /* @__PURE__ */ C("div", {
 											className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
 											children: /* @__PURE__ */ C("div", {
-												className: "h-full rounded-full bg-green-600",
-												style: { width: `${Math.min(M.revenueGrowth, 100)}%` }
+												className: "h-full rounded-full bg-status-success-bg-subtle",
+												style: { width: `${Math.min(N.revenueGrowth, 100)}%` }
 											})
 										})] }),
 										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
@@ -501,13 +503,13 @@ function D() {
 												children: "Profit Margin"
 											}), /* @__PURE__ */ w("span", {
 												className: "text-sm font-medium text-text-primary",
-												children: [M.profitMargin, "%"]
+												children: [N.profitMargin, "%"]
 											})]
 										}), /* @__PURE__ */ C("div", {
 											className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
 											children: /* @__PURE__ */ C("div", {
-												className: "h-full rounded-full bg-blue-600",
-												style: { width: `${M.profitMargin}%` }
+												className: "h-full rounded-full bg-accent-blue-subtle",
+												style: { width: `${N.profitMargin}%` }
 											})
 										})] }),
 										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
@@ -516,18 +518,18 @@ function D() {
 												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,
+													N.returnOnInvestment,
 													"%"
 												]
 											})]
 										}), /* @__PURE__ */ C("div", {
 											className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
 											children: /* @__PURE__ */ C("div", {
-												className: "h-full rounded-full bg-green-500",
-												style: { width: `${Math.min(M.returnOnInvestment, 100)}%` }
+												className: "h-full rounded-full bg-status-success-bg-subtle",
+												style: { width: `${Math.min(N.returnOnInvestment, 100)}%` }
 											})
 										})] }),
 										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
@@ -535,7 +537,7 @@ function D() {
 											children: "Expected Payback"
 										}), /* @__PURE__ */ C("p", {
 											className: "font-medium text-text-primary",
-											children: M.paybackPeriod
+											children: N.paybackPeriod
 										})] })
 									]
 								})]
@@ -543,7 +545,7 @@ function D() {
 						})]
 					}),
 					p === "financials" && /* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface 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-text-primary sm:mb-6",
@@ -559,7 +561,7 @@ function D() {
 											children: "Monthly Revenue"
 										}), /* @__PURE__ */ C("p", {
 											className: "mt-1 text-lg font-bold text-text-primary",
-											children: r(M.monthlyRevenue, { minimumFractionDigits: 0 })
+											children: r(N.monthlyRevenue, { minimumFractionDigits: 0 })
 										})]
 									}),
 									/* @__PURE__ */ w("div", {
@@ -568,10 +570,10 @@ function D() {
 											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,
+												N.revenueGrowth,
 												"%"
 											]
 										})]
@@ -583,7 +585,7 @@ function D() {
 											children: "Profit Margin"
 										}), /* @__PURE__ */ w("p", {
 											className: "mt-1 text-lg font-bold text-text-primary",
-											children: [M.profitMargin, "%"]
+											children: [N.profitMargin, "%"]
 										})]
 									}),
 									/* @__PURE__ */ w("div", {
@@ -593,7 +595,7 @@ function D() {
 											children: "Avg Order Value"
 										}), /* @__PURE__ */ C("p", {
 											className: "mt-1 text-lg font-bold text-text-primary",
-											children: r(M.averageOrderValue, { minimumFractionDigits: 0 })
+											children: r(N.averageOrderValue, { minimumFractionDigits: 0 })
 										})]
 									})
 								]
@@ -623,32 +625,32 @@ function D() {
 										children: [
 											{
 												metric: "Monthly Revenue",
-												value: r(M.monthlyRevenue, { minimumFractionDigits: 0 }),
+												value: r(N.monthlyRevenue, { minimumFractionDigits: 0 }),
 												trend: "+18.5%"
 											},
 											{
 												metric: "Monthly Orders",
-												value: String(M.monthlyOrders),
+												value: String(N.monthlyOrders),
 												trend: "+12%"
 											},
 											{
 												metric: "Average Order Value",
-												value: r(M.averageOrderValue, { minimumFractionDigits: 0 }),
+												value: r(N.averageOrderValue, { minimumFractionDigits: 0 }),
 												trend: "+5.8%"
 											},
 											{
 												metric: "Active Customers",
-												value: String(M.activeCustomers),
+												value: String(N.activeCustomers),
 												trend: "+22%"
 											},
 											{
 												metric: "Profit Margin",
-												value: `${M.profitMargin}%`,
+												value: `${N.profitMargin}%`,
 												trend: "+2.1%"
 											},
 											{
 												metric: "Return on Investment",
-												value: `${M.returnOnInvestment}%`,
+												value: `${N.returnOnInvestment}%`,
 												trend: "+8.5%"
 											}
 										].map((e) => /* @__PURE__ */ w("tr", {
@@ -663,7 +665,7 @@ function D() {
 													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,14 +676,14 @@ function D() {
 						]
 					}),
 					p === "documents" && /* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface 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-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;
+							children: N.documents.map((e, n) => {
+								let r = D(e.status), a = r.Icon;
 								return /* @__PURE__ */ w("div", {
 									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", {
@@ -733,13 +735,13 @@ function D() {
 						})]
 					}),
 					p === "updates" && /* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface 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-text-primary sm:mb-6",
 							children: "Recent Updates"
 						}), /* @__PURE__ */ C("div", {
 							className: "space-y-4",
-							children: M.recentUpdates.map((e, t) => /* @__PURE__ */ w("div", {
+							children: N.recentUpdates.map((e, t) => /* @__PURE__ */ w("div", {
 								className: "flex gap-3 rounded-lg bg-bg-sunken/50 p-4 sm:gap-4",
 								children: [/* @__PURE__ */ C("div", {
 									className: "flex-shrink-0",
@@ -768,7 +770,7 @@ function D() {
 					})
 				]
 			}),
-			A && /* @__PURE__ */ C("div", {
+			j && /* @__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-subtle bg-bg-surface",
@@ -777,7 +779,7 @@ function D() {
 							className: "border-b border-border-subtle p-4 sm:p-6",
 							children: [/* @__PURE__ */ C("button", {
 								type: "button",
-								onClick: () => j(!1),
+								onClick: () => M(!1),
 								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", {
@@ -792,7 +794,7 @@ function D() {
 									className: "text-sm text-text-secondary sm:text-base",
 									children: [
 										"Choose an action for your investment in ",
-										M.cartName,
+										N.cartName,
 										":"
 									]
 								}),
@@ -820,9 +822,9 @@ function D() {
 									]
 								}),
 								/* @__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."
 									})
 								})
@@ -832,7 +834,7 @@ function D() {
 							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),
+								onClick: () => M(!1),
 								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"
 							})
@@ -844,6 +846,6 @@ function D() {
 	});
 }
 //#endregion
-export { D as InvestmentDetailsPage };
+export { O as InvestmentDetailsPage };
 
 //# sourceMappingURL=InvestmentDetailsPage.js.map