@burdenoff/microfe-coolandlovely 2026.624.1 → 2026.625.2

package/dist/coolandlovely/pages/investor/InvestorProfilePage.js

@@ -1,28 +1,29 @@
 import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
-import { useInvestments as ee } from "../../hooks/useCoolAndLovelyApi.js";
-import { formatCurrency as r, formatDate as te } from "../../utils/formatters.js";
-import { mockActiveInvestments as i } from "../../mocks/data.js";
+import { useInvestments as r } from "../../hooks/useCoolAndLovelyApi.js";
+import { formatCurrency as i, formatDate as ee } from "../../utils/formatters.js";
+import { mockActiveInvestments as te } from "../../mocks/data.js";
 import { useCallback as a, useMemo as o, useState as s } from "react";
-import { Bell as c, Briefcase as l, Building2 as u, Camera as ne, CheckCircle2 as d, DollarSign as re, Edit3 as ie, Eye as f, EyeOff as p, FileText as m, Globe as h, Linkedin as ae, Lock as g, Mail as _, MapPin as v, Monitor as y, Phone as oe, PieChart as b, Save as se, Shield as ce, Smartphone as le, TrendingUp as x, User as S, X as C } from "lucide-react";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { Bell as c, Briefcase as ne, Building2 as re, Camera as ie, CheckCircle2 as l, DollarSign as u, Edit3 as d, Eye as f, EyeOff as p, FileText as m, Globe as h, Linkedin as ae, Lock as oe, Mail as se, MapPin as ce, Monitor as g, Phone as _, PieChart as v, Save as y, Shield as b, Smartphone as x, TrendingUp as S, User as C, X as w } from "lucide-react";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { EmphasisPanel as le, PagePurpose as ue } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/investor/InvestorProfilePage.tsx
-var D = [
+var O = [
 	{
 		id: "personal",
 		label: "Personal Info",
-		Icon: S
+		Icon: C
 	},
 	{
 		id: "investment",
 		label: "Investment Profile",
-		Icon: x
+		Icon: S
 	},
 	{
 		id: "portfolio",
 		label: "Portfolio",
-		Icon: b
+		Icon: v
 	},
 	{
 		id: "documents",
@@ -32,14 +33,14 @@ var D = [
 	{
 		id: "security",
 		label: "Security",
-		Icon: ce
+		Icon: b
 	},
 	{
 		id: "notifications",
 		label: "Notifications",
 		Icon: c
 	}
-], O = [
+], de = [
 	{
 		name: "PAN Card",
 		verifiedOn: "15 Dec 2023",
@@ -60,7 +61,7 @@ var D = [
 		verifiedOn: "",
 		status: "template"
 	}
-], k = [
+], fe = [
 	{
 		device: "Chrome on macOS",
 		location: "Bangalore, India",
@@ -79,7 +80,7 @@ var D = [
 		date: "2024-01-14T10:20:00Z",
 		current: !1
 	}
-], ue = [
+], pe = [
 	"Food & Beverage",
 	"Quick Commerce",
 	"Cloud Kitchen",
@@ -90,8 +91,8 @@ var D = [
 	"Logistics",
 	"FinTech"
 ];
-function A() {
-	let { currentUser: c, navigateTo: ce } = e(), { data: A = [] } = ee(c?.id || ""), [j, M] = s("personal"), [N, P] = s(!1), [F, I] = s(!1), [L, R] = s(""), z = o(() => ({
+function k() {
+	let { currentUser: c, navigateTo: b } = e(), { data: k = [] } = r(c?.id || ""), [A, j] = s("personal"), [M, N] = s(!1), [P, F] = s(!1), [I, L] = s(""), R = o(() => ({
 		firstName: c?.firstName ?? c?.name?.split(" ")[0] ?? "Rajesh",
 		lastName: c?.lastName ?? c?.name?.split(" ")[1] ?? "Mehta",
 		email: c?.email ?? "investor@burdenoff.com",
@@ -115,14 +116,14 @@ function A() {
 		state: "Karnataka",
 		country: "India",
 		pincode: "560001"
-	}), [c]), [B, V] = s(z);
+	}), [c]), [z, B] = s(R);
 	o(() => ({
-		totalInvested: A.reduce((e, t) => e + t.investedAmount, 0),
-		portfolioValue: A.reduce((e, t) => e + t.currentValue, 0),
-		totalReturns: A.reduce((e, t) => e + t.returns, 0),
-		activeInvestments: A.length
-	}), [A]);
-	let [H, de] = s([
+		totalInvested: k.reduce((e, t) => e + t.investedAmount, 0),
+		portfolioValue: k.reduce((e, t) => e + t.currentValue, 0),
+		totalReturns: k.reduce((e, t) => e + t.returns, 0),
+		activeInvestments: k.length
+	}), [k]);
+	let [V, me] = s([
 		{
 			id: "opportunities",
 			label: "New Investment Opportunities",
@@ -159,374 +160,378 @@ function A() {
 			description: "Notifications when dividends are credited to your account",
 			enabled: !0
 		}
-	]), [fe, U] = s(!1), [W, G] = s(""), [K, q] = s(""), [J, Y] = s(""), [X, pe] = s(!1), [Z, me] = s(!1), [Q, he] = s(!1), $ = a((e, t) => {
-		V((n) => ({
+	]), [he, H] = s(!1), [U, W] = s(""), [G, K] = s(""), [q, J] = s(""), [Y, ge] = s(!1), [X, _e] = s(!1), [Z, ve] = s(!1), Q = a((e, t) => {
+		B((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), ge = a(() => {
-		I(!0), setTimeout(() => {
-			I(!1), P(!1), R("Profile updated successfully!"), setTimeout(() => R(""), 3e3);
+	}, []), $ = a(() => {
+		F(!0), setTimeout(() => {
+			F(!1), N(!1), L("Profile updated successfully!"), setTimeout(() => L(""), 3e3);
 		}, 1200);
-	}, []), _e = a((e) => {
+	}, []), ye = a((e) => {
 		let t = e.target.files?.[0];
 		if (t) {
 			let e = new FileReader();
 			e.onloadend = () => {
-				V((t) => ({
+				B((t) => ({
 					...t,
 					profileImage: e.result
 				}));
 			}, e.readAsDataURL(t);
 		}
-	}, []), ve = a((e) => {
-		de((t) => t.map((t) => t.id === e ? {
+	}, []), be = a((e) => {
+		me((t) => t.map((t) => t.id === e ? {
 			...t,
 			enabled: !t.enabled
 		} : t));
-	}, []), ye = a(() => {
-		if (!(!W || !K || !J)) {
-			if (K !== J) {
+	}, []), xe = a(() => {
+		if (!(!U || !G || !q)) {
+			if (G !== q) {
 				alert("Passwords do not match");
 				return;
 			}
-			if (K.length < 8) {
+			if (G.length < 8) {
 				alert("Password must be at least 8 characters");
 				return;
 			}
-			alert("Password changed successfully!"), U(!1), G(""), q(""), Y("");
+			alert("Password changed successfully!"), H(!1), W(""), K(""), J("");
 		}
 	}, [
-		W,
-		K,
-		J
-	]), be = a(() => {
-		he((e) => {
+		U,
+		G,
+		q
+	]), Se = a(() => {
+		ve((e) => {
 			let t = !e;
 			return alert(t ? "2FA has been enabled" : "2FA has been disabled"), t;
 		});
 	}, []);
-	return /* @__PURE__ */ T(n, {
+	return /* @__PURE__ */ D(n, {
 		title: "Investor Profile",
 		description: "Manage your investment profile and preferences",
-		actions: /* @__PURE__ */ E("div", {
+		actions: /* @__PURE__ */ D("div", {
 			className: "flex items-center gap-2",
-			children: [L && /* @__PURE__ */ T("span", {
-				className: "text-sm font-medium text-green-600 dark:text-green-400",
-				children: L
-			}), N ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E("button", {
+			children: [I && /* @__PURE__ */ E("span", {
+				className: "text-sm font-medium text-status-success-text",
+				children: I
+			}), M ? /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ D("button", {
 				type: "button",
 				onClick: () => {
-					P(!1), V(z);
+					N(!1), B(R);
 				},
 				className: "flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-				children: [/* @__PURE__ */ T(C, { className: "h-4 w-4" }), "Cancel"]
-			}), /* @__PURE__ */ T("button", {
+				children: [/* @__PURE__ */ E(w, { className: "h-4 w-4" }), "Cancel"]
+			}), /* @__PURE__ */ E("button", {
 				type: "button",
-				onClick: ge,
-				disabled: F,
-				className: t("flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors", F ? "cursor-not-allowed bg-bg-sunken text-text-secondary" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90"),
-				children: F ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), "Saving..."] }) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(se, { className: "h-4 w-4" }), "Save Changes"] })
-			})] }) : /* @__PURE__ */ E("button", {
+				onClick: $,
+				disabled: P,
+				className: t("flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors", P ? "cursor-not-allowed bg-bg-sunken text-text-secondary" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90"),
+				children: P ? /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), "Saving..."] }) : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(y, { className: "h-4 w-4" }), "Save Changes"] })
+			})] }) : /* @__PURE__ */ D("button", {
 				type: "button",
-				onClick: () => P(!0),
+				onClick: () => N(!0),
 				className: "flex items-center gap-2 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__ */ T(ie, { className: "h-4 w-4" }), "Edit Profile"]
+				children: [/* @__PURE__ */ E(d, { className: "h-4 w-4" }), "Edit Profile"]
 			})]
 		}),
-		children: /* @__PURE__ */ E("div", {
+		children: [/* @__PURE__ */ E(ue, {
+			className: "mb-6",
+			icon: /* @__PURE__ */ E(C, { className: "h-4 w-4" }),
+			children: "Your investor identity and preferences. Keep your personal and KYC details current, set your investment preferences and risk appetite, manage account security, and see your portfolio snapshot — so opportunities and reporting are tailored to you."
+		}), /* @__PURE__ */ D("div", {
 			className: "grid grid-cols-1 gap-6 lg:grid-cols-4",
-			children: [/* @__PURE__ */ E("div", {
+			children: [/* @__PURE__ */ D("div", {
 				className: "lg:col-span-1",
 				children: [
-					/* @__PURE__ */ E("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
-						children: [/* @__PURE__ */ E("div", {
+					/* @__PURE__ */ D(le, {
+						className: "p-4 sm:p-6",
+						children: [/* @__PURE__ */ D("div", {
 							className: "text-center",
 							children: [
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "relative mx-auto inline-block",
-									children: [/* @__PURE__ */ T("div", {
+									children: [/* @__PURE__ */ E("div", {
 										className: "h-20 w-20 overflow-hidden rounded-full bg-bg-sunken sm:h-24 sm:w-24",
-										children: B.profileImage ? /* @__PURE__ */ T("img", {
-											src: B.profileImage,
+										children: z.profileImage ? /* @__PURE__ */ E("img", {
+											src: z.profileImage,
 											alt: "Profile",
 											className: "h-full w-full object-cover"
-										}) : /* @__PURE__ */ T("div", {
+										}) : /* @__PURE__ */ E("div", {
 											className: "flex h-full w-full items-center justify-center",
-											children: /* @__PURE__ */ T(S, { className: "h-10 w-10 text-text-secondary" })
+											children: /* @__PURE__ */ E(C, { className: "h-10 w-10 text-text-secondary" })
 										})
-									}), N && /* @__PURE__ */ E("label", {
+									}), M && /* @__PURE__ */ D("label", {
 										className: "absolute bottom-0 right-0 flex h-8 w-8 cursor-pointer items-center justify-center rounded-full bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
-										children: [/* @__PURE__ */ T(ne, { className: "h-4 w-4" }), /* @__PURE__ */ T("input", {
+										children: [/* @__PURE__ */ E(ie, { className: "h-4 w-4" }), /* @__PURE__ */ E("input", {
 											type: "file",
 											accept: "image/*",
-											onChange: _e,
+											onChange: ye,
 											className: "hidden"
 										})]
 									})]
 								}),
-								/* @__PURE__ */ E("h3", {
+								/* @__PURE__ */ D("h3", {
 									className: "mt-3 text-base font-semibold text-text-primary sm:text-lg",
 									children: [
-										B.firstName,
+										z.firstName,
 										" ",
-										B.lastName
+										z.lastName
 									]
 								}),
-								/* @__PURE__ */ T("p", {
+								/* @__PURE__ */ E("p", {
 									className: "text-sm text-text-secondary",
-									children: B.investorType
+									children: z.investorType
 								}),
-								/* @__PURE__ */ T("p", {
+								/* @__PURE__ */ E("p", {
 									className: "mt-1 truncate text-xs text-text-secondary",
-									children: B.companyName
+									children: z.companyName
 								})
 							]
-						}), /* @__PURE__ */ E("div", {
+						}), /* @__PURE__ */ D("div", {
 							className: "mt-5 space-y-3 border-t border-border-subtle pt-4",
 							children: [
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ T("span", {
+									children: [/* @__PURE__ */ E("span", {
 										className: "text-xs text-text-secondary sm:text-sm",
 										children: "Portfolio Value"
-									}), /* @__PURE__ */ T("span", {
+									}), /* @__PURE__ */ E("span", {
 										className: "text-xs font-semibold text-primary sm:text-sm",
-										children: r(B.portfolioValue ?? 0, { minimumFractionDigits: 0 })
+										children: i(z.portfolioValue ?? 0, { minimumFractionDigits: 0 })
 									})]
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ T("span", {
+									children: [/* @__PURE__ */ E("span", {
 										className: "text-xs text-text-secondary sm:text-sm",
 										children: "Active Investments"
-									}), /* @__PURE__ */ T("span", {
+									}), /* @__PURE__ */ E("span", {
 										className: "text-xs font-semibold text-text-primary sm:text-sm",
-										children: B.activeInvestments
+										children: z.activeInvestments
 									})]
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ T("span", {
+									children: [/* @__PURE__ */ E("span", {
 										className: "text-xs text-text-secondary sm:text-sm",
 										children: "Total Returns"
-									}), /* @__PURE__ */ E("span", {
-										className: "text-xs font-semibold text-green-600 dark:text-green-400 sm:text-sm",
-										children: ["+", r(B.totalReturns ?? 0, { minimumFractionDigits: 0 })]
+									}), /* @__PURE__ */ D("span", {
+										className: "text-xs font-semibold text-status-success-text sm:text-sm",
+										children: ["+", i(z.totalReturns ?? 0, { minimumFractionDigits: 0 })]
 									})]
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ T("span", {
+									children: [/* @__PURE__ */ E("span", {
 										className: "text-xs text-text-secondary sm:text-sm",
 										children: "Total Invested"
-									}), /* @__PURE__ */ T("span", {
+									}), /* @__PURE__ */ E("span", {
 										className: "text-xs font-semibold text-text-primary sm:text-sm",
-										children: r(B.totalInvested ?? 0, { minimumFractionDigits: 0 })
+										children: i(z.totalInvested ?? 0, { minimumFractionDigits: 0 })
 									})]
 								})
 							]
 						})]
 					}),
-					/* @__PURE__ */ T("div", {
+					/* @__PURE__ */ E("div", {
 						className: "mt-4 flex gap-2 overflow-x-auto pb-2 lg:hidden",
-						children: D.map((e) => /* @__PURE__ */ E("button", {
+						children: O.map((e) => /* @__PURE__ */ D("button", {
 							type: "button",
-							onClick: () => M(e.id),
-							className: t("flex shrink-0 items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-colors", j === e.id ? "bg-action-primary-bg text-action-primary-text shadow-sm" : "bg-bg-surface text-text-primary hover:bg-accent"),
-							children: [/* @__PURE__ */ T(e.Icon, { className: "h-4 w-4 shrink-0" }), e.label]
+							onClick: () => j(e.id),
+							className: t("flex shrink-0 items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-colors", A === e.id ? "bg-action-primary-bg text-action-primary-text shadow-sm" : "bg-bg-surface text-text-primary hover:bg-accent"),
+							children: [/* @__PURE__ */ E(e.Icon, { className: "h-4 w-4 shrink-0" }), e.label]
 						}, e.id))
 					}),
-					/* @__PURE__ */ T("div", {
+					/* @__PURE__ */ E("div", {
 						className: "mt-4 hidden space-y-2 lg:block",
-						children: D.map((e) => /* @__PURE__ */ E("button", {
+						children: O.map((e) => /* @__PURE__ */ D("button", {
 							type: "button",
-							onClick: () => M(e.id),
-							className: t("flex w-full items-center gap-3 rounded-lg px-4 py-3 text-sm font-medium transition-colors", j === e.id ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-surface text-text-primary hover:bg-accent"),
-							children: [/* @__PURE__ */ T(e.Icon, { className: "h-4 w-4" }), e.label]
+							onClick: () => j(e.id),
+							className: t("flex w-full items-center gap-3 rounded-lg px-4 py-3 text-sm font-medium transition-colors", A === e.id ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-surface text-text-primary hover:bg-accent"),
+							children: [/* @__PURE__ */ E(e.Icon, { className: "h-4 w-4" }), e.label]
 						}, e.id))
 					})
 				]
-			}), /* @__PURE__ */ T("div", {
+			}), /* @__PURE__ */ E("div", {
 				className: "lg:col-span-3",
-				children: /* @__PURE__ */ E("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6 lg:p-8",
+				children: /* @__PURE__ */ D("div", {
+					className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 lg:p-8 bg-gloss-card shadow-pop",
 					children: [
-						j === "personal" && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h2", {
+						A === "personal" && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h2", {
 							className: "mb-6 text-lg font-semibold text-text-primary sm:text-xl",
 							children: "Personal Information"
-						}), /* @__PURE__ */ E("div", {
+						}), /* @__PURE__ */ D("div", {
 							className: "space-y-6",
 							children: [
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6",
 									children: [
-										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 											className: "mb-1 block text-sm font-medium text-text-primary",
 											children: "First Name"
-										}), /* @__PURE__ */ T("input", {
+										}), /* @__PURE__ */ E("input", {
 											type: "text",
-											value: B.firstName,
-											onChange: (e) => $("firstName", e.target.value),
-											disabled: !N,
+											value: z.firstName,
+											onChange: (e) => Q("firstName", e.target.value),
+											disabled: !M,
 											className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 										})] }),
-										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 											className: "mb-1 block text-sm font-medium text-text-primary",
 											children: "Last Name"
-										}), /* @__PURE__ */ T("input", {
+										}), /* @__PURE__ */ E("input", {
 											type: "text",
-											value: B.lastName,
-											onChange: (e) => $("lastName", e.target.value),
-											disabled: !N,
+											value: z.lastName,
+											onChange: (e) => Q("lastName", e.target.value),
+											disabled: !M,
 											className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 										})] }),
-										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 											className: "mb-1 block text-sm font-medium text-text-primary",
 											children: "Email Address"
-										}), /* @__PURE__ */ E("div", {
+										}), /* @__PURE__ */ D("div", {
 											className: "relative",
-											children: [/* @__PURE__ */ T(_, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ T("input", {
+											children: [/* @__PURE__ */ E(se, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ E("input", {
 												type: "email",
-												value: B.email,
-												onChange: (e) => $("email", e.target.value),
-												disabled: !N,
+												value: z.email,
+												onChange: (e) => Q("email", e.target.value),
+												disabled: !M,
 												className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 											})]
 										})] }),
-										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 											className: "mb-1 block text-sm font-medium text-text-primary",
 											children: "Phone Number"
-										}), /* @__PURE__ */ E("div", {
+										}), /* @__PURE__ */ D("div", {
 											className: "relative",
-											children: [/* @__PURE__ */ T(oe, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ T("input", {
+											children: [/* @__PURE__ */ E(_, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ E("input", {
 												type: "tel",
-												value: B.phone,
-												onChange: (e) => $("phone", e.target.value),
-												disabled: !N,
+												value: z.phone,
+												onChange: (e) => Q("phone", e.target.value),
+												disabled: !M,
 												className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 											})]
 										})] })
 									]
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "border-t border-border-subtle pt-6",
-									children: [/* @__PURE__ */ T("h3", {
+									children: [/* @__PURE__ */ E("h3", {
 										className: "mb-4 text-sm font-semibold text-text-primary sm:text-base",
 										children: "Professional Details"
-									}), /* @__PURE__ */ E("div", {
+									}), /* @__PURE__ */ D("div", {
 										className: "grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6",
 										children: [
-											/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+											/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 												className: "mb-1 block text-sm font-medium text-text-primary",
 												children: "Company/Organization"
-											}), /* @__PURE__ */ E("div", {
+											}), /* @__PURE__ */ D("div", {
 												className: "relative",
-												children: [/* @__PURE__ */ T(u, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ T("input", {
+												children: [/* @__PURE__ */ E(re, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ E("input", {
 													type: "text",
-													value: B.companyName,
-													onChange: (e) => $("companyName", e.target.value),
-													disabled: !N,
+													value: z.companyName,
+													onChange: (e) => Q("companyName", e.target.value),
+													disabled: !M,
 													className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 												})]
 											})] }),
-											/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+											/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 												className: "mb-1 block text-sm font-medium text-text-primary",
 												children: "Designation"
-											}), /* @__PURE__ */ T("input", {
+											}), /* @__PURE__ */ E("input", {
 												type: "text",
-												value: B.designation,
-												onChange: (e) => $("designation", e.target.value),
-												disabled: !N,
+												value: z.designation,
+												onChange: (e) => Q("designation", e.target.value),
+												disabled: !M,
 												className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 											})] }),
-											/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+											/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 												className: "mb-1 block text-sm font-medium text-text-primary",
 												children: "Company Website"
-											}), /* @__PURE__ */ E("div", {
+											}), /* @__PURE__ */ D("div", {
 												className: "relative",
-												children: [/* @__PURE__ */ T(h, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ T("input", {
+												children: [/* @__PURE__ */ E(h, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ E("input", {
 													type: "text",
-													value: B.companyWebsite,
-													onChange: (e) => $("companyWebsite", e.target.value),
-													disabled: !N,
+													value: z.companyWebsite,
+													onChange: (e) => Q("companyWebsite", e.target.value),
+													disabled: !M,
 													className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 												})]
 											})] }),
-											/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+											/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 												className: "mb-1 block text-sm font-medium text-text-primary",
 												children: "LinkedIn Profile"
-											}), /* @__PURE__ */ E("div", {
+											}), /* @__PURE__ */ D("div", {
 												className: "relative",
-												children: [/* @__PURE__ */ T(ae, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ T("input", {
+												children: [/* @__PURE__ */ E(ae, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ E("input", {
 													type: "text",
-													value: B.linkedinProfile,
-													onChange: (e) => $("linkedinProfile", e.target.value),
-													disabled: !N,
+													value: z.linkedinProfile,
+													onChange: (e) => Q("linkedinProfile", e.target.value),
+													disabled: !M,
 													className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 												})]
 											})] })
 										]
 									})]
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "border-t border-border-subtle pt-6",
-									children: [/* @__PURE__ */ T("h3", {
+									children: [/* @__PURE__ */ E("h3", {
 										className: "mb-4 text-sm font-semibold text-text-primary sm:text-base",
 										children: "Address"
-									}), /* @__PURE__ */ E("div", {
+									}), /* @__PURE__ */ D("div", {
 										className: "space-y-4",
-										children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 											className: "mb-1 block text-sm font-medium text-text-primary",
 											children: "Street Address"
-										}), /* @__PURE__ */ T("textarea", {
+										}), /* @__PURE__ */ E("textarea", {
 											rows: 2,
-											value: B.address,
-											onChange: (e) => $("address", e.target.value),
-											disabled: !N,
+											value: z.address,
+											onChange: (e) => Q("address", e.target.value),
+											disabled: !M,
 											className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-										})] }), /* @__PURE__ */ E("div", {
+										})] }), /* @__PURE__ */ D("div", {
 											className: "grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6",
 											children: [
-												/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+												/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 													className: "mb-1 block text-sm font-medium text-text-primary",
 													children: "City"
-												}), /* @__PURE__ */ T("input", {
+												}), /* @__PURE__ */ E("input", {
 													type: "text",
-													value: B.city,
-													onChange: (e) => $("city", e.target.value),
-													disabled: !N,
+													value: z.city,
+													onChange: (e) => Q("city", e.target.value),
+													disabled: !M,
 													className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 												})] }),
-												/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+												/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 													className: "mb-1 block text-sm font-medium text-text-primary",
 													children: "State"
-												}), /* @__PURE__ */ T("input", {
+												}), /* @__PURE__ */ E("input", {
 													type: "text",
-													value: B.state,
-													onChange: (e) => $("state", e.target.value),
-													disabled: !N,
+													value: z.state,
+													onChange: (e) => Q("state", e.target.value),
+													disabled: !M,
 													className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 												})] }),
-												/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+												/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 													className: "mb-1 block text-sm font-medium text-text-primary",
 													children: "Country"
-												}), /* @__PURE__ */ T("input", {
+												}), /* @__PURE__ */ E("input", {
 													type: "text",
-													value: B.country,
-													onChange: (e) => $("country", e.target.value),
-													disabled: !N,
+													value: z.country,
+													onChange: (e) => Q("country", e.target.value),
+													disabled: !M,
 													className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 												})] }),
-												/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+												/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 													className: "mb-1 block text-sm font-medium text-text-primary",
 													children: "Pincode"
-												}), /* @__PURE__ */ T("input", {
+												}), /* @__PURE__ */ E("input", {
 													type: "text",
-													value: B.pincode,
-													onChange: (e) => $("pincode", e.target.value),
-													disabled: !N,
+													value: z.pincode,
+													onChange: (e) => Q("pincode", e.target.value),
+													disabled: !M,
 													className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 												})] })
 											]
@@ -535,187 +540,187 @@ function A() {
 								})
 							]
 						})] }),
-						j === "investment" && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h2", {
+						A === "investment" && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h2", {
 							className: "mb-6 text-lg font-semibold text-text-primary sm:text-xl",
 							children: "Investment Profile"
-						}), /* @__PURE__ */ E("div", {
+						}), /* @__PURE__ */ D("div", {
 							className: "space-y-6",
 							children: [
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6",
 									children: [
-										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 											className: "mb-1 block text-sm font-medium text-text-primary",
 											children: "Investor Type"
-										}), /* @__PURE__ */ E("select", {
-											value: B.investorType,
-											onChange: (e) => $("investorType", e.target.value),
-											disabled: !N,
+										}), /* @__PURE__ */ D("select", {
+											value: z.investorType,
+											onChange: (e) => Q("investorType", e.target.value),
+											disabled: !M,
 											className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 											children: [
-												/* @__PURE__ */ T("option", { children: "Angel Investor" }),
-												/* @__PURE__ */ T("option", { children: "Venture Capitalist" }),
-												/* @__PURE__ */ T("option", { children: "Private Equity" }),
-												/* @__PURE__ */ T("option", { children: "Strategic Investor" })
+												/* @__PURE__ */ E("option", { children: "Angel Investor" }),
+												/* @__PURE__ */ E("option", { children: "Venture Capitalist" }),
+												/* @__PURE__ */ E("option", { children: "Private Equity" }),
+												/* @__PURE__ */ E("option", { children: "Strategic Investor" })
 											]
 										})] }),
-										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 											className: "mb-1 block text-sm font-medium text-text-primary",
 											children: "Investment Range"
-										}), /* @__PURE__ */ E("select", {
-											value: B.investmentRange,
-											onChange: (e) => $("investmentRange", e.target.value),
-											disabled: !N,
+										}), /* @__PURE__ */ D("select", {
+											value: z.investmentRange,
+											onChange: (e) => Q("investmentRange", e.target.value),
+											disabled: !M,
 											className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 											children: [
-												/* @__PURE__ */ T("option", { children: "1L - 5L" }),
-												/* @__PURE__ */ T("option", { children: "5L - 25L" }),
-												/* @__PURE__ */ T("option", { children: "25L - 1Cr" }),
-												/* @__PURE__ */ T("option", { children: "1Cr+" })
+												/* @__PURE__ */ E("option", { children: "1L - 5L" }),
+												/* @__PURE__ */ E("option", { children: "5L - 25L" }),
+												/* @__PURE__ */ E("option", { children: "25L - 1Cr" }),
+												/* @__PURE__ */ E("option", { children: "1Cr+" })
 											]
 										})] }),
-										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 											className: "mb-1 block text-sm font-medium text-text-primary",
 											children: "Investment Horizon"
-										}), /* @__PURE__ */ E("select", {
-											value: B.investmentHorizon,
-											onChange: (e) => $("investmentHorizon", e.target.value),
-											disabled: !N,
+										}), /* @__PURE__ */ D("select", {
+											value: z.investmentHorizon,
+											onChange: (e) => Q("investmentHorizon", e.target.value),
+											disabled: !M,
 											className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 											children: [
-												/* @__PURE__ */ T("option", { children: "1-2 years" }),
-												/* @__PURE__ */ T("option", { children: "3-5 years" }),
-												/* @__PURE__ */ T("option", { children: "5-7 years" }),
-												/* @__PURE__ */ T("option", { children: "7+ years" })
+												/* @__PURE__ */ E("option", { children: "1-2 years" }),
+												/* @__PURE__ */ E("option", { children: "3-5 years" }),
+												/* @__PURE__ */ E("option", { children: "5-7 years" }),
+												/* @__PURE__ */ E("option", { children: "7+ years" })
 											]
 										})] }),
-										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 											className: "mb-1 block text-sm font-medium text-text-primary",
 											children: "Risk Profile"
-										}), /* @__PURE__ */ E("select", {
-											value: B.riskProfile,
-											onChange: (e) => $("riskProfile", e.target.value),
-											disabled: !N,
+										}), /* @__PURE__ */ D("select", {
+											value: z.riskProfile,
+											onChange: (e) => Q("riskProfile", e.target.value),
+											disabled: !M,
 											className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 											children: [
-												/* @__PURE__ */ T("option", { children: "Conservative" }),
-												/* @__PURE__ */ T("option", { children: "Moderate" }),
-												/* @__PURE__ */ T("option", { children: "Aggressive" })
+												/* @__PURE__ */ E("option", { children: "Conservative" }),
+												/* @__PURE__ */ E("option", { children: "Moderate" }),
+												/* @__PURE__ */ E("option", { children: "Aggressive" })
 											]
 										})] })
 									]
 								}),
-								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+								/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 									className: "mb-3 block text-sm font-medium text-text-primary",
 									children: "Preferred Sectors"
-								}), /* @__PURE__ */ T("div", {
+								}), /* @__PURE__ */ E("div", {
 									className: "grid grid-cols-2 gap-3 sm:grid-cols-3",
-									children: ue.map((e) => /* @__PURE__ */ E("label", {
+									children: pe.map((e) => /* @__PURE__ */ D("label", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ T("input", {
+										children: [/* @__PURE__ */ E("input", {
 											type: "checkbox",
-											checked: B.preferredSectors.includes(e),
+											checked: z.preferredSectors.includes(e),
 											onChange: (t) => {
-												t.target.checked ? $("preferredSectors", [...B.preferredSectors, e]) : $("preferredSectors", B.preferredSectors.filter((t) => t !== e));
+												t.target.checked ? Q("preferredSectors", [...z.preferredSectors, e]) : Q("preferredSectors", z.preferredSectors.filter((t) => t !== e));
 											},
-											disabled: !N,
+											disabled: !M,
 											className: "h-4 w-4 rounded border-border-subtle text-primary focus:ring-[var(--color-focus-ring)]"
-										}), /* @__PURE__ */ T("span", {
+										}), /* @__PURE__ */ E("span", {
 											className: "text-sm text-text-primary",
 											children: e
 										})]
 									}, e))
 								})] }),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "rounded-lg border border-border-subtle p-4",
-									children: [/* @__PURE__ */ E("div", {
+									children: [/* @__PURE__ */ D("div", {
 										className: "mb-2 flex items-center justify-between",
-										children: [/* @__PURE__ */ T("p", {
+										children: [/* @__PURE__ */ E("p", {
 											className: "text-sm font-medium text-text-primary",
 											children: "Risk Tolerance"
-										}), /* @__PURE__ */ T("span", {
-											className: t("text-sm font-semibold", B.riskProfile === "Conservative" ? "text-green-600 dark:text-green-400" : B.riskProfile === "Moderate" ? "text-yellow-600 dark:text-yellow-400" : "text-red-600 dark:text-red-400"),
-											children: B.riskProfile
+										}), /* @__PURE__ */ E("span", {
+											className: t("text-sm font-semibold", z.riskProfile === "Conservative" ? "text-status-success-text" : z.riskProfile === "Moderate" ? "text-status-warning-text" : "text-status-error-text"),
+											children: z.riskProfile
 										})]
-									}), /* @__PURE__ */ T("div", {
+									}), /* @__PURE__ */ E("div", {
 										className: "flex gap-1",
 										children: [
 											"Conservative",
 											"Moderate",
 											"Aggressive"
-										].map((e) => /* @__PURE__ */ T("div", { className: t("h-2.5 flex-1 rounded-full", e === "Conservative" && "bg-green-500/30", e === "Moderate" && "bg-yellow-500/30", e === "Aggressive" && "bg-red-500/30", e === B.riskProfile && e === "Conservative" && "bg-green-500", e === B.riskProfile && e === "Moderate" && "bg-yellow-500", e === B.riskProfile && e === "Aggressive" && "bg-red-500") }, e))
+										].map((e) => /* @__PURE__ */ E("div", { className: t("h-2.5 flex-1 rounded-full", e === "Conservative" && "bg-status-success-bg-subtle/30", e === "Moderate" && "bg-status-warning-bg-subtle/30", e === "Aggressive" && "bg-status-error-bg-subtle/30", e === z.riskProfile && e === "Conservative" && "bg-status-success-bg-subtle", e === z.riskProfile && e === "Moderate" && "bg-status-warning-bg-subtle", e === z.riskProfile && e === "Aggressive" && "bg-status-error-bg-subtle") }, e))
 									})]
 								})
 							]
 						})] }),
-						j === "portfolio" && /* @__PURE__ */ E("div", { children: [
-							/* @__PURE__ */ T("h2", {
+						A === "portfolio" && /* @__PURE__ */ D("div", { children: [
+							/* @__PURE__ */ E("h2", {
 								className: "mb-6 text-lg font-semibold text-text-primary sm:text-xl",
 								children: "Investment Portfolio"
 							}),
-							/* @__PURE__ */ E("div", {
+							/* @__PURE__ */ D("div", {
 								className: "mb-8 grid grid-cols-2 gap-4 sm:grid-cols-4 sm:gap-6",
 								children: [
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ D("div", {
 										className: "rounded-lg bg-bg-sunken/50 p-4",
 										children: [
-											/* @__PURE__ */ T(re, { className: "mb-2 h-7 w-7 text-primary sm:h-8 sm:w-8" }),
-											/* @__PURE__ */ T("div", {
+											/* @__PURE__ */ E(u, { className: "mb-2 h-7 w-7 text-primary sm:h-8 sm:w-8" }),
+											/* @__PURE__ */ E("div", {
 												className: "text-lg font-bold text-text-primary sm:text-2xl",
-												children: r(B.totalInvested ?? 0, {
+												children: i(z.totalInvested ?? 0, {
 													minimumFractionDigits: 0,
 													notation: "compact"
 												})
 											}),
-											/* @__PURE__ */ T("div", {
+											/* @__PURE__ */ E("div", {
 												className: "text-xs text-text-secondary sm:text-sm",
 												children: "Total Invested"
 											})
 										]
 									}),
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ D("div", {
 										className: "rounded-lg bg-bg-sunken/50 p-4",
 										children: [
-											/* @__PURE__ */ T(l, { className: "mb-2 h-7 w-7 text-blue-600 sm:h-8 sm:w-8" }),
-											/* @__PURE__ */ T("div", {
+											/* @__PURE__ */ E(ne, { className: "mb-2 h-7 w-7 text-accent-blue sm:h-8 sm:w-8" }),
+											/* @__PURE__ */ E("div", {
 												className: "text-lg font-bold text-text-primary sm:text-2xl",
-												children: B.activeInvestments
+												children: z.activeInvestments
 											}),
-											/* @__PURE__ */ T("div", {
+											/* @__PURE__ */ E("div", {
 												className: "text-xs text-text-secondary sm:text-sm",
 												children: "Active Investments"
 											})
 										]
 									}),
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ D("div", {
 										className: "rounded-lg bg-bg-sunken/50 p-4",
 										children: [
-											/* @__PURE__ */ T(x, { className: "mb-2 h-7 w-7 text-green-600 sm:h-8 sm:w-8" }),
-											/* @__PURE__ */ T("div", {
+											/* @__PURE__ */ E(S, { className: "mb-2 h-7 w-7 text-status-success-text sm:h-8 sm:w-8" }),
+											/* @__PURE__ */ E("div", {
 												className: "text-lg font-bold text-text-primary sm:text-2xl",
-												children: r(B.totalReturns ?? 0, {
+												children: i(z.totalReturns ?? 0, {
 													minimumFractionDigits: 0,
 													notation: "compact"
 												})
 											}),
-											/* @__PURE__ */ T("div", {
+											/* @__PURE__ */ E("div", {
 												className: "text-xs text-text-secondary sm:text-sm",
 												children: "Total Returns"
 											})
 										]
 									}),
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ D("div", {
 										className: "rounded-lg bg-bg-sunken/50 p-4",
 										children: [
-											/* @__PURE__ */ T(b, { className: "mb-2 h-7 w-7 text-purple-600 sm:h-8 sm:w-8" }),
-											/* @__PURE__ */ T("div", {
+											/* @__PURE__ */ E(v, { className: "mb-2 h-7 w-7 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(B.portfolioValue ?? 0, {
+												children: i(z.portfolioValue ?? 0, {
 													minimumFractionDigits: 0,
 													notation: "compact"
 												})
 											}),
-											/* @__PURE__ */ T("div", {
+											/* @__PURE__ */ E("div", {
 												className: "text-xs text-text-secondary sm:text-sm",
 												children: "Portfolio Value"
 											})
@@ -723,94 +728,94 @@ function A() {
 									})
 								]
 							}),
-							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h3", {
+							/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h3", {
 								className: "mb-4 text-base font-semibold text-text-primary",
 								children: "Active Investments"
-							}), /* @__PURE__ */ T("div", {
+							}), /* @__PURE__ */ E("div", {
 								className: "space-y-3",
-								children: i.map((e, n) => /* @__PURE__ */ E("div", {
+								children: te.map((e, n) => /* @__PURE__ */ D("div", {
 									className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-4",
-									children: [/* @__PURE__ */ E("div", {
+									children: [/* @__PURE__ */ D("div", {
 										className: "mb-3 flex items-start justify-between",
-										children: [/* @__PURE__ */ T("h4", {
+										children: [/* @__PURE__ */ E("h4", {
 											className: "text-sm font-medium text-text-primary sm:text-base",
 											children: e.cartName
-										}), /* @__PURE__ */ E("span", {
-											className: t("text-sm font-semibold", e.returns > 0 ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
+										}), /* @__PURE__ */ D("span", {
+											className: t("text-sm font-semibold", e.returns > 0 ? "text-status-success-text" : "text-status-error-text"),
 											children: [
 												e.returns > 0 ? "+" : "",
 												e.returns,
 												"%"
 											]
 										})]
-									}), /* @__PURE__ */ E("div", {
+									}), /* @__PURE__ */ D("div", {
 										className: "grid grid-cols-1 gap-3 text-sm sm:grid-cols-3",
 										children: [
-											/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("span", {
+											/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("span", {
 												className: "text-text-secondary",
 												children: "Invested: "
-											}), /* @__PURE__ */ T("span", {
+											}), /* @__PURE__ */ E("span", {
 												className: "font-medium text-text-primary",
-												children: r(e.investedAmount, { minimumFractionDigits: 0 })
+												children: i(e.investedAmount, { minimumFractionDigits: 0 })
 											})] }),
-											/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("span", {
+											/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("span", {
 												className: "text-text-secondary",
 												children: "Current Value: "
-											}), /* @__PURE__ */ T("span", {
+											}), /* @__PURE__ */ E("span", {
 												className: "font-medium text-text-primary",
-												children: r(e.currentValue, { minimumFractionDigits: 0 })
+												children: i(e.currentValue, { minimumFractionDigits: 0 })
 											})] }),
-											/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("span", {
+											/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("span", {
 												className: "text-text-secondary",
 												children: "Returns: "
-											}), /* @__PURE__ */ T("span", {
-												className: "font-medium text-green-600 dark:text-green-400",
-												children: r(e.currentValue - e.investedAmount, { minimumFractionDigits: 0 })
+											}), /* @__PURE__ */ E("span", {
+												className: "font-medium text-status-success-text",
+												children: i(e.currentValue - e.investedAmount, { minimumFractionDigits: 0 })
 											})] })
 										]
 									})]
 								}, n))
 							})] })
 						] }),
-						j === "documents" && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h2", {
+						A === "documents" && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h2", {
 							className: "mb-6 text-lg font-semibold text-text-primary sm:text-xl",
 							children: "Documents & KYC"
-						}), /* @__PURE__ */ E("div", {
+						}), /* @__PURE__ */ D("div", {
 							className: "space-y-6",
 							children: [
-								/* @__PURE__ */ E("div", {
-									className: "flex items-center gap-2 rounded-lg bg-green-500/10 px-4 py-3",
-									children: [/* @__PURE__ */ T(d, { className: "h-5 w-5 text-green-600 dark:text-green-400" }), /* @__PURE__ */ T("p", {
-										className: "text-sm font-medium text-green-600 dark:text-green-400",
+								/* @__PURE__ */ D("div", {
+									className: "flex items-center gap-2 rounded-lg bg-status-success-bg-subtle/10 px-4 py-3",
+									children: [/* @__PURE__ */ E(l, { className: "h-5 w-5 text-status-success-text" }), /* @__PURE__ */ E("p", {
+										className: "text-sm font-medium text-status-success-text",
 										children: "Your KYC is complete and verified"
 									})]
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6",
-									children: O.map((e) => /* @__PURE__ */ E("div", {
-										className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
+									children: de.map((e) => /* @__PURE__ */ D("div", {
+										className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 bg-gloss-card shadow-pop",
 										children: [
-											/* @__PURE__ */ T(m, { className: "mb-3 h-8 w-8 text-primary" }),
-											/* @__PURE__ */ T("h3", {
+											/* @__PURE__ */ E(m, { className: "mb-3 h-8 w-8 text-primary" }),
+											/* @__PURE__ */ E("h3", {
 												className: "text-base font-semibold text-text-primary",
 												children: e.name
 											}),
-											/* @__PURE__ */ T("p", {
+											/* @__PURE__ */ E("p", {
 												className: "mt-1 text-sm text-text-secondary",
 												children: e.status === "verified" ? `Verified on ${e.verifiedOn}` : e.status === "uploaded" ? `Uploaded on ${e.verifiedOn}` : "Template available"
 											}),
-											/* @__PURE__ */ E("div", {
+											/* @__PURE__ */ D("div", {
 												className: "mt-3 flex items-center gap-2",
 												children: [
-													e.status === "verified" && /* @__PURE__ */ E("span", {
-														className: "flex items-center gap-1 rounded-full bg-green-500/20 px-2 py-0.5 text-xs font-medium text-green-600 dark:text-green-400",
-														children: [/* @__PURE__ */ T(d, { className: "h-3 w-3" }), "Verified"]
+													e.status === "verified" && /* @__PURE__ */ D("span", {
+														className: "flex items-center gap-1 rounded-full bg-status-success-bg-subtle/20 px-2 py-0.5 text-xs font-medium text-status-success-text",
+														children: [/* @__PURE__ */ E(l, { className: "h-3 w-3" }), "Verified"]
 													}),
-													e.status === "uploaded" && /* @__PURE__ */ E("span", {
-														className: "flex items-center gap-1 rounded-full bg-blue-500/20 px-2 py-0.5 text-xs font-medium text-blue-600 dark:text-blue-400",
-														children: [/* @__PURE__ */ T(m, { className: "h-3 w-3" }), "Uploaded"]
+													e.status === "uploaded" && /* @__PURE__ */ D("span", {
+														className: "flex items-center gap-1 rounded-full bg-accent-blue-subtle/20 px-2 py-0.5 text-xs font-medium text-accent-blue",
+														children: [/* @__PURE__ */ E(m, { className: "h-3 w-3" }), "Uploaded"]
 													}),
-													/* @__PURE__ */ T("button", {
+													/* @__PURE__ */ E("button", {
 														type: "button",
 														onClick: () => alert(e.status === "template" ? `Downloading ${e.name} template...` : `Viewing ${e.name}...`),
 														className: "rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
@@ -821,21 +826,21 @@ function A() {
 										]
 									}, e.name))
 								}),
-								N && /* @__PURE__ */ E("div", {
+								M && /* @__PURE__ */ D("div", {
 									className: "rounded-lg border-2 border-dashed border-border-subtle p-6 text-center",
 									children: [
-										/* @__PURE__ */ T(m, { className: "mx-auto mb-2 h-8 w-8 text-text-secondary" }),
-										/* @__PURE__ */ T("p", {
+										/* @__PURE__ */ E(m, { className: "mx-auto mb-2 h-8 w-8 text-text-secondary" }),
+										/* @__PURE__ */ E("p", {
 											className: "text-sm font-medium text-text-primary",
 											children: "Upload New Document"
 										}),
-										/* @__PURE__ */ T("p", {
+										/* @__PURE__ */ E("p", {
 											className: "mt-1 text-xs text-text-secondary",
 											children: "PDF, JPG, or PNG up to 10MB"
 										}),
-										/* @__PURE__ */ E("label", {
+										/* @__PURE__ */ D("label", {
 											className: "mt-3 inline-block cursor-pointer 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: ["Choose File", /* @__PURE__ */ T("input", {
+											children: ["Choose File", /* @__PURE__ */ E("input", {
 												type: "file",
 												accept: ".pdf,.jpg,.png",
 												className: "hidden"
@@ -845,161 +850,161 @@ function A() {
 								})
 							]
 						})] }),
-						j === "security" && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h2", {
+						A === "security" && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h2", {
 							className: "mb-6 text-lg font-semibold text-text-primary sm:text-xl",
 							children: "Security Settings"
-						}), /* @__PURE__ */ E("div", {
+						}), /* @__PURE__ */ D("div", {
 							className: "space-y-6",
 							children: [
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "rounded-lg border border-border-subtle p-4 sm:p-6",
 									children: [
-										/* @__PURE__ */ E("div", {
+										/* @__PURE__ */ D("div", {
 											className: "flex items-center gap-3 mb-3",
-											children: [/* @__PURE__ */ T(g, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ T("h3", {
+											children: [/* @__PURE__ */ E(oe, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ E("h3", {
 												className: "text-base font-semibold text-text-primary",
 												children: "Change Password"
 											})]
 										}),
-										/* @__PURE__ */ T("p", {
+										/* @__PURE__ */ E("p", {
 											className: "mb-4 text-sm text-text-secondary",
 											children: "Update your password regularly to keep your account secure"
 										}),
-										fe ? /* @__PURE__ */ E("div", {
+										he ? /* @__PURE__ */ D("div", {
 											className: "space-y-4",
 											children: [
-												/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+												/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 													className: "mb-1 block text-sm font-medium text-text-primary",
 													children: "Current Password"
-												}), /* @__PURE__ */ E("div", {
+												}), /* @__PURE__ */ D("div", {
 													className: "relative",
-													children: [/* @__PURE__ */ T("input", {
-														type: X ? "text" : "password",
-														value: W,
-														onChange: (e) => G(e.target.value),
+													children: [/* @__PURE__ */ E("input", {
+														type: Y ? "text" : "password",
+														value: U,
+														onChange: (e) => W(e.target.value),
 														className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 pr-10 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-													}), /* @__PURE__ */ T("button", {
+													}), /* @__PURE__ */ E("button", {
 														type: "button",
-														onClick: () => pe(!X),
+														onClick: () => ge(!Y),
 														className: "absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary",
-														children: T(X ? p : f, { className: "h-4 w-4" })
+														children: E(Y ? p : f, { className: "h-4 w-4" })
 													})]
 												})] }),
-												/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+												/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 													className: "mb-1 block text-sm font-medium text-text-primary",
 													children: "New Password"
-												}), /* @__PURE__ */ E("div", {
+												}), /* @__PURE__ */ D("div", {
 													className: "relative",
-													children: [/* @__PURE__ */ T("input", {
-														type: Z ? "text" : "password",
-														value: K,
-														onChange: (e) => q(e.target.value),
+													children: [/* @__PURE__ */ E("input", {
+														type: X ? "text" : "password",
+														value: G,
+														onChange: (e) => K(e.target.value),
 														className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 pr-10 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-													}), /* @__PURE__ */ T("button", {
+													}), /* @__PURE__ */ E("button", {
 														type: "button",
-														onClick: () => me(!Z),
+														onClick: () => _e(!X),
 														className: "absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary",
-														children: T(Z ? p : f, { className: "h-4 w-4" })
+														children: E(X ? p : f, { className: "h-4 w-4" })
 													})]
 												})] }),
-												/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+												/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 													className: "mb-1 block text-sm font-medium text-text-primary",
 													children: "Confirm New Password"
-												}), /* @__PURE__ */ T("input", {
+												}), /* @__PURE__ */ E("input", {
 													type: "password",
-													value: J,
-													onChange: (e) => Y(e.target.value),
+													value: q,
+													onChange: (e) => J(e.target.value),
 													className: "w-full 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__ */ E("div", {
+												/* @__PURE__ */ D("div", {
 													className: "flex gap-3",
-													children: [/* @__PURE__ */ T("button", {
+													children: [/* @__PURE__ */ E("button", {
 														type: "button",
-														onClick: ye,
+														onClick: xe,
 														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: "Update Password"
-													}), /* @__PURE__ */ T("button", {
+													}), /* @__PURE__ */ E("button", {
 														type: "button",
 														onClick: () => {
-															U(!1), G(""), q(""), Y("");
+															H(!1), W(""), K(""), J("");
 														},
 														className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 														children: "Cancel"
 													})]
 												})
 											]
-										}) : /* @__PURE__ */ T("button", {
+										}) : /* @__PURE__ */ E("button", {
 											type: "button",
-											onClick: () => U(!0),
+											onClick: () => H(!0),
 											className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 											children: "Change Password"
 										})
 									]
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "rounded-lg border border-border-subtle p-4 sm:p-6",
 									children: [
-										/* @__PURE__ */ E("div", {
+										/* @__PURE__ */ D("div", {
 											className: "flex items-center gap-3 mb-3",
-											children: [/* @__PURE__ */ T(le, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ T("h3", {
+											children: [/* @__PURE__ */ E(x, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ E("h3", {
 												className: "text-base font-semibold text-text-primary",
 												children: "Two-Factor Authentication"
 											})]
 										}),
-										/* @__PURE__ */ T("p", {
+										/* @__PURE__ */ E("p", {
 											className: "mb-4 text-sm text-text-secondary",
 											children: "Add an extra layer of security to your investment account"
 										}),
-										/* @__PURE__ */ E("div", {
+										/* @__PURE__ */ D("div", {
 											className: "flex items-center justify-between rounded-lg bg-bg-sunken/50 p-3",
-											children: [/* @__PURE__ */ T("div", {
+											children: [/* @__PURE__ */ E("div", {
 												className: "flex items-center gap-2",
-												children: /* @__PURE__ */ T("span", {
-													className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", Q ? "bg-green-500/20 text-green-600 dark:text-green-400" : "bg-bg-sunken text-text-secondary"),
-													children: Q ? "Enabled" : "Disabled"
+												children: /* @__PURE__ */ E("span", {
+													className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", Z ? "bg-status-success-bg-subtle/20 text-status-success-text" : "bg-bg-sunken text-text-secondary"),
+													children: Z ? "Enabled" : "Disabled"
 												})
-											}), /* @__PURE__ */ T("button", {
+											}), /* @__PURE__ */ E("button", {
 												type: "button",
-												onClick: be,
-												className: t("rounded-lg px-4 py-2 text-sm font-medium transition-colors", Q ? "border border-border-subtle text-text-primary hover:bg-accent" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90"),
-												children: Q ? "Disable 2FA" : "Enable 2FA"
+												onClick: Se,
+												className: t("rounded-lg px-4 py-2 text-sm font-medium transition-colors", Z ? "border border-border-subtle text-text-primary hover:bg-accent" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90"),
+												children: Z ? "Disable 2FA" : "Enable 2FA"
 											})]
 										})
 									]
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "rounded-lg border border-border-subtle p-4 sm:p-6",
-									children: [/* @__PURE__ */ E("div", {
+									children: [/* @__PURE__ */ D("div", {
 										className: "flex items-center gap-3 mb-4",
-										children: [/* @__PURE__ */ T(y, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ T("h3", {
+										children: [/* @__PURE__ */ E(g, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ E("h3", {
 											className: "text-base font-semibold text-text-primary",
 											children: "Login Activity"
 										})]
-									}), /* @__PURE__ */ T("div", {
+									}), /* @__PURE__ */ E("div", {
 										className: "space-y-3",
-										children: k.map((e, t) => /* @__PURE__ */ E("div", {
+										children: fe.map((e, t) => /* @__PURE__ */ D("div", {
 											className: "flex items-center justify-between rounded-lg bg-bg-sunken/30 p-3",
-											children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("div", {
+											children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("div", {
 												className: "flex items-center gap-2",
-												children: [/* @__PURE__ */ T("p", {
+												children: [/* @__PURE__ */ E("p", {
 													className: "text-sm font-medium text-text-primary",
 													children: e.device
-												}), e.current && /* @__PURE__ */ T("span", {
-													className: "rounded-full bg-green-500/20 px-2 py-0.5 text-xs font-medium text-green-600 dark:text-green-400",
+												}), e.current && /* @__PURE__ */ E("span", {
+													className: "rounded-full bg-status-success-bg-subtle/20 px-2 py-0.5 text-xs font-medium text-status-success-text",
 													children: "Current"
 												})]
-											}), /* @__PURE__ */ E("div", {
+											}), /* @__PURE__ */ D("div", {
 												className: "mt-1 flex items-center gap-2 text-xs text-text-secondary",
 												children: [
-													/* @__PURE__ */ T(v, { className: "h-3 w-3" }),
-													/* @__PURE__ */ T("span", { children: e.location }),
-													/* @__PURE__ */ T("span", { children: "•" }),
-													/* @__PURE__ */ T("span", { children: te(e.date, {
+													/* @__PURE__ */ E(ce, { className: "h-3 w-3" }),
+													/* @__PURE__ */ E("span", { children: e.location }),
+													/* @__PURE__ */ E("span", { children: "•" }),
+													/* @__PURE__ */ E("span", { children: ee(e.date, {
 														hour: "numeric",
 														minute: "2-digit"
 													}) })
 												]
-											})] }), !e.current && /* @__PURE__ */ T("button", {
+											})] }), !e.current && /* @__PURE__ */ E("button", {
 												type: "button",
 												onClick: () => alert("Session revoked"),
 												className: "rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
@@ -1010,42 +1015,42 @@ function A() {
 								})
 							]
 						})] }),
-						j === "notifications" && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h2", {
+						A === "notifications" && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h2", {
 							className: "mb-6 text-lg font-semibold text-text-primary sm:text-xl",
 							children: "Notification Preferences"
-						}), /* @__PURE__ */ E("div", {
+						}), /* @__PURE__ */ D("div", {
 							className: "space-y-4",
-							children: [H.map((e) => /* @__PURE__ */ E("div", {
+							children: [V.map((e) => /* @__PURE__ */ D("div", {
 								className: "flex items-center justify-between rounded-lg border border-border-subtle bg-bg-sunken/30 p-4",
-								children: [/* @__PURE__ */ E("div", {
+								children: [/* @__PURE__ */ D("div", {
 									className: "flex-1 pr-4",
-									children: [/* @__PURE__ */ T("h4", {
+									children: [/* @__PURE__ */ E("h4", {
 										className: "text-sm font-medium text-text-primary",
 										children: e.label
-									}), /* @__PURE__ */ T("p", {
+									}), /* @__PURE__ */ E("p", {
 										className: "mt-0.5 text-xs text-text-secondary sm:text-sm",
 										children: e.description
 									})]
-								}), /* @__PURE__ */ T("button", {
+								}), /* @__PURE__ */ E("button", {
 									type: "button",
 									onClick: () => {
-										N && ve(e.id);
+										M && be(e.id);
 									},
-									disabled: !N,
-									className: t("relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full transition-colors duration-200", e.enabled ? "bg-action-primary-bg" : "bg-bg-sunken", !N && "cursor-not-allowed opacity-60"),
-									children: /* @__PURE__ */ T("span", { className: t("pointer-events-none inline-block h-5 w-5 translate-y-0.5 rounded-full bg-white shadow ring-0 transition-transform duration-200", e.enabled ? "translate-x-5" : "translate-x-0.5") })
+									disabled: !M,
+									className: t("relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full transition-colors duration-200", e.enabled ? "bg-action-primary-bg" : "bg-bg-sunken", !M && "cursor-not-allowed opacity-60"),
+									children: /* @__PURE__ */ E("span", { className: t("pointer-events-none inline-block h-5 w-5 translate-y-0.5 rounded-full bg-white shadow ring-0 transition-transform duration-200", e.enabled ? "translate-x-5" : "translate-x-0.5") })
 								})]
-							}, e.id)), /* @__PURE__ */ T("div", {
+							}, e.id)), /* @__PURE__ */ E("div", {
 								className: "mt-4 rounded-lg border border-border-subtle bg-bg-sunken/50 p-4",
-								children: /* @__PURE__ */ E("p", {
+								children: /* @__PURE__ */ D("p", {
 									className: "text-sm text-text-secondary",
 									children: [
-										H.filter((e) => e.enabled).length,
+										V.filter((e) => e.enabled).length,
 										" of ",
-										H.length,
+										V.length,
 										" ",
 										"notification types enabled.",
-										!N && /* @__PURE__ */ T("span", {
+										!M && /* @__PURE__ */ E("span", {
 											className: "ml-1",
 											children: "Click \"Edit Profile\" to modify preferences."
 										})
@@ -1056,10 +1061,10 @@ function A() {
 					]
 				})
 			})]
-		})
+		})]
 	});
 }
 //#endregion
-export { A as InvestorProfilePage };
+export { k as InvestorProfilePage };
 
 //# sourceMappingURL=InvestorProfilePage.js.map