@burdenoff/microfe-subscriberbot 2026.624.1 → 2026.626.1

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

@@ -1,12 +1,14 @@
 import { useSubscriberBot as e } from "../../context/SubscriberBotContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
-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 { EmptyState as r } from "../../components/EmptyState.js";
+import { formatCurrency as i, formatDate as a } from "../../utils/formatters.js";
+import { useEffect as o, useState as s } from "react";
+import { Activity as c, AlertCircle as l, ArrowLeft as u, BarChart3 as d, Briefcase as f, Building2 as p, CheckCircle2 as m, Clock as h, Download as g, FileText as _, IndianRupee as v, Package as y, PieChart as b, Star as x, Target as S, TrendingUp as C, Users as w, X as T } from "lucide-react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { EmphasisPanel as O, NextSteps as k, PagePurpose as A } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/investor/InvestmentDetailsPage.tsx
-var T = {
+var j = {
 	id: "INV-001",
 	cartName: "Dosa Express - Koramangala",
 	cartOwner: "Suresh Rao",
@@ -77,131 +79,135 @@ var T = {
 		}
 	]
 };
-function E(e) {
+function M(e) {
 	switch (e) {
 		case "verified": return {
-			color: "text-green-600 dark:text-green-400",
-			Icon: f,
+			color: "text-status-success-text",
+			Icon: m,
 			label: "Verified"
 		};
 		case "pending": return {
-			color: "text-yellow-600 dark:text-yellow-400",
-			Icon: p,
+			color: "text-status-warning-text",
+			Icon: h,
 			label: "Pending"
 		};
 		case "rejected": return {
-			color: "text-red-600 dark:text-red-400",
-			Icon: c,
+			color: "text-status-error-text",
+			Icon: l,
 			label: "Rejected"
 		};
 		default: return {
 			color: "text-text-secondary",
-			Icon: c,
+			Icon: l,
 			label: e
 		};
 	}
 }
-function D() {
-	let { navigateTo: f } = e(), [p, D] = o("overview"), [O, k] = o(!0), [A, j] = o(!1), [M, N] = o(null);
-	a(() => {
+function N() {
+	let { navigateTo: l } = e(), [m, h] = s("overview"), [N, P] = s(!0), [F, I] = s(!1), [L, R] = s(null);
+	o(() => {
 		let e = setTimeout(() => {
-			N(T), k(!1);
+			R(j), P(!1);
 		}, 600);
 		return () => clearTimeout(e);
 	}, []);
-	let P = [
+	let z = [
 		{
 			id: "overview",
 			label: "Overview",
-			Icon: u
+			Icon: d
 		},
 		{
 			id: "financials",
 			label: "Financials",
-			Icon: g
+			Icon: v
 		},
 		{
 			id: "documents",
 			label: "Documents",
-			Icon: h
+			Icon: _
 		},
 		{
 			id: "updates",
 			label: "Updates",
-			Icon: s
+			Icon: c
 		}
 	];
-	if (O) return /* @__PURE__ */ C(n, {
+	if (N) return /* @__PURE__ */ E(n, {
 		title: "Investment Details",
 		description: "Loading...",
-		children: /* @__PURE__ */ C("div", {
+		children: /* @__PURE__ */ E("div", {
 			className: "flex items-center justify-center py-20",
-			children: /* @__PURE__ */ w("div", {
+			children: /* @__PURE__ */ D("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", {
+				children: [/* @__PURE__ */ E("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ E("p", {
 					className: "text-sm text-text-secondary",
 					children: "Loading investment details..."
 				})]
 			})
 		})
 	});
-	if (!M) return /* @__PURE__ */ C(n, {
+	if (!L) return /* @__PURE__ */ E(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", {
-				className: "text-text-primary",
-				children: "Investment not found"
-			})]
+		children: /* @__PURE__ */ E(r, {
+			illustration: "empty-generic",
+			title: "Investment not found",
+			description: "We couldn't find this investment. It may have been removed, or the link may be out of date.",
+			action: /* @__PURE__ */ D("button", {
+				type: "button",
+				onClick: () => l("/investor/portfolio"),
+				className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
+				children: [/* @__PURE__ */ E(u, { className: "h-4 w-4" }), "Back to Portfolio"]
+			})
 		})
 	});
-	let F = M.currentValuation * (M.equityPercentage / 100) - M.investmentAmount, I = F / M.investmentAmount * 100;
-	return /* @__PURE__ */ w(n, {
-		title: M.cartName,
+	let B = L.currentValuation * (L.equityPercentage / 100) - L.investmentAmount, V = B / L.investmentAmount * 100;
+	return /* @__PURE__ */ D(n, {
+		title: L.cartName,
 		description: "Investment Details & Performance",
-		actions: /* @__PURE__ */ w("div", {
+		actions: /* @__PURE__ */ D("div", {
 			className: "flex items-center gap-2",
 			children: [
-				/* @__PURE__ */ w("button", {
+				/* @__PURE__ */ D("button", {
 					type: "button",
-					onClick: () => f("/investor/portfolio"),
-					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",
+					onClick: () => l("/investor/portfolio"),
+					className: "flex items-center gap-1.5 rounded-lg border border-border-seam 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", {
+						/* @__PURE__ */ E(u, { className: "h-4 w-4" }),
+						/* @__PURE__ */ E("span", {
 							className: "hidden sm:inline",
 							children: "Back to Portfolio"
 						}),
-						/* @__PURE__ */ C("span", {
+						/* @__PURE__ */ E("span", {
 							className: "sm:hidden",
 							children: "Back"
 						})
 					]
 				}),
-				/* @__PURE__ */ w("button", {
+				/* @__PURE__ */ D("button", {
 					type: "button",
 					onClick: () => alert("Report export initiated"),
-					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",
+					className: "flex items-center gap-1.5 rounded-lg border border-border-seam 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", {
+						/* @__PURE__ */ E(g, { className: "h-4 w-4" }),
+						/* @__PURE__ */ E("span", {
 							className: "hidden sm:inline",
 							children: "Export Report"
 						}),
-						/* @__PURE__ */ C("span", {
+						/* @__PURE__ */ E("span", {
 							className: "sm:hidden",
 							children: "Export"
 						})
 					]
 				}),
-				/* @__PURE__ */ w("button", {
+				/* @__PURE__ */ D("button", {
 					type: "button",
-					onClick: () => j(!0),
+					onClick: () => I(!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", {
+					children: [/* @__PURE__ */ E("span", {
 						className: "hidden sm:inline",
 						children: "Manage Investment"
-					}), /* @__PURE__ */ C("span", {
+					}), /* @__PURE__ */ E("span", {
 						className: "sm:hidden",
 						children: "Manage"
 					})]
@@ -209,64 +215,95 @@ function D() {
 			]
 		}),
 		children: [
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ E(A, {
+				icon: /* @__PURE__ */ E(C, { className: "h-4 w-4" }),
+				className: "mb-6",
+				children: "A deep dive into one of your holdings. See exactly how much you put in, your equity stake, current value and returns, then switch tabs for performance history, business updates and documents. Use Manage Investment when you want to top up, withdraw dividends or adjust your position."
+			}),
+			/* @__PURE__ */ E(k, {
+				storageKey: "subscriberbot-investment-details",
+				steps: [
+					{
+						id: "manage-investment",
+						label: "Manage this investment",
+						description: "Top up, withdraw dividends or adjust your position.",
+						icon: /* @__PURE__ */ E(f, { className: "h-4 w-4" }),
+						onClick: () => I(!0)
+					},
+					{
+						id: "back-portfolio",
+						label: "Back to your portfolio",
+						description: "Compare this holding against the rest of your investments.",
+						icon: /* @__PURE__ */ E(b, { className: "h-4 w-4" }),
+						onClick: () => l("/investor/portfolio")
+					},
+					{
+						id: "more-opps",
+						label: "Find more opportunities",
+						description: "Diversify by backing other promising local carts.",
+						icon: /* @__PURE__ */ E(S, { className: "h-4 w-4" }),
+						onClick: () => l("/investor/opportunities")
+					}
+				]
+			}),
+			/* @__PURE__ */ D(O, {
 				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",
+					/* @__PURE__ */ D("div", {
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-center",
 						children: [
-							/* @__PURE__ */ C(g, { className: "mx-auto mb-2 h-6 w-6 text-primary sm:h-8 sm:w-8" }),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ E(v, { className: "mx-auto mb-2 h-6 w-6 text-primary sm:h-8 sm:w-8" }),
+							/* @__PURE__ */ E("div", {
 								className: "text-lg font-bold text-text-primary sm:text-2xl",
-								children: r(M.investmentAmount, { minimumFractionDigits: 0 })
+								children: i(L.investmentAmount, { minimumFractionDigits: 0 })
 							}),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ E("div", {
 								className: "text-xs text-text-secondary sm:text-sm",
 								children: "Your Investment"
 							})
 						]
 					}),
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 text-center",
+					/* @__PURE__ */ D("div", {
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-center",
 						children: [
-							/* @__PURE__ */ C(b, { className: "mx-auto mb-2 h-6 w-6 text-green-600 sm:h-8 sm:w-8" }),
-							/* @__PURE__ */ w("div", {
-								className: "text-lg font-bold text-green-600 dark:text-green-400 sm:text-2xl",
+							/* @__PURE__ */ E(C, { className: "mx-auto mb-2 h-6 w-6 text-status-success-text sm:h-8 sm:w-8" }),
+							/* @__PURE__ */ D("div", {
+								className: "text-lg font-bold text-status-success-text sm:text-2xl",
 								children: [
-									I > 0 ? "+" : "",
-									I.toFixed(1),
+									V > 0 ? "+" : "",
+									V.toFixed(1),
 									"%"
 								]
 							}),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ E("div", {
 								className: "text-xs text-text-secondary sm:text-sm",
 								children: "Returns"
 							})
 						]
 					}),
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 text-center",
+					/* @__PURE__ */ D("div", {
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-center",
 						children: [
-							/* @__PURE__ */ C(v, { className: "mx-auto mb-2 h-6 w-6 text-blue-600 sm:h-8 sm:w-8" }),
-							/* @__PURE__ */ w("div", {
+							/* @__PURE__ */ E(b, { className: "mx-auto mb-2 h-6 w-6 text-status-info-text sm:h-8 sm:w-8" }),
+							/* @__PURE__ */ D("div", {
 								className: "text-lg font-bold text-text-primary sm:text-2xl",
-								children: [M.equityPercentage, "%"]
+								children: [L.equityPercentage, "%"]
 							}),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ E("div", {
 								className: "text-xs text-text-secondary sm:text-sm",
 								children: "Equity Stake"
 							})
 						]
 					}),
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 text-center",
+					/* @__PURE__ */ D("div", {
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-center",
 						children: [
-							/* @__PURE__ */ C(d, { className: "mx-auto mb-2 h-6 w-6 text-purple-600 sm:h-8 sm:w-8" }),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ E(p, { className: "mx-auto mb-2 h-6 w-6 text-accent-purple sm:h-8 sm:w-8" }),
+							/* @__PURE__ */ E("div", {
 								className: "text-lg font-bold text-text-primary sm:text-2xl",
-								children: r(M.currentValuation * (M.equityPercentage / 100), { minimumFractionDigits: 0 })
+								children: i(L.currentValuation * (L.equityPercentage / 100), { minimumFractionDigits: 0 })
 							}),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ E("div", {
 								className: "text-xs text-text-secondary sm:text-sm",
 								children: "Current Value"
 							})
@@ -274,396 +311,396 @@ function D() {
 					})
 				]
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ E("div", {
 				className: "mt-6 flex gap-2 overflow-x-auto pb-2",
-				children: P.map((e) => /* @__PURE__ */ w("button", {
+				children: z.map((e) => /* @__PURE__ */ D("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-action-primary-bg text-action-primary-text" : "bg-bg-surface text-text-primary hover:bg-bg-sunken"),
+					onClick: () => h(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", m === 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", {
+						/* @__PURE__ */ E(e.Icon, { className: "h-4 w-4 flex-shrink-0" }),
+						/* @__PURE__ */ E("span", {
 							className: "hidden sm:inline",
 							children: e.label
 						}),
-						/* @__PURE__ */ C("span", {
+						/* @__PURE__ */ E("span", {
 							className: "sm:hidden",
 							children: e.label.split(" ")[0]
 						})
 					]
 				}, e.id))
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ D("div", {
 				className: "mt-6",
 				children: [
-					p === "overview" && /* @__PURE__ */ w("div", {
+					m === "overview" && /* @__PURE__ */ D("div", {
 						className: "grid gap-6 lg:grid-cols-3",
-						children: [/* @__PURE__ */ w("div", {
+						children: [/* @__PURE__ */ D("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",
-								children: [/* @__PURE__ */ C("h2", {
+							children: [/* @__PURE__ */ D("div", {
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6",
+								children: [/* @__PURE__ */ E("h2", {
 									className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
 									children: "Business Information"
-								}), /* @__PURE__ */ w("div", {
+								}), /* @__PURE__ */ D("div", {
 									className: "grid gap-4 sm:grid-cols-2 sm:gap-6",
 									children: [
-										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 											className: "text-sm text-text-secondary",
 											children: "Owner"
-										}), /* @__PURE__ */ C("p", {
+										}), /* @__PURE__ */ E("p", {
 											className: "font-medium text-text-primary",
-											children: M.cartOwner
+											children: L.cartOwner
 										})] }),
-										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 											className: "text-sm text-text-secondary",
 											children: "Business Type"
-										}), /* @__PURE__ */ C("p", {
+										}), /* @__PURE__ */ E("p", {
 											className: "font-medium text-text-primary",
-											children: M.businessType
+											children: L.businessType
 										})] }),
-										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 											className: "text-sm text-text-secondary",
 											children: "Location"
-										}), /* @__PURE__ */ C("p", {
+										}), /* @__PURE__ */ E("p", {
 											className: "font-medium text-text-primary",
-											children: M.location
+											children: L.location
 										})] }),
-										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 											className: "text-sm text-text-secondary",
 											children: "Established"
-										}), /* @__PURE__ */ C("p", {
+										}), /* @__PURE__ */ E("p", {
 											className: "font-medium text-text-primary",
-											children: i(M.establishedDate, {
+											children: a(L.establishedDate, {
 												hour: void 0,
 												minute: void 0
 											})
 										})] })
 									]
 								})]
-							}), /* @__PURE__ */ w("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
+							}), /* @__PURE__ */ D("div", {
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6",
 								children: [
-									/* @__PURE__ */ C("h2", {
+									/* @__PURE__ */ E("h2", {
 										className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
 										children: "Performance Metrics"
 									}),
-									/* @__PURE__ */ w("div", {
+									/* @__PURE__ */ D("div", {
 										className: "grid grid-cols-1 gap-4 text-center sm:grid-cols-3 sm:gap-6",
 										children: [
-											/* @__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", {
+											/* @__PURE__ */ D("div", { children: [
+												/* @__PURE__ */ E(y, { className: "mx-auto mb-2 h-6 w-6 text-primary sm:h-8 sm:w-8" }),
+												/* @__PURE__ */ E("div", {
 													className: "text-xl font-bold text-text-primary sm:text-2xl",
-													children: M.monthlyOrders
+													children: L.monthlyOrders
 												}),
-												/* @__PURE__ */ C("div", {
+												/* @__PURE__ */ E("div", {
 													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("div", {
+											/* @__PURE__ */ D("div", { children: [
+												/* @__PURE__ */ E(v, { className: "mx-auto mb-2 h-6 w-6 text-status-success-text sm:h-8 sm:w-8" }),
+												/* @__PURE__ */ E("div", {
 													className: "text-xl font-bold text-text-primary sm:text-2xl",
-													children: r(M.monthlyRevenue, { minimumFractionDigits: 0 })
+													children: i(L.monthlyRevenue, { minimumFractionDigits: 0 })
 												}),
-												/* @__PURE__ */ C("div", {
+												/* @__PURE__ */ E("div", {
 													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("div", {
+											/* @__PURE__ */ D("div", { children: [
+												/* @__PURE__ */ E(w, { className: "mx-auto mb-2 h-6 w-6 text-status-info-text sm:h-8 sm:w-8" }),
+												/* @__PURE__ */ E("div", {
 													className: "text-xl font-bold text-text-primary sm:text-2xl",
-													children: M.activeCustomers
+													children: L.activeCustomers
 												}),
-												/* @__PURE__ */ C("div", {
+												/* @__PURE__ */ E("div", {
 													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-subtle pt-4 sm:mt-6 sm:flex-row sm:items-center sm:pt-6",
-										children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+									/* @__PURE__ */ D("div", {
+										className: "mt-4 flex flex-col items-start justify-between gap-4 border-t border-border-seam pt-4 sm:mt-6 sm:flex-row sm:items-center sm:pt-6",
+										children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 											className: "text-sm text-text-secondary",
 											children: "Customer Rating"
-										}), /* @__PURE__ */ w("div", {
+										}), /* @__PURE__ */ D("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__ */ E(x, { className: t("h-4 w-4", n < Math.floor(L.customerRating) ? "fill-status-warning-text text-status-warning-text" : "fill-none text-text-secondary/40") }, n)), /* @__PURE__ */ E("span", {
 												className: "ml-1 text-sm font-medium text-text-primary",
-												children: M.customerRating
+												children: L.customerRating
 											})]
-										})] }), /* @__PURE__ */ w("div", {
+										})] }), /* @__PURE__ */ D("div", {
 											className: "text-left sm:text-right",
-											children: [/* @__PURE__ */ C("p", {
+											children: [/* @__PURE__ */ E("p", {
 												className: "text-sm text-text-secondary",
 												children: "Avg Order Value"
-											}), /* @__PURE__ */ C("p", {
+											}), /* @__PURE__ */ E("p", {
 												className: "text-lg font-semibold text-text-primary",
-												children: r(M.averageOrderValue, { minimumFractionDigits: 0 })
+												children: i(L.averageOrderValue, { minimumFractionDigits: 0 })
 											})]
 										})]
 									})
 								]
 							})]
-						}), /* @__PURE__ */ w("div", {
+						}), /* @__PURE__ */ D("div", {
 							className: "space-y-6",
-							children: [/* @__PURE__ */ w("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
-								children: [/* @__PURE__ */ C("h2", {
+							children: [/* @__PURE__ */ D("div", {
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6",
+								children: [/* @__PURE__ */ E("h2", {
 									className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
 									children: "Investment Summary"
-								}), /* @__PURE__ */ w("div", {
+								}), /* @__PURE__ */ D("div", {
 									className: "space-y-4",
 									children: [
-										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 											className: "text-sm text-text-secondary",
 											children: "Investment Date"
-										}), /* @__PURE__ */ C("p", {
+										}), /* @__PURE__ */ E("p", {
 											className: "font-medium text-text-primary",
-											children: i(M.investmentDate, {
+											children: a(L.investmentDate, {
 												hour: void 0,
 												minute: void 0
 											})
 										})] }),
-										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 											className: "text-sm text-text-secondary",
 											children: "Investment Type"
-										}), /* @__PURE__ */ C("p", {
+										}), /* @__PURE__ */ E("p", {
 											className: "font-medium text-text-primary",
-											children: M.investmentType
+											children: L.investmentType
 										})] }),
-										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 											className: "text-sm text-text-secondary",
 											children: "Initial Valuation"
-										}), /* @__PURE__ */ C("p", {
+										}), /* @__PURE__ */ E("p", {
 											className: "font-medium text-text-primary",
-											children: r(M.valuationAtInvestment, { minimumFractionDigits: 0 })
+											children: i(L.valuationAtInvestment, { minimumFractionDigits: 0 })
 										})] }),
-										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 											className: "text-sm text-text-secondary",
 											children: "Current Valuation"
-										}), /* @__PURE__ */ C("p", {
+										}), /* @__PURE__ */ E("p", {
 											className: "text-lg font-medium text-text-primary",
-											children: r(M.currentValuation, { minimumFractionDigits: 0 })
+											children: i(L.currentValuation, { minimumFractionDigits: 0 })
 										})] }),
-										/* @__PURE__ */ C("div", {
-											className: "border-t border-border-subtle pt-4",
-											children: /* @__PURE__ */ w("div", {
+										/* @__PURE__ */ E("div", {
+											className: "border-t border-border-seam pt-4",
+											children: /* @__PURE__ */ D("div", {
 												className: "flex items-center justify-between",
-												children: [/* @__PURE__ */ C("span", {
+												children: [/* @__PURE__ */ E("span", {
 													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 })]
+												}), /* @__PURE__ */ D("span", {
+													className: t("text-lg font-semibold", B > 0 ? "text-status-success-text" : "text-status-error-text"),
+													children: [B > 0 ? "+" : "", i(B, { minimumFractionDigits: 0 })]
 												})]
 											})
 										})
 									]
 								})]
-							}), /* @__PURE__ */ w("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
-								children: [/* @__PURE__ */ C("h2", {
+							}), /* @__PURE__ */ D("div", {
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6",
+								children: [/* @__PURE__ */ E("h2", {
 									className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
 									children: "Growth Indicators"
-								}), /* @__PURE__ */ w("div", {
+								}), /* @__PURE__ */ D("div", {
 									className: "space-y-4",
 									children: [
-										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
+										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("div", {
 											className: "mb-2 flex items-center justify-between",
-											children: [/* @__PURE__ */ C("span", {
+											children: [/* @__PURE__ */ E("span", {
 												className: "text-sm text-text-secondary",
 												children: "Revenue Growth"
-											}), /* @__PURE__ */ w("span", {
-												className: "text-sm font-medium text-green-600 dark:text-green-400",
+											}), /* @__PURE__ */ D("span", {
+												className: "text-sm font-medium text-status-success-text",
 												children: [
 													"+",
-													M.revenueGrowth,
+													L.revenueGrowth,
 													"%"
 												]
 											})]
-										}), /* @__PURE__ */ C("div", {
+										}), /* @__PURE__ */ E("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)}%` }
+											children: /* @__PURE__ */ E("div", {
+												className: "h-full rounded-full bg-status-success-text",
+												style: { width: `${Math.min(L.revenueGrowth, 100)}%` }
 											})
 										})] }),
-										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
+										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("div", {
 											className: "mb-2 flex items-center justify-between",
-											children: [/* @__PURE__ */ C("span", {
+											children: [/* @__PURE__ */ E("span", {
 												className: "text-sm text-text-secondary",
 												children: "Profit Margin"
-											}), /* @__PURE__ */ w("span", {
+											}), /* @__PURE__ */ D("span", {
 												className: "text-sm font-medium text-text-primary",
-												children: [M.profitMargin, "%"]
+												children: [L.profitMargin, "%"]
 											})]
-										}), /* @__PURE__ */ C("div", {
+										}), /* @__PURE__ */ E("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}%` }
+											children: /* @__PURE__ */ E("div", {
+												className: "h-full rounded-full bg-status-info-text",
+												style: { width: `${L.profitMargin}%` }
 											})
 										})] }),
-										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
+										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("div", {
 											className: "mb-2 flex items-center justify-between",
-											children: [/* @__PURE__ */ C("span", {
+											children: [/* @__PURE__ */ E("span", {
 												className: "text-sm text-text-secondary",
 												children: "ROI"
-											}), /* @__PURE__ */ w("span", {
-												className: "text-sm font-medium text-green-600 dark:text-green-400",
+											}), /* @__PURE__ */ D("span", {
+												className: "text-sm font-medium text-status-success-text",
 												children: [
 													"+",
-													M.returnOnInvestment,
+													L.returnOnInvestment,
 													"%"
 												]
 											})]
-										}), /* @__PURE__ */ C("div", {
+										}), /* @__PURE__ */ E("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)}%` }
+											children: /* @__PURE__ */ E("div", {
+												className: "h-full rounded-full bg-status-success-text",
+												style: { width: `${Math.min(L.returnOnInvestment, 100)}%` }
 											})
 										})] }),
-										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 											className: "text-sm text-text-secondary",
 											children: "Expected Payback"
-										}), /* @__PURE__ */ C("p", {
+										}), /* @__PURE__ */ E("p", {
 											className: "font-medium text-text-primary",
-											children: M.paybackPeriod
+											children: L.paybackPeriod
 										})] })
 									]
 								})]
 							})]
 						})]
 					}),
-					p === "financials" && /* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
+					m === "financials" && /* @__PURE__ */ D("div", {
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6",
 						children: [
-							/* @__PURE__ */ C("h2", {
+							/* @__PURE__ */ E("h2", {
 								className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
 								children: "Financial Performance"
 							}),
-							/* @__PURE__ */ w("div", {
+							/* @__PURE__ */ D("div", {
 								className: "mb-6 grid grid-cols-2 gap-4 lg:grid-cols-4",
 								children: [
-									/* @__PURE__ */ w("div", {
+									/* @__PURE__ */ D("div", {
 										className: "rounded-lg bg-bg-sunken/50 p-3",
-										children: [/* @__PURE__ */ C("p", {
+										children: [/* @__PURE__ */ E("p", {
 											className: "text-xs text-text-secondary",
 											children: "Monthly Revenue"
-										}), /* @__PURE__ */ C("p", {
+										}), /* @__PURE__ */ E("p", {
 											className: "mt-1 text-lg font-bold text-text-primary",
-											children: r(M.monthlyRevenue, { minimumFractionDigits: 0 })
+											children: i(L.monthlyRevenue, { minimumFractionDigits: 0 })
 										})]
 									}),
-									/* @__PURE__ */ w("div", {
+									/* @__PURE__ */ D("div", {
 										className: "rounded-lg bg-bg-sunken/50 p-3",
-										children: [/* @__PURE__ */ C("p", {
+										children: [/* @__PURE__ */ E("p", {
 											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",
+										}), /* @__PURE__ */ D("p", {
+											className: "mt-1 text-lg font-bold text-status-success-text",
 											children: [
 												"+",
-												M.revenueGrowth,
+												L.revenueGrowth,
 												"%"
 											]
 										})]
 									}),
-									/* @__PURE__ */ w("div", {
+									/* @__PURE__ */ D("div", {
 										className: "rounded-lg bg-bg-sunken/50 p-3",
-										children: [/* @__PURE__ */ C("p", {
+										children: [/* @__PURE__ */ E("p", {
 											className: "text-xs text-text-secondary",
 											children: "Profit Margin"
-										}), /* @__PURE__ */ w("p", {
+										}), /* @__PURE__ */ D("p", {
 											className: "mt-1 text-lg font-bold text-text-primary",
-											children: [M.profitMargin, "%"]
+											children: [L.profitMargin, "%"]
 										})]
 									}),
-									/* @__PURE__ */ w("div", {
+									/* @__PURE__ */ D("div", {
 										className: "rounded-lg bg-bg-sunken/50 p-3",
-										children: [/* @__PURE__ */ C("p", {
+										children: [/* @__PURE__ */ E("p", {
 											className: "text-xs text-text-secondary",
 											children: "Avg Order Value"
-										}), /* @__PURE__ */ C("p", {
+										}), /* @__PURE__ */ E("p", {
 											className: "mt-1 text-lg font-bold text-text-primary",
-											children: r(M.averageOrderValue, { minimumFractionDigits: 0 })
+											children: i(L.averageOrderValue, { minimumFractionDigits: 0 })
 										})]
 									})
 								]
 							}),
-							/* @__PURE__ */ C("div", {
-								className: "overflow-hidden rounded-lg border border-border-subtle",
-								children: /* @__PURE__ */ w("table", {
+							/* @__PURE__ */ E("div", {
+								className: "overflow-hidden rounded-lg border border-border-seam",
+								children: /* @__PURE__ */ D("table", {
 									className: "w-full",
-									children: [/* @__PURE__ */ C("thead", { children: /* @__PURE__ */ w("tr", {
+									children: [/* @__PURE__ */ E("thead", { children: /* @__PURE__ */ D("tr", {
 										className: "bg-bg-sunken/50",
 										children: [
-											/* @__PURE__ */ C("th", {
+											/* @__PURE__ */ E("th", {
 												className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-text-secondary",
 												children: "Metric"
 											}),
-											/* @__PURE__ */ C("th", {
+											/* @__PURE__ */ E("th", {
 												className: "px-4 py-3 text-right text-xs font-medium uppercase tracking-wider text-text-secondary",
 												children: "Value"
 											}),
-											/* @__PURE__ */ C("th", {
+											/* @__PURE__ */ E("th", {
 												className: "px-4 py-3 text-right text-xs font-medium uppercase tracking-wider text-text-secondary",
 												children: "Trend"
 											})
 										]
-									}) }), /* @__PURE__ */ C("tbody", {
+									}) }), /* @__PURE__ */ E("tbody", {
 										className: "divide-y divide-border",
 										children: [
 											{
 												metric: "Monthly Revenue",
-												value: r(M.monthlyRevenue, { minimumFractionDigits: 0 }),
+												value: i(L.monthlyRevenue, { minimumFractionDigits: 0 }),
 												trend: "+18.5%"
 											},
 											{
 												metric: "Monthly Orders",
-												value: String(M.monthlyOrders),
+												value: String(L.monthlyOrders),
 												trend: "+12%"
 											},
 											{
 												metric: "Average Order Value",
-												value: r(M.averageOrderValue, { minimumFractionDigits: 0 }),
+												value: i(L.averageOrderValue, { minimumFractionDigits: 0 }),
 												trend: "+5.8%"
 											},
 											{
 												metric: "Active Customers",
-												value: String(M.activeCustomers),
+												value: String(L.activeCustomers),
 												trend: "+22%"
 											},
 											{
 												metric: "Profit Margin",
-												value: `${M.profitMargin}%`,
+												value: `${L.profitMargin}%`,
 												trend: "+2.1%"
 											},
 											{
 												metric: "Return on Investment",
-												value: `${M.returnOnInvestment}%`,
+												value: `${L.returnOnInvestment}%`,
 												trend: "+8.5%"
 											}
-										].map((e) => /* @__PURE__ */ w("tr", {
+										].map((e) => /* @__PURE__ */ D("tr", {
 											className: "hover:bg-accent/50 transition-colors",
 											children: [
-												/* @__PURE__ */ C("td", {
+												/* @__PURE__ */ E("td", {
 													className: "px-4 py-3 text-sm font-medium text-text-primary",
 													children: e.metric
 												}),
-												/* @__PURE__ */ C("td", {
+												/* @__PURE__ */ E("td", {
 													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",
+												/* @__PURE__ */ E("td", {
+													className: "px-4 py-3 text-right text-sm font-medium text-status-success-text",
 													children: e.trend
 												})
 											]
@@ -673,36 +710,36 @@ function D() {
 							})
 						]
 					}),
-					p === "documents" && /* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
-						children: [/* @__PURE__ */ C("h2", {
+					m === "documents" && /* @__PURE__ */ D("div", {
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6",
+						children: [/* @__PURE__ */ E("h2", {
 							className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
 							children: "Investment Documents"
-						}), /* @__PURE__ */ C("div", {
+						}), /* @__PURE__ */ E("div", {
 							className: "space-y-4",
-							children: M.documents.map((e, n) => {
-								let r = E(e.status), a = r.Icon;
-								return /* @__PURE__ */ w("div", {
+							children: L.documents.map((e, n) => {
+								let r = M(e.status), i = r.Icon;
+								return /* @__PURE__ */ D("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", {
+									children: [/* @__PURE__ */ D("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", {
+										children: [/* @__PURE__ */ E(_, { className: "mt-1 h-6 w-6 flex-shrink-0 text-primary sm:mt-0 sm:h-8 sm:w-8" }), /* @__PURE__ */ D("div", {
 											className: "min-w-0 flex-1",
 											children: [
-												/* @__PURE__ */ C("h4", {
+												/* @__PURE__ */ E("h4", {
 													className: "text-sm font-medium text-text-primary sm:text-base",
 													children: e.type
 												}),
-												/* @__PURE__ */ C("p", {
+												/* @__PURE__ */ E("p", {
 													className: "truncate text-xs text-text-secondary sm:text-sm",
 													children: e.name
 												}),
-												/* @__PURE__ */ w("p", {
+												/* @__PURE__ */ D("p", {
 													className: "text-xs text-text-secondary",
 													children: [
 														"Uploaded",
 														" ",
-														i(e.uploadDate, {
+														a(e.uploadDate, {
 															hour: void 0,
 															minute: void 0
 														})
@@ -710,19 +747,19 @@ function D() {
 												})
 											]
 										})]
-									}), /* @__PURE__ */ w("div", {
+									}), /* @__PURE__ */ D("div", {
 										className: "flex w-full items-center justify-between gap-3 sm:w-auto sm:justify-end",
-										children: [/* @__PURE__ */ w("span", {
+										children: [/* @__PURE__ */ D("span", {
 											className: t("flex items-center gap-1 text-xs sm:text-sm", r.color),
-											children: [/* @__PURE__ */ C(a, { className: "h-3 w-3 sm:h-4 sm:w-4" }), /* @__PURE__ */ C("span", {
+											children: [/* @__PURE__ */ E(i, { className: "h-3 w-3 sm:h-4 sm:w-4" }), /* @__PURE__ */ E("span", {
 												className: "capitalize",
 												children: r.label
 											})]
-										}), /* @__PURE__ */ w("button", {
+										}), /* @__PURE__ */ D("button", {
 											type: "button",
 											onClick: () => alert(`Downloading ${e.name}`),
-											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: "flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+											children: [/* @__PURE__ */ E(g, { className: "h-3 w-3 sm:h-4 sm:w-4" }), /* @__PURE__ */ E("span", {
 												className: "hidden sm:inline",
 												children: "Download"
 											})]
@@ -732,33 +769,33 @@ function D() {
 							})
 						})]
 					}),
-					p === "updates" && /* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
-						children: [/* @__PURE__ */ C("h2", {
+					m === "updates" && /* @__PURE__ */ D("div", {
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6",
+						children: [/* @__PURE__ */ E("h2", {
 							className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
 							children: "Recent Updates"
-						}), /* @__PURE__ */ C("div", {
+						}), /* @__PURE__ */ E("div", {
 							className: "space-y-4",
-							children: M.recentUpdates.map((e, t) => /* @__PURE__ */ w("div", {
+							children: L.recentUpdates.map((e, t) => /* @__PURE__ */ D("div", {
 								className: "flex gap-3 rounded-lg bg-bg-sunken/50 p-4 sm:gap-4",
-								children: [/* @__PURE__ */ C("div", {
+								children: [/* @__PURE__ */ E("div", {
 									className: "flex-shrink-0",
-									children: /* @__PURE__ */ C(s, { className: "mt-1 h-4 w-4 text-primary sm:h-5 sm:w-5" })
-								}), /* @__PURE__ */ w("div", {
+									children: /* @__PURE__ */ E(c, { className: "mt-1 h-4 w-4 text-primary sm:h-5 sm:w-5" })
+								}), /* @__PURE__ */ D("div", {
 									className: "min-w-0 flex-1",
-									children: [/* @__PURE__ */ w("div", {
+									children: [/* @__PURE__ */ D("div", {
 										className: "mb-1 flex flex-col gap-1 sm:flex-row sm:items-center sm:justify-between",
-										children: [/* @__PURE__ */ C("h4", {
+										children: [/* @__PURE__ */ E("h4", {
 											className: "text-sm font-medium text-text-primary sm:text-base",
 											children: e.type
-										}), /* @__PURE__ */ C("span", {
+										}), /* @__PURE__ */ E("span", {
 											className: "text-xs text-text-secondary sm:text-sm",
-											children: i(e.date, {
+											children: a(e.date, {
 												hour: void 0,
 												minute: void 0
 											})
 										})]
-									}), /* @__PURE__ */ C("p", {
+									}), /* @__PURE__ */ E("p", {
 										className: "text-xs text-text-secondary sm:text-sm",
 										children: e.description
 									})]
@@ -768,72 +805,72 @@ 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-subtle bg-bg-surface",
+			F && /* @__PURE__ */ E("div", {
+				className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-canvas/50 p-4",
+				children: /* @__PURE__ */ D("div", {
+					className: "relative max-h-[90vh] w-full max-w-md overflow-y-auto rounded-lg border border-border-seam bg-bg-surface",
 					children: [
-						/* @__PURE__ */ w("div", {
-							className: "border-b border-border-subtle p-4 sm:p-6",
-							children: [/* @__PURE__ */ C("button", {
+						/* @__PURE__ */ D("div", {
+							className: "border-b border-border-seam p-4 sm:p-6",
+							children: [/* @__PURE__ */ E("button", {
 								type: "button",
-								onClick: () => j(!1),
+								onClick: () => I(!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", {
+								children: /* @__PURE__ */ E(T, { className: "h-5 w-5" })
+							}), /* @__PURE__ */ E("h2", {
 								className: "text-lg font-semibold text-text-primary sm:text-xl",
 								children: "Manage Investment"
 							})]
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ D("div", {
 							className: "space-y-4 p-4 sm:p-6",
 							children: [
-								/* @__PURE__ */ w("p", {
+								/* @__PURE__ */ D("p", {
 									className: "text-sm text-text-secondary sm:text-base",
 									children: [
 										"Choose an action for your investment in ",
-										M.cartName,
+										L.cartName,
 										":"
 									]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ D("div", {
 									className: "space-y-3",
 									children: [
-										/* @__PURE__ */ C("button", {
+										/* @__PURE__ */ E("button", {
 											type: "button",
 											onClick: () => alert("Partial withdrawal request submitted"),
-											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",
+											className: "w-full rounded-lg border border-border-seam px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 											children: "Request Partial Withdrawal"
 										}),
-										/* @__PURE__ */ C("button", {
+										/* @__PURE__ */ E("button", {
 											type: "button",
 											onClick: () => alert("Transfer ownership feature coming soon"),
-											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",
+											className: "w-full rounded-lg border border-border-seam px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 											children: "Transfer Ownership"
 										}),
-										/* @__PURE__ */ C("button", {
+										/* @__PURE__ */ E("button", {
 											type: "button",
 											onClick: () => alert("Exit options will be displayed"),
-											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",
+											className: "w-full rounded-lg border border-border-seam 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",
-									children: /* @__PURE__ */ C("p", {
-										className: "text-xs text-yellow-800 dark:text-yellow-200 sm:text-sm",
+								/* @__PURE__ */ E("div", {
+									className: "rounded-lg border border-status-warning-border/30 bg-status-warning-bg/10 p-3 sm:p-4",
+									children: /* @__PURE__ */ E("p", {
+										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-subtle p-4 sm:p-6",
-							children: /* @__PURE__ */ C("button", {
+						/* @__PURE__ */ E("div", {
+							className: "flex justify-end gap-3 border-t border-border-seam p-4 sm:p-6",
+							children: /* @__PURE__ */ E("button", {
 								type: "button",
-								onClick: () => j(!1),
-								className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+								onClick: () => I(!1),
+								className: "rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 								children: "Cancel"
 							})
 						})
@@ -844,6 +881,6 @@ function D() {
 	});
 }
 //#endregion
-export { D as InvestmentDetailsPage };
+export { N as InvestmentDetailsPage };
 
 //# sourceMappingURL=InvestmentDetailsPage.js.map