@burdenoff/microfe-subscriberbot 2026.624.1 → 2026.626.1

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

@@ -4,10 +4,11 @@ import { PageLayout as n } from "../../components/PageLayout.js";
 import { EmptyState as r } from "../../components/EmptyState.js";
 import { formatCurrency as i, formatNumber as a } from "../../utils/formatters.js";
 import { useCallback as o, useEffect as s, useMemo as c, useState as l } from "react";
-import { CheckCircle2 as u, Eye as d, FileText as f, IndianRupee as p, MapPin as m, Search as h, Star as g, X as _ } from "lucide-react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { CheckCircle2 as u, Eye as d, FileText as f, IndianRupee as p, MapPin as m, Search as h, Star as g, Target as _, X as v } from "lucide-react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { EmphasisPanel as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/investor/InvestmentOpportunitiesPage.tsx
-var b = [
+var C = [
 	{
 		id: "opp-001",
 		cartId: "cart-005",
@@ -216,21 +217,21 @@ var b = [
 		}],
 		status: "active"
 	}
-], x = {
+], w = {
 	totalOpportunities: 24,
 	averageReturns: 21.5,
 	totalFunded: 156e5,
 	successRate: 89
 };
-function S(e) {
+function T(e) {
 	switch (e) {
-		case "low": return "bg-green-500/20 text-green-600 dark:text-green-400";
-		case "medium": return "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400";
-		case "high": return "bg-red-500/20 text-red-600 dark:text-red-400";
+		case "low": return "bg-status-success-bg/20 text-status-success-text";
+		case "medium": return "bg-status-warning-bg/20 text-status-warning-text";
+		case "high": return "bg-status-error-bg/20 text-status-error-text";
 		default: return "bg-secondary text-secondary-foreground";
 	}
 }
-function C(e) {
+function E(e) {
 	switch (e) {
 		case "low": return "Low Risk";
 		case "medium": return "Medium Risk";
@@ -238,11 +239,11 @@ function C(e) {
 		default: return e;
 	}
 }
-function w(e, t) {
+function D(e, t) {
 	return t > 0 ? Math.min(e / t * 100, 100) : 0;
 }
-function T() {
-	let { navigateTo: T } = e(), [E, D] = l(!0), [O, k] = l(null), [A, j] = l(!1), [M, N] = l(""), [P, F] = l("idle"), [I, L] = l({
+function O() {
+	let { navigateTo: O } = e(), [k, A] = l(!0), [j, M] = l(null), [N, P] = l(!1), [F, I] = l(""), [L, R] = l("idle"), [z, B] = l({
 		searchQuery: "",
 		category: "",
 		riskLevel: "",
@@ -251,25 +252,25 @@ function T() {
 		sortBy: "featured"
 	});
 	s(() => {
-		let e = setTimeout(() => D(!1), 600);
+		let e = setTimeout(() => A(!1), 600);
 		return () => clearTimeout(e);
 	}, []);
-	let R = o((e, t) => {
-		L((n) => ({
+	let V = o((e, t) => {
+		B((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), z = c(() => {
-		let e = [...b];
-		if (I.searchQuery.trim()) {
-			let t = I.searchQuery.toLowerCase();
+	}, []), H = c(() => {
+		let e = [...C];
+		if (z.searchQuery.trim()) {
+			let t = z.searchQuery.toLowerCase();
 			e = e.filter((e) => e.cartName.toLowerCase().includes(t) || e.description.toLowerCase().includes(t) || e.category.toLowerCase().includes(t));
 		}
-		if (I.category && (e = e.filter((e) => e.category === I.category)), I.riskLevel && (e = e.filter((e) => e.riskLevel === I.riskLevel)), I.location && (e = e.filter((e) => e.location.includes(I.location))), I.minimumAmount) {
-			let t = parseInt(I.minimumAmount, 10);
+		if (z.category && (e = e.filter((e) => e.category === z.category)), z.riskLevel && (e = e.filter((e) => e.riskLevel === z.riskLevel)), z.location && (e = e.filter((e) => e.location.includes(z.location))), z.minimumAmount) {
+			let t = parseInt(z.minimumAmount, 10);
 			e = e.filter((e) => e.minimumInvestment <= t);
 		}
-		switch (I.sortBy) {
+		switch (z.sortBy) {
 			case "returns":
 				e.sort((e, t) => t.expectedReturns - e.expectedReturns);
 				break;
@@ -285,243 +286,249 @@ function T() {
 			default: break;
 		}
 		return e;
-	}, [I]), B = o(() => {
-		if (!O || !M) return;
-		let e = parseInt(M, 10);
+	}, [z]), U = o(() => {
+		if (!j || !F) return;
+		let e = parseInt(F, 10);
 		if (!isNaN(e)) {
-			if (e < O.minimumInvestment) {
-				F("error");
+			if (e < j.minimumInvestment) {
+				R("error");
 				return;
 			}
-			if (e > O.maximumInvestment) {
-				F("error");
+			if (e > j.maximumInvestment) {
+				R("error");
 				return;
 			}
-			F("success"), setTimeout(() => {
-				j(!1), N(""), F("idle"), T("/investor/portfolio");
+			R("success"), setTimeout(() => {
+				P(!1), I(""), R("idle"), O("/investor/portfolio");
 			}, 1500);
 		}
 	}, [
-		O,
-		M,
-		T
-	]), V = o((e) => {
-		k(e), N(""), F("idle"), j(!0);
+		j,
+		F,
+		O
+	]), W = o((e) => {
+		M(e), I(""), R("idle"), P(!0);
 	}, []);
-	return E ? /* @__PURE__ */ v(n, {
+	return k ? /* @__PURE__ */ y(n, {
 		title: "Investment Opportunities",
 		description: "Loading opportunities...",
-		children: /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ y("div", {
 			className: "flex items-center justify-center py-20",
-			children: /* @__PURE__ */ y("div", {
+			children: /* @__PURE__ */ b("div", {
 				className: "text-center",
-				children: [/* @__PURE__ */ v("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ v("p", {
+				children: [/* @__PURE__ */ y("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ y("p", {
 					className: "text-sm text-text-secondary",
 					children: "Loading opportunities..."
 				})]
 			})
 		})
-	}) : /* @__PURE__ */ y(n, {
+	}) : /* @__PURE__ */ b(n, {
 		title: "Investment Opportunities",
 		description: "Discover and invest in growing local businesses",
-		actions: /* @__PURE__ */ y("span", {
+		titleGradient: !0,
+		actions: /* @__PURE__ */ b("span", {
 			className: "text-sm text-text-secondary",
-			children: [z.length, " opportunities"]
+			children: [H.length, " opportunities"]
 		}),
 		children: [
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ y(S, {
+				icon: /* @__PURE__ */ y(_, { className: "h-4 w-4" }),
+				className: "mb-6",
+				children: "Where you find your next investment. Browse local carts actively raising capital, each with its expected returns, funding progress and risk level laid out clearly. Filter by category, return or risk to match your strategy, then open any opportunity to review the full pitch before you commit."
+			}),
+			/* @__PURE__ */ b(x, {
 				className: "grid grid-cols-2 gap-3 sm:gap-4 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ y("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-3 sm:p-4",
-						children: [/* @__PURE__ */ v("p", {
+					/* @__PURE__ */ b("div", {
+						className: "rounded-lg border border-border-seam bg-bg-surface p-3 sm:p-4",
+						children: [/* @__PURE__ */ y("p", {
 							className: "text-xs text-text-secondary",
 							children: "Active Opportunities"
-						}), /* @__PURE__ */ v("p", {
+						}), /* @__PURE__ */ y("p", {
 							className: "text-lg font-bold text-text-primary sm:text-2xl",
-							children: x.totalOpportunities
+							children: w.totalOpportunities
 						})]
 					}),
-					/* @__PURE__ */ y("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-3 sm:p-4",
-						children: [/* @__PURE__ */ v("p", {
+					/* @__PURE__ */ b("div", {
+						className: "rounded-lg border border-border-seam bg-bg-surface p-3 sm:p-4",
+						children: [/* @__PURE__ */ y("p", {
 							className: "text-xs text-text-secondary",
 							children: "Average Returns"
-						}), /* @__PURE__ */ y("p", {
-							className: "text-lg font-bold text-green-600 dark:text-green-400 sm:text-2xl",
-							children: [x.averageReturns, "%"]
+						}), /* @__PURE__ */ b("p", {
+							className: "text-lg font-bold text-status-success-text sm:text-2xl",
+							children: [w.averageReturns, "%"]
 						})]
 					}),
-					/* @__PURE__ */ y("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-3 sm:p-4",
-						children: [/* @__PURE__ */ v("p", {
+					/* @__PURE__ */ b("div", {
+						className: "rounded-lg border border-border-seam bg-bg-surface p-3 sm:p-4",
+						children: [/* @__PURE__ */ y("p", {
 							className: "text-xs text-text-secondary",
 							children: "Total Funded"
-						}), /* @__PURE__ */ v("p", {
+						}), /* @__PURE__ */ y("p", {
 							className: "text-lg font-bold text-text-primary sm:text-2xl",
-							children: i(x.totalFunded, {
+							children: i(w.totalFunded, {
 								minimumFractionDigits: 0,
 								notation: "compact"
 							})
 						})]
 					}),
-					/* @__PURE__ */ y("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-3 sm:p-4",
-						children: [/* @__PURE__ */ v("p", {
+					/* @__PURE__ */ b("div", {
+						className: "rounded-lg border border-border-seam bg-bg-surface p-3 sm:p-4",
+						children: [/* @__PURE__ */ y("p", {
 							className: "text-xs text-text-secondary",
 							children: "Success Rate"
-						}), /* @__PURE__ */ y("p", {
+						}), /* @__PURE__ */ b("p", {
 							className: "text-lg font-bold text-text-primary sm:text-2xl",
-							children: [x.successRate, "%"]
+							children: [w.successRate, "%"]
 						})]
 					})
 				]
 			}),
-			/* @__PURE__ */ v("div", {
-				className: "mt-6 rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
-				children: /* @__PURE__ */ y("div", {
+			/* @__PURE__ */ y("div", {
+				className: "mt-6 rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6",
+				children: /* @__PURE__ */ b("div", {
 					className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6",
 					children: [
-						/* @__PURE__ */ y("div", {
+						/* @__PURE__ */ b("div", {
 							className: "relative sm:col-span-2 lg:col-span-1",
-							children: [/* @__PURE__ */ v(h, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ v("input", {
+							children: [/* @__PURE__ */ y(h, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ y("input", {
 								type: "text",
 								placeholder: "Search opportunities...",
-								value: I.searchQuery,
-								onChange: (e) => R("searchQuery", e.target.value),
-								className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-4 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+								value: z.searchQuery,
+								onChange: (e) => V("searchQuery", e.target.value),
+								className: "w-full rounded-lg border border-border-seam bg-bg-surface py-2 pl-10 pr-4 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 							})]
 						}),
-						/* @__PURE__ */ y("select", {
-							value: I.category,
-							onChange: (e) => R("category", e.target.value),
-							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)]",
+						/* @__PURE__ */ b("select", {
+							value: z.category,
+							onChange: (e) => V("category", e.target.value),
+							className: "rounded-lg border border-border-seam 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__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "",
 									children: "All Categories"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "Healthy Food",
 									children: "Healthy Food"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "Fast Food",
 									children: "Fast Food"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "Fusion Food",
 									children: "Fusion Food"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "Beverages",
 									children: "Beverages"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "Street Food",
 									children: "Street Food"
 								})
 							]
 						}),
-						/* @__PURE__ */ y("select", {
-							value: I.riskLevel,
-							onChange: (e) => R("riskLevel", e.target.value),
-							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)]",
+						/* @__PURE__ */ b("select", {
+							value: z.riskLevel,
+							onChange: (e) => V("riskLevel", e.target.value),
+							className: "rounded-lg border border-border-seam 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__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "",
 									children: "All Risk Levels"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "low",
 									children: "Low Risk"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "medium",
 									children: "Medium Risk"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "high",
 									children: "High Risk"
 								})
 							]
 						}),
-						/* @__PURE__ */ y("select", {
-							value: I.minimumAmount,
-							onChange: (e) => R("minimumAmount", e.target.value),
-							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)]",
+						/* @__PURE__ */ b("select", {
+							value: z.minimumAmount,
+							onChange: (e) => V("minimumAmount", e.target.value),
+							className: "rounded-lg border border-border-seam 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__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "",
 									children: "Any Amount"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "15000",
 									children: "Under ₹15,000"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "25000",
 									children: "Under ₹25,000"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "50000",
 									children: "Under ₹50,000"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "100000",
 									children: "Under ₹1,00,000"
 								})
 							]
 						}),
-						/* @__PURE__ */ y("select", {
-							value: I.location,
-							onChange: (e) => R("location", e.target.value),
-							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)]",
+						/* @__PURE__ */ b("select", {
+							value: z.location,
+							onChange: (e) => V("location", e.target.value),
+							className: "rounded-lg border border-border-seam 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__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "",
 									children: "All Locations"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "Whitefield",
 									children: "Whitefield"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "Koramangala",
 									children: "Koramangala"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "Indiranagar",
 									children: "Indiranagar"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "Electronic City",
 									children: "Electronic City"
 								})
 							]
 						}),
-						/* @__PURE__ */ y("select", {
-							value: I.sortBy,
-							onChange: (e) => R("sortBy", e.target.value),
-							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)]",
+						/* @__PURE__ */ b("select", {
+							value: z.sortBy,
+							onChange: (e) => V("sortBy", e.target.value),
+							className: "rounded-lg border border-border-seam 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__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "featured",
 									children: "Featured"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "returns",
 									children: "Highest Returns"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "funding",
 									children: "Most Funded"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "closing",
 									children: "Closing Soon"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "minimum",
 									children: "Lowest Minimum"
 								})
@@ -530,15 +537,16 @@ function T() {
 					]
 				})
 			}),
-			z.length === 0 ? /* @__PURE__ */ v("div", {
+			H.length === 0 ? /* @__PURE__ */ y("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ v(r, {
-					icon: /* @__PURE__ */ v(h, { className: "h-10 w-10" }),
+				children: /* @__PURE__ */ y(r, {
+					illustration: "empty-search",
+					icon: /* @__PURE__ */ y(h, { className: "h-10 w-10" }),
 					title: "No opportunities found",
 					description: "Try adjusting your filters to find more opportunities",
-					action: /* @__PURE__ */ v("button", {
+					action: /* @__PURE__ */ y("button", {
 						type: "button",
-						onClick: () => L({
+						onClick: () => B({
 							searchQuery: "",
 							category: "",
 							riskLevel: "",
@@ -550,178 +558,178 @@ function T() {
 						children: "Clear Filters"
 					})
 				})
-			}) : /* @__PURE__ */ v("div", {
+			}) : /* @__PURE__ */ y("div", {
 				className: "mt-6 grid grid-cols-1 gap-4 lg:grid-cols-2",
-				children: z.map((e) => {
-					let n = w(e.raisedAmount, e.targetAmount);
-					return /* @__PURE__ */ y("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm hover:shadow-md transition-shadow",
-						children: [/* @__PURE__ */ y("div", {
+				children: H.map((e) => {
+					let n = D(e.raisedAmount, e.targetAmount);
+					return /* @__PURE__ */ b("div", {
+						className: "rounded-lg border border-border-seam bg-bg-surface shadow-sm hover:shadow-md transition-shadow",
+						children: [/* @__PURE__ */ b("div", {
 							className: "relative",
 							children: [
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ y("div", {
 									className: "h-40 w-full overflow-hidden rounded-t-lg bg-bg-sunken sm:h-48",
-									children: /* @__PURE__ */ v("img", {
+									children: /* @__PURE__ */ y("img", {
 										src: e.image,
 										alt: e.cartName,
 										className: "h-full w-full object-cover",
 										loading: "lazy"
 									})
 								}),
-								e.status === "funded" && /* @__PURE__ */ v("div", {
-									className: "absolute right-2 top-2 rounded-full bg-green-500 px-2 py-1 text-xs font-medium text-white sm:right-4 sm:top-4 sm:px-3",
+								e.status === "funded" && /* @__PURE__ */ y("div", {
+									className: "absolute right-2 top-2 rounded-full bg-status-success-text px-2 py-1 text-xs font-medium text-text-inverse sm:right-4 sm:top-4 sm:px-3",
 									children: "Fully Funded"
 								}),
-								e.daysLeft > 0 && e.daysLeft <= 7 && /* @__PURE__ */ y("div", {
-									className: "absolute left-2 top-2 rounded-full bg-red-500 px-2 py-1 text-xs font-medium text-white sm:left-4 sm:top-4 sm:px-3",
+								e.daysLeft > 0 && e.daysLeft <= 7 && /* @__PURE__ */ b("div", {
+									className: "absolute left-2 top-2 rounded-full bg-status-error-text px-2 py-1 text-xs font-medium text-text-inverse sm:left-4 sm:top-4 sm:px-3",
 									children: [e.daysLeft, " days left"]
 								})
 							]
-						}), /* @__PURE__ */ y("div", {
+						}), /* @__PURE__ */ b("div", {
 							className: "p-4 sm:p-6",
 							children: [
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
-									children: [/* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ b("div", {
 										className: "flex-1",
 										children: [
-											/* @__PURE__ */ v("h3", {
+											/* @__PURE__ */ y("h3", {
 												className: "text-base font-semibold text-text-primary sm:text-xl",
 												children: e.cartName
 											}),
-											/* @__PURE__ */ y("p", {
+											/* @__PURE__ */ b("p", {
 												className: "text-xs text-text-secondary sm:text-sm",
 												children: ["by ", e.cartOwner]
 											}),
-											/* @__PURE__ */ y("div", {
+											/* @__PURE__ */ b("div", {
 												className: "mt-2 flex flex-wrap items-center gap-2",
-												children: [/* @__PURE__ */ v("span", {
+												children: [/* @__PURE__ */ y("span", {
 													className: "text-xs text-text-secondary sm:text-sm",
 													children: e.category
-												}), /* @__PURE__ */ v("span", {
-													className: t("rounded-full px-2 py-0.5 text-xs font-medium", S(e.riskLevel)),
-													children: C(e.riskLevel)
+												}), /* @__PURE__ */ y("span", {
+													className: t("rounded-full px-2 py-0.5 text-xs font-medium", T(e.riskLevel)),
+													children: E(e.riskLevel)
 												})]
 											})
 										]
-									}), /* @__PURE__ */ y("div", {
+									}), /* @__PURE__ */ b("div", {
 										className: "text-left sm:text-right",
-										children: [/* @__PURE__ */ y("p", {
-											className: "text-xl font-bold text-green-600 dark:text-green-400 sm:text-2xl",
+										children: [/* @__PURE__ */ b("p", {
+											className: "text-xl font-bold text-status-success-text sm:text-2xl",
 											children: [e.expectedReturns, "%"]
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ y("p", {
 											className: "text-xs text-text-secondary",
 											children: "Expected Returns"
 										})]
 									})]
 								}),
-								/* @__PURE__ */ v("p", {
+								/* @__PURE__ */ y("p", {
 									className: "mb-4 text-sm leading-relaxed text-text-secondary line-clamp-2",
 									children: e.description
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "mb-4",
 									children: [
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ b("div", {
 											className: "mb-1 flex justify-between text-xs sm:text-sm",
-											children: [/* @__PURE__ */ y("span", {
+											children: [/* @__PURE__ */ b("span", {
 												className: "font-medium text-text-primary",
 												children: [
 													i(e.raisedAmount, { minimumFractionDigits: 0 }),
 													" ",
 													"raised"
 												]
-											}), /* @__PURE__ */ y("span", {
+											}), /* @__PURE__ */ b("span", {
 												className: "text-text-secondary",
 												children: ["of ", i(e.targetAmount, { minimumFractionDigits: 0 })]
 											})]
 										}),
-										/* @__PURE__ */ v("div", {
+										/* @__PURE__ */ y("div", {
 											className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
-											children: /* @__PURE__ */ v("div", {
+											children: /* @__PURE__ */ y("div", {
 												className: "h-full rounded-full bg-action-primary-bg transition-all duration-300",
 												style: { width: `${n}%` }
 											})
 										}),
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ b("div", {
 											className: "mt-1 flex justify-between text-xs text-text-secondary",
-											children: [/* @__PURE__ */ y("span", { children: [e.investorCount, " investors"] }), /* @__PURE__ */ y("span", { children: [n.toFixed(0), "% funded"] })]
+											children: [/* @__PURE__ */ b("span", { children: [e.investorCount, " investors"] }), /* @__PURE__ */ b("span", { children: [n.toFixed(0), "% funded"] })]
 										})
 									]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "mb-4 grid grid-cols-3 gap-2 text-center sm:gap-4",
 									children: [
-										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 											className: "text-sm font-bold text-text-primary sm:text-lg",
 											children: i(e.minimumInvestment, { minimumFractionDigits: 0 })
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ y("p", {
 											className: "text-xs text-text-secondary",
 											children: "Min Investment"
 										})] }),
-										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("p", {
+										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("p", {
 											className: "text-sm font-bold text-text-primary sm:text-lg",
 											children: [e.paybackPeriod, " mo"]
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ y("p", {
 											className: "text-xs text-text-secondary",
 											children: "Payback Period"
 										})] }),
-										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("div", {
 											className: "flex items-center justify-center gap-1",
-											children: [/* @__PURE__ */ v(g, { className: "h-3.5 w-3.5 fill-yellow-400 text-yellow-400" }), /* @__PURE__ */ v("p", {
+											children: [/* @__PURE__ */ y(g, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }), /* @__PURE__ */ y("p", {
 												className: "text-sm font-bold text-text-primary sm:text-lg",
 												children: e.businessMetrics.rating
 											})]
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ y("p", {
 											className: "text-xs text-text-secondary",
 											children: "Rating"
 										})] })
 									]
 								}),
-								/* @__PURE__ */ y("div", {
-									className: "mb-4 border-t border-border-subtle pt-3 sm:pt-4",
-									children: [/* @__PURE__ */ v("p", {
+								/* @__PURE__ */ b("div", {
+									className: "mb-4 border-t border-border-seam pt-3 sm:pt-4",
+									children: [/* @__PURE__ */ y("p", {
 										className: "mb-2 text-xs font-medium text-text-secondary sm:text-sm",
 										children: "Business Performance"
-									}), /* @__PURE__ */ y("div", {
+									}), /* @__PURE__ */ b("div", {
 										className: "grid grid-cols-1 gap-2 text-xs sm:grid-cols-2 sm:text-sm",
 										children: [
-											/* @__PURE__ */ y("div", {
+											/* @__PURE__ */ b("div", {
 												className: "flex justify-between",
-												children: [/* @__PURE__ */ v("span", {
+												children: [/* @__PURE__ */ y("span", {
 													className: "text-text-secondary",
 													children: "Monthly Revenue:"
-												}), /* @__PURE__ */ v("span", {
+												}), /* @__PURE__ */ y("span", {
 													className: "font-medium text-text-primary",
 													children: i(e.businessMetrics.monthlyRevenue, { minimumFractionDigits: 0 })
 												})]
 											}),
-											/* @__PURE__ */ y("div", {
+											/* @__PURE__ */ b("div", {
 												className: "flex justify-between",
-												children: [/* @__PURE__ */ v("span", {
+												children: [/* @__PURE__ */ y("span", {
 													className: "text-text-secondary",
 													children: "Gross Margin:"
-												}), /* @__PURE__ */ y("span", {
+												}), /* @__PURE__ */ b("span", {
 													className: "font-medium text-text-primary",
 													children: [e.financials.grossMargin, "%"]
 												})]
 											}),
-											/* @__PURE__ */ y("div", {
+											/* @__PURE__ */ b("div", {
 												className: "flex justify-between",
-												children: [/* @__PURE__ */ v("span", {
+												children: [/* @__PURE__ */ y("span", {
 													className: "text-text-secondary",
 													children: "Monthly Orders:"
-												}), /* @__PURE__ */ v("span", {
+												}), /* @__PURE__ */ y("span", {
 													className: "font-medium text-text-primary",
 													children: a(e.businessMetrics.monthlyOrders)
 												})]
 											}),
-											/* @__PURE__ */ y("div", {
+											/* @__PURE__ */ b("div", {
 												className: "flex justify-between",
-												children: [/* @__PURE__ */ v("span", {
+												children: [/* @__PURE__ */ y("span", {
 													className: "text-text-secondary",
 													children: "Net Margin:"
-												}), /* @__PURE__ */ y("span", {
+												}), /* @__PURE__ */ b("span", {
 													className: "font-medium text-text-primary",
 													children: [e.financials.netMargin, "%"]
 												})]
@@ -729,30 +737,30 @@ function T() {
 										]
 									})]
 								}),
-								/* @__PURE__ */ v("div", {
-									className: "mb-4 border-t border-border-subtle pt-3",
-									children: /* @__PURE__ */ y("div", {
+								/* @__PURE__ */ y("div", {
+									className: "mb-4 border-t border-border-seam pt-3",
+									children: /* @__PURE__ */ b("div", {
 										className: "flex items-center gap-1.5 text-xs text-text-secondary",
-										children: [/* @__PURE__ */ v(f, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ y("span", { children: [e.documents.length, " documents available"] })]
+										children: [/* @__PURE__ */ y(f, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ b("span", { children: [e.documents.length, " documents available"] })]
 									})
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "mb-4 flex items-center gap-1.5 text-xs text-text-secondary",
-									children: [/* @__PURE__ */ v(m, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ v("span", { children: e.location })]
+									children: [/* @__PURE__ */ y(m, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ y("span", { children: e.location })]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "flex flex-col gap-2 sm:flex-row sm:gap-3",
-									children: [/* @__PURE__ */ v("button", {
+									children: [/* @__PURE__ */ y("button", {
 										type: "button",
-										onClick: () => V(e),
+										onClick: () => W(e),
 										disabled: e.status === "funded",
 										className: t("flex-1 rounded-lg px-4 py-2.5 text-sm font-medium transition-colors", e.status === "funded" ? "cursor-not-allowed bg-bg-sunken text-text-secondary" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90"),
 										children: e.status === "funded" ? "Fully Funded" : "Invest Now"
-									}), /* @__PURE__ */ y("button", {
+									}), /* @__PURE__ */ b("button", {
 										type: "button",
-										onClick: () => T(`/investor/opportunities/${e.id}`),
-										className: "flex flex-1 items-center justify-center gap-2 rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-										children: [/* @__PURE__ */ v(d, { className: "h-4 w-4" }), "View Details"]
+										onClick: () => O(`/investor/opportunities/${e.id}`),
+										className: "flex flex-1 items-center justify-center gap-2 rounded-lg border border-border-seam px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+										children: [/* @__PURE__ */ y(d, { className: "h-4 w-4" }), "View Details"]
 									})]
 								})
 							]
@@ -760,168 +768,168 @@ function T() {
 					}, e.id);
 				})
 			}),
-			A && O && /* @__PURE__ */ v("div", {
-				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ y("div", {
-					className: "relative max-h-[90vh] w-full max-w-md overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
+			N && j && /* @__PURE__ */ y("div", {
+				className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-canvas/50 p-4",
+				children: /* @__PURE__ */ b("div", {
+					className: "relative max-h-[90vh] w-full max-w-md overflow-y-auto rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6",
 					children: [
-						/* @__PURE__ */ v("button", {
+						/* @__PURE__ */ y("button", {
 							type: "button",
 							onClick: () => {
-								j(!1), N(""), F("idle");
+								P(!1), I(""), R("idle");
 							},
 							className: "absolute right-3 top-3 rounded-lg p-1 text-text-secondary hover:bg-accent transition-colors",
-							children: /* @__PURE__ */ v(_, { className: "h-5 w-5" })
+							children: /* @__PURE__ */ y(v, { className: "h-5 w-5" })
 						}),
-						/* @__PURE__ */ y("h3", {
+						/* @__PURE__ */ b("h3", {
 							className: "mb-4 text-base font-semibold text-text-primary sm:text-lg",
-							children: ["Invest in ", O.cartName]
+							children: ["Invest in ", j.cartName]
 						}),
-						P === "success" ? /* @__PURE__ */ y("div", {
+						L === "success" ? /* @__PURE__ */ b("div", {
 							className: "py-8 text-center",
 							children: [
-								/* @__PURE__ */ v(u, { className: "mx-auto mb-3 h-12 w-12 text-green-600 dark:text-green-400" }),
-								/* @__PURE__ */ v("p", {
+								/* @__PURE__ */ y(u, { className: "mx-auto mb-3 h-12 w-12 text-status-success-text" }),
+								/* @__PURE__ */ y("p", {
 									className: "text-sm font-medium text-text-primary",
 									children: "Investment successful!"
 								}),
-								/* @__PURE__ */ v("p", {
+								/* @__PURE__ */ y("p", {
 									className: "mt-1 text-xs text-text-secondary",
 									children: "Redirecting to your portfolio..."
 								})
 							]
-						}) : /* @__PURE__ */ y("div", {
+						}) : /* @__PURE__ */ b("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 									className: "mb-1 text-xs text-text-secondary sm:text-sm",
 									children: "Investment Range"
-								}), /* @__PURE__ */ y("p", {
+								}), /* @__PURE__ */ b("p", {
 									className: "text-sm font-medium text-text-primary sm:text-base",
 									children: [
-										i(O.minimumInvestment, { minimumFractionDigits: 0 }),
+										i(j.minimumInvestment, { minimumFractionDigits: 0 }),
 										" ",
 										"-",
 										" ",
-										i(O.maximumInvestment, { minimumFractionDigits: 0 })
+										i(j.maximumInvestment, { minimumFractionDigits: 0 })
 									]
 								})] }),
-								/* @__PURE__ */ y("div", { children: [
-									/* @__PURE__ */ v("label", {
+								/* @__PURE__ */ b("div", { children: [
+									/* @__PURE__ */ y("label", {
 										className: "mb-1 block text-xs font-medium text-text-primary sm:text-sm",
 										children: "Investment Amount"
 									}),
-									/* @__PURE__ */ y("div", {
+									/* @__PURE__ */ b("div", {
 										className: "relative",
-										children: [/* @__PURE__ */ v(p, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ v("input", {
+										children: [/* @__PURE__ */ y(p, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ y("input", {
 											type: "number",
-											value: M,
+											value: F,
 											onChange: (e) => {
-												N(e.target.value), F("idle");
+												I(e.target.value), R("idle");
 											},
 											placeholder: "Enter amount",
-											className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-4 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+											className: "w-full rounded-lg border border-border-seam bg-bg-surface py-2 pl-10 pr-4 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 										})]
 									}),
-									P === "error" && /* @__PURE__ */ y("p", {
-										className: "mt-1 text-xs text-red-600 dark:text-red-400",
+									L === "error" && /* @__PURE__ */ b("p", {
+										className: "mt-1 text-xs text-status-error-text",
 										children: [
 											"Amount must be between",
 											" ",
-											i(O.minimumInvestment, { minimumFractionDigits: 0 }),
+											i(j.minimumInvestment, { minimumFractionDigits: 0 }),
 											" ",
 											"and",
 											" ",
-											i(O.maximumInvestment, { minimumFractionDigits: 0 })
+											i(j.maximumInvestment, { minimumFractionDigits: 0 })
 										]
 									})
 								] }),
-								M && !isNaN(parseInt(M, 10)) && parseInt(M, 10) > 0 && /* @__PURE__ */ y("div", {
-									className: "rounded-lg border border-border-subtle bg-bg-sunken/50 p-3 sm:p-4",
-									children: [/* @__PURE__ */ v("p", {
+								F && !isNaN(parseInt(F, 10)) && parseInt(F, 10) > 0 && /* @__PURE__ */ b("div", {
+									className: "rounded-lg border border-border-seam bg-bg-sunken/50 p-3 sm:p-4",
+									children: [/* @__PURE__ */ y("p", {
 										className: "mb-2 text-xs text-text-secondary sm:text-sm",
 										children: "Expected Returns"
-									}), /* @__PURE__ */ y("div", {
+									}), /* @__PURE__ */ b("div", {
 										className: "space-y-1.5",
 										children: [
-											/* @__PURE__ */ y("div", {
+											/* @__PURE__ */ b("div", {
 												className: "flex justify-between",
-												children: [/* @__PURE__ */ v("span", {
+												children: [/* @__PURE__ */ y("span", {
 													className: "text-xs text-text-primary sm:text-sm",
 													children: "Investment:"
-												}), /* @__PURE__ */ v("span", {
+												}), /* @__PURE__ */ y("span", {
 													className: "text-xs font-medium text-text-primary sm:text-sm",
-													children: i(parseInt(M, 10), { minimumFractionDigits: 0 })
+													children: i(parseInt(F, 10), { minimumFractionDigits: 0 })
 												})]
 											}),
-											/* @__PURE__ */ y("div", {
+											/* @__PURE__ */ b("div", {
 												className: "flex justify-between",
-												children: [/* @__PURE__ */ y("span", {
+												children: [/* @__PURE__ */ b("span", {
 													className: "text-xs text-text-primary sm:text-sm",
 													children: [
 														"Expected Return (",
-														O.expectedReturns,
+														j.expectedReturns,
 														"%):"
 													]
-												}), /* @__PURE__ */ y("span", {
-													className: "text-xs font-medium text-green-600 dark:text-green-400 sm:text-sm",
-													children: ["+", i(parseInt(M, 10) * O.expectedReturns / 100, { minimumFractionDigits: 0 })]
+												}), /* @__PURE__ */ b("span", {
+													className: "text-xs font-medium text-status-success-text sm:text-sm",
+													children: ["+", i(parseInt(F, 10) * j.expectedReturns / 100, { minimumFractionDigits: 0 })]
 												})]
 											}),
-											/* @__PURE__ */ y("div", {
-												className: "flex justify-between border-t border-border-subtle pt-2",
-												children: [/* @__PURE__ */ v("span", {
+											/* @__PURE__ */ b("div", {
+												className: "flex justify-between border-t border-border-seam pt-2",
+												children: [/* @__PURE__ */ y("span", {
 													className: "text-xs font-medium text-text-primary sm:text-sm",
 													children: "Total Value:"
-												}), /* @__PURE__ */ v("span", {
+												}), /* @__PURE__ */ y("span", {
 													className: "text-xs font-bold text-text-primary sm:text-sm",
-													children: i(parseInt(M, 10) * (1 + O.expectedReturns / 100), { minimumFractionDigits: 0 })
+													children: i(parseInt(F, 10) * (1 + j.expectedReturns / 100), { minimumFractionDigits: 0 })
 												})]
 											})
 										]
 									})]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "space-y-1 text-xs text-text-secondary sm:text-sm",
 									children: [
-										/* @__PURE__ */ y("p", { children: [
+										/* @__PURE__ */ b("p", { children: [
 											"• Minimum lock-in period:",
 											" ",
-											O.investmentTerms.lockInPeriod,
+											j.investmentTerms.lockInPeriod,
 											" months"
 										] }),
-										/* @__PURE__ */ y("p", { children: [
+										/* @__PURE__ */ b("p", { children: [
 											"• Dividend frequency:",
 											" ",
-											O.investmentTerms.dividendFrequency
+											j.investmentTerms.dividendFrequency
 										] }),
-										/* @__PURE__ */ y("p", { children: [
+										/* @__PURE__ */ b("p", { children: [
 											"• Your equity stake:",
 											" ",
-											((parseInt(M, 10) || 0) / O.targetAmount * O.investmentTerms.equityOffered).toFixed(2),
+											((parseInt(F, 10) || 0) / j.targetAmount * j.investmentTerms.equityOffered).toFixed(2),
 											"%"
 										] }),
-										/* @__PURE__ */ y("p", { children: [
+										/* @__PURE__ */ b("p", { children: [
 											"• Exit options:",
 											" ",
-											O.investmentTerms.exitOptions.join(", ")
+											j.investmentTerms.exitOptions.join(", ")
 										] })
 									]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "flex flex-col gap-2 pt-2 sm:flex-row sm:gap-3",
-									children: [/* @__PURE__ */ v("button", {
+									children: [/* @__PURE__ */ y("button", {
 										type: "button",
 										onClick: () => {
-											j(!1), N(""), F("idle");
+											P(!1), I(""), R("idle");
 										},
-										className: "flex-1 rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+										className: "flex-1 rounded-lg border border-border-seam px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 										children: "Cancel"
-									}), /* @__PURE__ */ v("button", {
+									}), /* @__PURE__ */ y("button", {
 										type: "button",
-										onClick: B,
-										disabled: !M || isNaN(parseInt(M, 10)) || parseInt(M, 10) < O.minimumInvestment,
-										className: t("flex-1 rounded-lg px-4 py-2.5 text-sm font-medium transition-colors", !M || isNaN(parseInt(M, 10)) || parseInt(M, 10) < O.minimumInvestment ? "cursor-not-allowed bg-bg-sunken text-text-secondary" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90"),
+										onClick: U,
+										disabled: !F || isNaN(parseInt(F, 10)) || parseInt(F, 10) < j.minimumInvestment,
+										className: t("flex-1 rounded-lg px-4 py-2.5 text-sm font-medium transition-colors", !F || isNaN(parseInt(F, 10)) || parseInt(F, 10) < j.minimumInvestment ? "cursor-not-allowed bg-bg-sunken text-text-secondary" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90"),
 										children: "Confirm Investment"
 									})]
 								})
@@ -934,6 +942,6 @@ function T() {
 	});
 }
 //#endregion
-export { T as InvestmentOpportunitiesPage };
+export { O as InvestmentOpportunitiesPage };
 
 //# sourceMappingURL=InvestmentOpportunitiesPage.js.map