@burdenoff/microfe-adaptercloud 2026.624.1 → 2026.625.2

package/dist/adaptercloud/pages/admin/AdminAnalyticsPage.js

@@ -6,13 +6,14 @@ import { formatCurrency as i } from "../../utils/formatters.js";
 import { useEffect as a, useState as o } from "react";
 import { Award as s, BarChart3 as c, IndianRupee as l, Loader2 as u, ShoppingBag as d, Star as f, Timer as p, Users as m, Zap as h } from "lucide-react";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { EmphasisPanel as v } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/pages/admin/AdminAnalyticsPage.tsx
-function v() {
-	let { currentUser: v } = e(), [y, b] = o(null), [x, S] = o(!0), [C, w] = o("month"), [T, E] = o("overview");
+function y() {
+	let { currentUser: y } = e(), [b, x] = o(null), [S, C] = o(!0), [w, T] = o("month"), [E, D] = o("overview");
 	a(() => {
-		S(!0);
+		C(!0);
 		let e = setTimeout(() => {
-			b({
+			x({
 				revenue: {
 					total: 125e5,
 					growth: 15.2,
@@ -114,12 +115,12 @@ function v() {
 						revenue: 189e4
 					}
 				] }
-			}), S(!1);
+			}), C(!1);
 		}, 800);
 		return () => clearTimeout(e);
-	}, [C]);
-	let D = (e) => e >= 1e7 ? `₹${(e / 1e7).toFixed(1)}Cr` : e >= 1e5 ? `₹${(e / 1e5).toFixed(1)}L` : i(e, { minimumFractionDigits: 0 }), O = (e) => e === 0 ? /* @__PURE__ */ g(s, { className: "h-5 w-5 text-yellow-500" }) : e === 1 ? /* @__PURE__ */ g(s, { className: "h-5 w-5 text-gray-400" }) : e === 2 ? /* @__PURE__ */ g(s, { className: "h-5 w-5 text-amber-700" }) : /* @__PURE__ */ g(c, { className: "h-5 w-5 text-text-secondary" });
-	if (x || !y) return /* @__PURE__ */ g(n, {
+	}, [w]);
+	let O = (e) => e >= 1e7 ? `₹${(e / 1e7).toFixed(1)}Cr` : e >= 1e5 ? `₹${(e / 1e5).toFixed(1)}L` : i(e, { minimumFractionDigits: 0 }), k = (e) => e === 0 ? /* @__PURE__ */ g(s, { className: "h-5 w-5 text-status-warning-text" }) : e === 1 ? /* @__PURE__ */ g(s, { className: "h-5 w-5 text-text-secondary" }) : e === 2 ? /* @__PURE__ */ g(s, { className: "h-5 w-5 text-status-warning-text" }) : /* @__PURE__ */ g(c, { className: "h-5 w-5 text-text-secondary" });
+	if (S || !b) return /* @__PURE__ */ g(n, {
 		title: "Platform Analytics",
 		description: "Loading analytics...",
 		children: /* @__PURE__ */ _("div", {
@@ -130,7 +131,7 @@ function v() {
 			})]
 		})
 	});
-	let k = [
+	let A = [
 		{
 			key: "overview",
 			label: "Overview",
@@ -155,12 +156,13 @@ function v() {
 	return /* @__PURE__ */ _(n, {
 		title: "Platform Analytics",
 		description: "Comprehensive platform metrics and trends",
+		purpose: "See how the whole marketplace is performing over time — growth in users and carts, order volume, revenue trends, and category breakdowns. Use it to spot what's working, catch dips early, and decide where to focus.",
 		children: [
 			/* @__PURE__ */ _("div", {
 				className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-6",
 				children: [/* @__PURE__ */ _("select", {
-					value: C,
-					onChange: (e) => w(e.target.value),
+					value: w,
+					onChange: (e) => T(e.target.value),
 					className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] w-fit",
 					children: [
 						/* @__PURE__ */ g("option", {
@@ -189,37 +191,43 @@ function v() {
 					children: ["Last updated: ", (/* @__PURE__ */ new Date()).toLocaleString("en-IN")]
 				})]
 			}),
-			/* @__PURE__ */ _("div", {
-				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-8",
-				children: [
-					/* @__PURE__ */ g(r, {
-						icon: /* @__PURE__ */ g(l, { className: "h-5 w-5" }),
-						value: D(y.revenue.total),
-						label: "Total Revenue",
-						trend: "up",
-						trendValue: `+${y.revenue.growth}%`
-					}),
-					/* @__PURE__ */ g(r, {
-						icon: /* @__PURE__ */ g(d, { className: "h-5 w-5" }),
-						value: y.orders.total.toLocaleString("en-IN"),
-						label: "Total Orders",
-						trend: "up",
-						trendValue: `+${y.orders.growth}%`
-					}),
-					/* @__PURE__ */ g(r, {
-						icon: /* @__PURE__ */ g(m, { className: "h-5 w-5" }),
-						value: y.users.active.toLocaleString("en-IN"),
-						label: "Active Users",
-						trend: "up",
-						trendValue: `+${y.users.growth}%`
-					}),
-					/* @__PURE__ */ g(r, {
-						icon: /* @__PURE__ */ g(c, { className: "h-5 w-5" }),
-						value: y.carts.active.toLocaleString("en-IN"),
-						label: "Active Carts",
-						trendValue: `${y.carts.pending} pending`
-					})
-				]
+			/* @__PURE__ */ _(v, {
+				className: "mb-8",
+				children: [/* @__PURE__ */ g("h2", {
+					className: "text-lg font-semibold text-text-primary mb-4",
+					children: "Key Metrics"
+				}), /* @__PURE__ */ _("div", {
+					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
+					children: [
+						/* @__PURE__ */ g(r, {
+							icon: /* @__PURE__ */ g(l, { className: "h-5 w-5" }),
+							value: O(b.revenue.total),
+							label: "Total Revenue",
+							trend: "up",
+							trendValue: `+${b.revenue.growth}%`
+						}),
+						/* @__PURE__ */ g(r, {
+							icon: /* @__PURE__ */ g(d, { className: "h-5 w-5" }),
+							value: b.orders.total.toLocaleString("en-IN"),
+							label: "Total Orders",
+							trend: "up",
+							trendValue: `+${b.orders.growth}%`
+						}),
+						/* @__PURE__ */ g(r, {
+							icon: /* @__PURE__ */ g(m, { className: "h-5 w-5" }),
+							value: b.users.active.toLocaleString("en-IN"),
+							label: "Active Users",
+							trend: "up",
+							trendValue: `+${b.users.growth}%`
+						}),
+						/* @__PURE__ */ g(r, {
+							icon: /* @__PURE__ */ g(c, { className: "h-5 w-5" }),
+							value: b.carts.active.toLocaleString("en-IN"),
+							label: "Active Carts",
+							trendValue: `${b.carts.pending} pending`
+						})
+					]
+				})]
 			}),
 			/* @__PURE__ */ _("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface mb-8",
@@ -227,12 +235,12 @@ function v() {
 					className: "border-b border-border-subtle",
 					children: /* @__PURE__ */ g("nav", {
 						className: "flex -mb-px overflow-x-auto",
-						children: k.map((e) => {
+						children: A.map((e) => {
 							let n = e.icon;
 							return /* @__PURE__ */ _("button", {
 								type: "button",
-								onClick: () => E(e.key),
-								className: t("flex items-center gap-2 py-3 px-4 sm:px-6 text-sm font-medium whitespace-nowrap border-b-2 transition-colors", T === e.key ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
+								onClick: () => D(e.key),
+								className: t("flex items-center gap-2 py-3 px-4 sm:px-6 text-sm font-medium whitespace-nowrap border-b-2 transition-colors", E === e.key ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
 								children: [/* @__PURE__ */ g(n, { className: "h-4 w-4" }), /* @__PURE__ */ g("span", {
 									className: "hidden sm:inline",
 									children: e.label
@@ -243,7 +251,7 @@ function v() {
 				}), /* @__PURE__ */ _("div", {
 					className: "p-4 sm:p-6",
 					children: [
-						T === "overview" && /* @__PURE__ */ _("div", {
+						E === "overview" && /* @__PURE__ */ _("div", {
 							className: "space-y-8",
 							children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h3", {
 								className: "text-lg font-semibold text-text-primary mb-4",
@@ -252,53 +260,53 @@ function v() {
 								className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
 								children: [
 									/* @__PURE__ */ _("div", {
-										className: "rounded-lg border border-green-500/30 bg-green-500/10 p-4",
+										className: "rounded-lg border border-status-success-border/30 bg-status-success-bg-subtle/10 p-4",
 										children: [
 											/* @__PURE__ */ g("p", {
-												className: "text-sm text-green-600 dark:text-green-400",
+												className: "text-sm text-status-success-text",
 												children: "Completed Orders"
 											}),
 											/* @__PURE__ */ g("p", {
-												className: "text-2xl font-bold text-green-700 dark:text-green-300",
-												children: y.orders.completed.toLocaleString("en-IN")
+												className: "text-2xl font-bold text-status-success-text",
+												children: b.orders.completed.toLocaleString("en-IN")
 											}),
 											/* @__PURE__ */ _("p", {
-												className: "text-sm text-green-600/80 dark:text-green-400/80",
-												children: [(y.orders.completed / y.orders.total * 100).toFixed(1), "% of total"]
+												className: "text-sm text-status-success-text",
+												children: [(b.orders.completed / b.orders.total * 100).toFixed(1), "% of total"]
 											})
 										]
 									}),
 									/* @__PURE__ */ _("div", {
-										className: "rounded-lg border border-yellow-500/30 bg-yellow-500/10 p-4",
+										className: "rounded-lg border border-status-warning-border/30 bg-status-warning-bg-subtle/10 p-4",
 										children: [
 											/* @__PURE__ */ g("p", {
-												className: "text-sm text-yellow-600 dark:text-yellow-400",
+												className: "text-sm text-status-warning-text",
 												children: "Pending Orders"
 											}),
 											/* @__PURE__ */ g("p", {
-												className: "text-2xl font-bold text-yellow-700 dark:text-yellow-300",
-												children: y.orders.pending.toLocaleString("en-IN")
+												className: "text-2xl font-bold text-status-warning-text",
+												children: b.orders.pending.toLocaleString("en-IN")
 											}),
 											/* @__PURE__ */ _("p", {
-												className: "text-sm text-yellow-600/80 dark:text-yellow-400/80",
-												children: [(y.orders.pending / y.orders.total * 100).toFixed(1), "% of total"]
+												className: "text-sm text-status-warning-text",
+												children: [(b.orders.pending / b.orders.total * 100).toFixed(1), "% of total"]
 											})
 										]
 									}),
 									/* @__PURE__ */ _("div", {
-										className: "rounded-lg border border-red-500/30 bg-red-500/10 p-4",
+										className: "rounded-lg border border-status-error-border/30 bg-status-error-bg-subtle/10 p-4",
 										children: [
 											/* @__PURE__ */ g("p", {
-												className: "text-sm text-red-600 dark:text-red-400",
+												className: "text-sm text-status-error-text",
 												children: "Cancelled Orders"
 											}),
 											/* @__PURE__ */ g("p", {
-												className: "text-2xl font-bold text-red-700 dark:text-red-300",
-												children: y.orders.cancelled.toLocaleString("en-IN")
+												className: "text-2xl font-bold text-status-error-text",
+												children: b.orders.cancelled.toLocaleString("en-IN")
 											}),
 											/* @__PURE__ */ _("p", {
-												className: "text-sm text-red-600/80 dark:text-red-400/80",
-												children: [(y.orders.cancelled / y.orders.total * 100).toFixed(1), "% of total"]
+												className: "text-sm text-status-error-text",
+												children: [(b.orders.cancelled / b.orders.total * 100).toFixed(1), "% of total"]
 											})
 										]
 									})
@@ -332,14 +340,14 @@ function v() {
 										]
 									}) }), /* @__PURE__ */ g("tbody", {
 										className: "divide-y divide-border",
-										children: y.carts.topPerforming.map((e, t) => /* @__PURE__ */ _("tr", {
+										children: b.carts.topPerforming.map((e, t) => /* @__PURE__ */ _("tr", {
 											className: "hover:bg-accent/50 transition-colors",
 											children: [
 												/* @__PURE__ */ g("td", {
 													className: "px-4 py-3",
 													children: /* @__PURE__ */ _("div", {
 														className: "flex items-center gap-2",
-														children: [O(t), /* @__PURE__ */ g("span", {
+														children: [k(t), /* @__PURE__ */ g("span", {
 															className: "text-sm font-medium text-text-primary",
 															children: e.name
 														})]
@@ -347,7 +355,7 @@ function v() {
 												}),
 												/* @__PURE__ */ g("td", {
 													className: "px-4 py-3 text-sm text-right font-medium text-text-primary",
-													children: D(e.revenue)
+													children: O(e.revenue)
 												}),
 												/* @__PURE__ */ g("td", {
 													className: "px-4 py-3 text-sm text-right text-text-primary",
@@ -357,7 +365,7 @@ function v() {
 													className: "px-4 py-3 text-sm text-right text-text-primary",
 													children: /* @__PURE__ */ _("span", {
 														className: "flex items-center justify-end gap-1",
-														children: [/* @__PURE__ */ g(f, { className: "h-3.5 w-3.5 fill-yellow-400 text-yellow-400" }), e.rating]
+														children: [/* @__PURE__ */ g(f, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }), e.rating]
 													})
 												})
 											]
@@ -366,19 +374,19 @@ function v() {
 								})
 							})] })]
 						}),
-						T === "revenue" && /* @__PURE__ */ _("div", {
+						E === "revenue" && /* @__PURE__ */ _("div", {
 							className: "space-y-8",
 							children: [/* @__PURE__ */ _("div", {
 								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 								children: [
 									/* @__PURE__ */ _("div", {
-										className: "rounded-lg border border-blue-500/30 bg-blue-500/10 p-6",
+										className: "rounded-lg border border-accent-blue-subtle/30 bg-accent-blue-subtle/10 p-6",
 										children: [/* @__PURE__ */ g("h4", {
-											className: "text-sm font-medium text-blue-600 dark:text-blue-400 mb-2",
+											className: "text-sm font-medium text-accent-blue mb-2",
 											children: "This Month"
 										}), /* @__PURE__ */ g("p", {
-											className: "text-2xl font-bold text-blue-700 dark:text-blue-300",
-											children: D(y.revenue.thisMonth)
+											className: "text-2xl font-bold text-accent-blue",
+											children: O(b.revenue.thisMonth)
 										})]
 									}),
 									/* @__PURE__ */ _("div", {
@@ -388,17 +396,17 @@ function v() {
 											children: "Last Month"
 										}), /* @__PURE__ */ g("p", {
 											className: "text-2xl font-bold text-text-primary",
-											children: D(y.revenue.lastMonth)
+											children: O(b.revenue.lastMonth)
 										})]
 									}),
 									/* @__PURE__ */ _("div", {
-										className: "rounded-lg border border-green-500/30 bg-green-500/10 p-6",
+										className: "rounded-lg border border-status-success-border/30 bg-status-success-bg-subtle/10 p-6",
 										children: [/* @__PURE__ */ g("h4", {
-											className: "text-sm font-medium text-green-600 dark:text-green-400 mb-2",
+											className: "text-sm font-medium text-status-success-text mb-2",
 											children: "Average Order Value"
 										}), /* @__PURE__ */ _("p", {
-											className: "text-2xl font-bold text-green-700 dark:text-green-300",
-											children: ["₹", y.orders.averageOrderValue]
+											className: "text-2xl font-bold text-status-success-text",
+											children: ["₹", b.orders.averageOrderValue]
 										})]
 									})
 								]
@@ -407,11 +415,11 @@ function v() {
 								children: "Revenue by City"
 							}), /* @__PURE__ */ g("div", {
 								className: "space-y-3",
-								children: y.geography.topCities.map((e, t) => /* @__PURE__ */ _("div", {
+								children: b.geography.topCities.map((e, t) => /* @__PURE__ */ _("div", {
 									className: "flex items-center justify-between p-4 rounded-lg border border-border-subtle bg-bg-sunken/30",
 									children: [/* @__PURE__ */ _("div", {
 										className: "flex items-center gap-3",
-										children: [O(t), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+										children: [k(t), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 											className: "font-medium text-text-primary",
 											children: e.city
 										}), /* @__PURE__ */ _("p", {
@@ -422,38 +430,38 @@ function v() {
 										className: "text-right",
 										children: [/* @__PURE__ */ g("p", {
 											className: "font-bold text-text-primary",
-											children: D(e.revenue)
+											children: O(e.revenue)
 										}), /* @__PURE__ */ _("p", {
 											className: "text-sm text-text-secondary",
-											children: [(e.revenue / y.revenue.total * 100).toFixed(1), "%"]
+											children: [(e.revenue / b.revenue.total * 100).toFixed(1), "%"]
 										})]
 									})]
 								}, e.city))
 							})] })]
 						}),
-						T === "users" && /* @__PURE__ */ _("div", {
+						E === "users" && /* @__PURE__ */ _("div", {
 							className: "space-y-8",
 							children: [/* @__PURE__ */ g("div", {
 								className: "grid grid-cols-1 md:grid-cols-4 gap-4",
 								children: [
 									{
 										label: "Customers",
-										value: y.users.customers,
+										value: b.users.customers,
 										color: "blue"
 									},
 									{
 										label: "Cart Owners",
-										value: y.users.cartOwners,
+										value: b.users.cartOwners,
 										color: "green"
 									},
 									{
 										label: "Workers",
-										value: y.users.workers,
+										value: b.users.workers,
 										color: "yellow"
 									},
 									{
 										label: "Investors",
-										value: y.users.investors,
+										value: b.users.investors,
 										color: "purple"
 									}
 								].map((e) => /* @__PURE__ */ _("div", {
@@ -469,7 +477,7 @@ function v() {
 										}),
 										/* @__PURE__ */ _("p", {
 											className: t("text-sm", `text-${e.color}-600/80 dark:text-${e.color}-400/80`),
-											children: [(e.value / y.users.total * 100).toFixed(1), "%"]
+											children: [(e.value / b.users.total * 100).toFixed(1), "%"]
 										})
 									]
 								}, e.label))
@@ -484,26 +492,26 @@ function v() {
 										className: "text-sm text-text-secondary mb-2",
 										children: "New Users This Month"
 									}), /* @__PURE__ */ g("p", {
-										className: "text-3xl font-bold text-blue-600 dark:text-blue-400",
-										children: y.users.newThisMonth
+										className: "text-3xl font-bold text-accent-blue",
+										children: b.users.newThisMonth
 									})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 										className: "text-sm text-text-secondary mb-2",
 										children: "Active Users Rate"
 									}), /* @__PURE__ */ _("p", {
-										className: "text-3xl font-bold text-green-600 dark:text-green-400",
-										children: [(y.users.active / y.users.total * 100).toFixed(1), "%"]
+										className: "text-3xl font-bold text-status-success-text",
+										children: [(b.users.active / b.users.total * 100).toFixed(1), "%"]
 									})] })]
 								})]
 							})]
 						}),
-						T === "performance" && /* @__PURE__ */ _("div", {
+						E === "performance" && /* @__PURE__ */ _("div", {
 							className: "space-y-8",
 							children: [
 								/* @__PURE__ */ _("div", {
 									className: "grid grid-cols-1 md:grid-cols-3 gap-6",
 									children: [
 										/* @__PURE__ */ _("div", {
-											className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
+											className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 											children: [
 												/* @__PURE__ */ _("div", {
 													className: "flex items-center gap-2 mb-2",
@@ -514,7 +522,7 @@ function v() {
 												}),
 												/* @__PURE__ */ _("p", {
 													className: "text-3xl font-bold text-text-primary",
-													children: [y.performance.averageDeliveryTime, " min"]
+													children: [b.performance.averageDeliveryTime, " min"]
 												}),
 												/* @__PURE__ */ g("p", {
 													className: "text-sm text-text-secondary mt-1",
@@ -523,7 +531,7 @@ function v() {
 											]
 										}),
 										/* @__PURE__ */ _("div", {
-											className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
+											className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 											children: [
 												/* @__PURE__ */ _("div", {
 													className: "flex items-center gap-2 mb-2",
@@ -534,7 +542,7 @@ function v() {
 												}),
 												/* @__PURE__ */ _("p", {
 													className: "text-3xl font-bold text-text-primary flex items-center gap-1",
-													children: [/* @__PURE__ */ g(f, { className: "h-6 w-6 fill-yellow-400 text-yellow-400" }), y.performance.customerSatisfaction]
+													children: [/* @__PURE__ */ g(f, { className: "h-6 w-6 fill-status-warning-text text-status-warning-text" }), b.performance.customerSatisfaction]
 												}),
 												/* @__PURE__ */ g("p", {
 													className: "text-sm text-text-secondary mt-1",
@@ -543,7 +551,7 @@ function v() {
 											]
 										}),
 										/* @__PURE__ */ _("div", {
-											className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
+											className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 											children: [
 												/* @__PURE__ */ _("div", {
 													className: "flex items-center gap-2 mb-2",
@@ -554,7 +562,7 @@ function v() {
 												}),
 												/* @__PURE__ */ _("p", {
 													className: "text-3xl font-bold text-text-primary",
-													children: [y.performance.platformFee, "%"]
+													children: [b.performance.platformFee, "%"]
 												}),
 												/* @__PURE__ */ g("p", {
 													className: "text-sm text-text-secondary mt-1",
@@ -578,39 +586,39 @@ function v() {
 													className: "text-sm text-text-secondary mb-2",
 													children: "Operating Costs"
 												}), /* @__PURE__ */ g("p", {
-													className: "text-2xl font-bold text-red-600 dark:text-red-400",
-													children: D(y.performance.operatingCosts)
+													className: "text-2xl font-bold text-status-error-text",
+													children: O(b.performance.operatingCosts)
 												})] }),
 												/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 													className: "text-sm text-text-secondary mb-2",
 													children: "Total Revenue"
 												}), /* @__PURE__ */ g("p", {
-													className: "text-2xl font-bold text-blue-600 dark:text-blue-400",
-													children: D(y.revenue.total)
+													className: "text-2xl font-bold text-accent-blue",
+													children: O(b.revenue.total)
 												})] }),
 												/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 													className: "text-sm text-text-secondary mb-2",
 													children: "Net Profit"
 												}), /* @__PURE__ */ g("p", {
-													className: "text-2xl font-bold text-green-600 dark:text-green-400",
-													children: D(y.performance.netProfit)
+													className: "text-2xl font-bold text-status-success-text",
+													children: O(b.performance.netProfit)
 												})] })
 											]
 										}),
 										/* @__PURE__ */ _("div", {
-											className: "mt-4 rounded-lg border border-border-subtle bg-bg-surface p-4",
+											className: "mt-4 rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 											children: [/* @__PURE__ */ g("p", {
 												className: "text-sm text-text-secondary",
 												children: "Profit Margin"
 											}), /* @__PURE__ */ _("p", {
 												className: "text-xl font-bold text-text-primary",
-												children: [(y.performance.netProfit / y.revenue.total * 100).toFixed(1), "%"]
+												children: [(b.performance.netProfit / b.revenue.total * 100).toFixed(1), "%"]
 											})]
 										})
 									]
 								}),
 								/* @__PURE__ */ _("div", {
-									className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
+									className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 									children: [/* @__PURE__ */ g("h3", {
 										className: "text-lg font-semibold text-text-primary mb-4",
 										children: "Today's Performance"
@@ -620,14 +628,14 @@ function v() {
 											className: "text-sm text-text-secondary mb-2",
 											children: "Orders Today"
 										}), /* @__PURE__ */ g("p", {
-											className: "text-3xl font-bold text-blue-600 dark:text-blue-400",
-											children: y.orders.ordersToday
+											className: "text-3xl font-bold text-accent-blue",
+											children: b.orders.ordersToday
 										})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 											className: "text-sm text-text-secondary mb-2",
 											children: "Estimated Revenue"
 										}), /* @__PURE__ */ g("p", {
-											className: "text-3xl font-bold text-green-600 dark:text-green-400",
-											children: D(y.orders.ordersToday * y.orders.averageOrderValue)
+											className: "text-3xl font-bold text-status-success-text",
+											children: O(b.orders.ordersToday * b.orders.averageOrderValue)
 										})] })]
 									})]
 								})
@@ -640,6 +648,6 @@ function v() {
 	});
 }
 //#endregion
-export { v as AdminAnalyticsPage };
+export { y as AdminAnalyticsPage };
 
 //# sourceMappingURL=AdminAnalyticsPage.js.map