@voxket-ai/events-sdk 1.0.2 → 1.0.4

package/dist/events-sdk.js

@@ -200,6 +200,49 @@ var g = class {
 	async portalDeleteFile(e, t) {
 		return this.deleteFile(t, e);
 	}
+	async portalSubmitReviewSubmission(e, t, n, r) {
+		return this.submitReviewSubmission({
+			token: e,
+			fieldLabel: t,
+			file: n,
+			text: r
+		});
+	}
+	async submitReviewSubmission({ fieldLabel: e, file: t, text: n, token: r, email: i }) {
+		let a = new FormData();
+		a.append("field_label", e), t && a.append("file", t), n != null && n.trim() !== "" && a.append("text", n.trim());
+		let o = {};
+		if (r) o.Authorization = `Bearer ${r}`;
+		else if (i) a.append("email", i.trim());
+		else throw Error("An email or login token is required to submit this field.");
+		let s = [`${this.baseUrl}/api/portal/${this.slug}/me/submissions/`, `${this.baseUrl}/api/portal/${this.slug}/me/submissions`], c = null;
+		for (let e = 0; e < s.length; e++) {
+			let t = s[e];
+			this.logger.log(`API Call: POST ${t} (submit file/text)`);
+			let n = new AbortController(), r = setTimeout(() => n.abort(), this.timeoutMs);
+			try {
+				let i = await fetch(t, {
+					method: "POST",
+					signal: n.signal,
+					headers: o,
+					body: a
+				});
+				clearTimeout(r);
+				let c = null;
+				try {
+					c = await i.json();
+				} catch {}
+				if (i.ok) return c;
+				if ((i.status === 404 || i.status === 405) && e < s.length - 1) continue;
+				let l = c?.message || c?.error || c?.detail || "Submission upload failed";
+				throw Error(l);
+			} catch (t) {
+				if (clearTimeout(r), c = t, e < s.length - 1 && !t?.message?.includes("timed out")) continue;
+				throw t?.name === "AbortError" ? Error(`Submission timed out after ${this.timeoutMs / 1e3} seconds`) : t;
+			}
+		}
+		throw c || /* @__PURE__ */ Error("Submission upload failed");
+	}
 	async portalUpdateProfile(e, t) {
 		let n = `${this.baseUrl}/api/portal/${this.slug}/me/`;
 		this.logger.log(`API Call: PATCH ${n}`);
@@ -271,7 +314,7 @@ var g = class {
 }, y = (e) => e?.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 //#endregion
 //#region node_modules/lucide-react/dist/esm/shared/src/utils/toLucideIconData.mjs
-function b(e, t, n = []) {
+function ee(e, t, n = []) {
 	if (t == null) throw Error("[lucide]: iconNode is required when icon name is used");
 	return {
 		name: y(e),
@@ -282,7 +325,7 @@ function b(e, t, n = []) {
 }
 //#endregion
 //#region node_modules/lucide-react/dist/esm/shared/src/utils/toCamelCase.mjs
-var x = (e) => {
+var b = (e) => {
 	let t = "", n = !1;
 	for (let r of e) {
 		if (r === "-" || r === "_" || r <= " ") {
@@ -292,10 +335,10 @@ var x = (e) => {
 		t.length === 0 ? t += r.toLowerCase() : t += n ? r.toUpperCase() : r, n = !1;
 	}
 	return t;
-}, S = (e) => {
-	let t = x(e);
+}, x = (e) => {
+	let t = b(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
-}, C = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), w = {
+}, S = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), C = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -308,22 +351,22 @@ var x = (e) => {
 };
 //#endregion
 //#region node_modules/lucide-react/dist/esm/shared/src/build/buildLucideIconNode.mjs
-function T(e) {
+function w(e) {
 	return e != null;
 }
-function E(e, t = {}) {
-	let n = t.attributeNames ?? {}, r = (e) => n[e] ?? e, i = e.size ?? e.width ?? w.width, a = e.size ?? e.height ?? w.height, o = e.aliases?.filter((e) => typeof e == "string" && e.trim() !== "").map((e) => `lucide-${e}`) ?? [], s = [...e.name ? [`lucide-${e.name}`] : [], ...o], c = t.className?.split(" ").filter(Boolean) ?? [], l = t.includeDefaultClasses === !1 ? C(...c) : C("lucide", ...s, ...c), u = t.absoluteStrokeWidth ? Number(t.strokeWidth ?? w["stroke-width"]) * Number(e.size ?? e.width ?? w.width) / Number(t.size ?? t.width ?? w.width) : t.strokeWidth ?? w["stroke-width"];
+function T(e, t = {}) {
+	let n = t.attributeNames ?? {}, r = (e) => n[e] ?? e, i = e.size ?? e.width ?? C.width, a = e.size ?? e.height ?? C.height, o = e.aliases?.filter((e) => typeof e == "string" && e.trim() !== "").map((e) => `lucide-${e}`) ?? [], s = [...e.name ? [`lucide-${e.name}`] : [], ...o], c = t.className?.split(" ").filter(Boolean) ?? [], l = t.includeDefaultClasses === !1 ? S(...c) : S("lucide", ...s, ...c), u = t.absoluteStrokeWidth ? Number(t.strokeWidth ?? C["stroke-width"]) * Number(e.size ?? e.width ?? C.width) / Number(t.size ?? t.width ?? C.width) : t.strokeWidth ?? C["stroke-width"];
 	return [
 		"svg",
 		{
-			...Object.entries(w).reduce((e, [t, n]) => (e[r(t)] = n, e), {}),
+			...Object.entries(C).reduce((e, [t, n]) => (e[r(t)] = n, e), {}),
 			..."color" in t && t.color && { [r("stroke")]: t.color },
-			..."size" in t && T(t.size) && {
+			..."size" in t && w(t.size) && {
 				[r("width")]: t.size,
 				[r("height")]: t.size
 			},
-			..."width" in t && T(t.width) && { [r("width")]: t.width },
-			..."height" in t && T(t.height) && { [r("height")]: t.height },
+			..."width" in t && w(t.width) && { [r("width")]: t.width },
+			..."height" in t && w(t.height) && { [r("height")]: t.height },
 			[r("stroke-width")]: u,
 			...l && { [r("class")]: l },
 			[r("viewBox")]: `0 0 ${i} ${a}`,
@@ -345,8 +388,8 @@ function E(e, t = {}) {
 }
 //#endregion
 //#region node_modules/lucide-react/dist/esm/shared/src/build/buildLucideIconForReact.mjs
-function D(e, t = {}) {
-	return E(e, {
+function E(e, t = {}) {
+	return T(e, {
 		...t,
 		attributeNames: {
 			...t.attributeNames,
@@ -360,44 +403,44 @@ function D(e, t = {}) {
 }
 //#endregion
 //#region node_modules/lucide-react/dist/esm/shared/src/utils/hasA11yProp.mjs
-var O = (e) => {
+var te = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, k = n({}), A = () => o(k), j = i(({ color: e, size: t, width: n, height: i, strokeWidth: a, absoluteStrokeWidth: o, nonScalingStroke: s, className: c = "", children: l, iconNode: u = [], icon: d = {
+}, D = n({}), ne = () => o(D), O = i(({ color: e, size: t, width: n, height: i, strokeWidth: a, absoluteStrokeWidth: o, nonScalingStroke: s, className: c = "", children: l, iconNode: u = [], icon: d = {
 	node: u,
 	aliases: [],
 	size: 24
 }, ...f }, p) => {
-	let { size: m = 24, strokeWidth: h = 2, absoluteStrokeWidth: g = !1, nonScalingStroke: _ = !1, color: v = "currentColor", className: y = "" } = A() ?? {}, b = !!l || O(f), [x, S, w = []] = D(d, {
+	let { size: m = 24, strokeWidth: h = 2, absoluteStrokeWidth: g = !1, nonScalingStroke: _ = !1, color: v = "currentColor", className: y = "" } = ne() ?? {}, ee = !!l || te(f), [b, x, C = []] = E(d, {
 		color: e ?? v,
 		width: n ?? t ?? m,
 		height: i ?? t ?? m,
 		strokeWidth: a ?? h,
 		absoluteStrokeWidth: o ?? g,
 		nonScalingStroke: s ?? _,
-		className: C(y, c),
-		hasA11yProp: b,
+		className: S(y, c),
+		hasA11yProp: ee,
 		attributes: f
 	});
-	return r(x, {
+	return r(b, {
 		ref: p,
-		...S
-	}, [...w.map(([e, t]) => r(e, t)), ...Array.isArray(l) ? l : [l]]);
+		...x
+	}, [...C.map(([e, t]) => r(e, t)), ...Array.isArray(l) ? l : [l]]);
 });
 //#endregion
 //#region node_modules/lucide-react/dist/esm/createLucideIcon.mjs
-function M(e, t = [], n = []) {
-	let a = typeof e == "string" ? b(e, t, n) : e, o = i(({ className: e, ...t }, n) => r(j, {
+function k(e, t = [], n = []) {
+	let a = typeof e == "string" ? ee(e, t, n) : e, o = i(({ className: e, ...t }, n) => r(O, {
 		ref: n,
 		icon: a,
 		className: e,
 		...t
 	}));
-	return a.name && (o.displayName = S(a.name)), o;
+	return a.name && (o.displayName = x(a.name)), o;
 }
 //#endregion
 //#region node_modules/lucide-react/dist/esm/icons/arrow-left.mjs
-var N = {
+var A = {
 	name: "arrow-left",
 	size: 24,
 	node: [["path", {
@@ -408,8 +451,64 @@ var N = {
 		key: "x3x0zl"
 	}]]
 };
+A.node;
+var j = k(A), M = {
+	name: "arrow-right",
+	size: 24,
+	node: [["path", {
+		d: "M5 12h14",
+		key: "1ays0h"
+	}], ["path", {
+		d: "m12 5 7 7-7 7",
+		key: "xquz4c"
+	}]]
+};
+M.node;
+var re = k(M), N = {
+	name: "briefcase",
+	size: 24,
+	node: [["path", {
+		d: "M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16",
+		key: "jecpp"
+	}], ["rect", {
+		width: "20",
+		height: "14",
+		x: "2",
+		y: "6",
+		rx: "2",
+		key: "i6l2r4"
+	}]]
+};
 N.node;
-var P = M(N), F = {
+var ie = k(N), P = {
+	name: "building-complex",
+	size: 24,
+	node: [
+		["path", {
+			d: "M10 12h4",
+			key: "a56b0p"
+		}],
+		["path", {
+			d: "M10 8h4",
+			key: "1sr2af"
+		}],
+		["path", {
+			d: "M14 21v-3a2 2 0 0 0-4 0v3",
+			key: "1rgiei"
+		}],
+		["path", {
+			d: "M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2",
+			key: "secmi2"
+		}],
+		["path", {
+			d: "M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16",
+			key: "16ra0t"
+		}]
+	],
+	aliases: ["building-2"]
+};
+P.node;
+var ae = k(P), F = {
 	name: "check",
 	size: 24,
 	node: [["path", {
@@ -418,7 +517,16 @@ var P = M(N), F = {
 	}]]
 };
 F.node;
-var I = M(F), L = {
+var I = k(F), oe = {
+	name: "chevron-down",
+	size: 24,
+	node: [["path", {
+		d: "m6 9 6 6 6-6",
+		key: "qrunsl"
+	}]]
+};
+oe.node;
+var se = k(oe), ce = {
 	name: "circle-alert",
 	size: 24,
 	node: [
@@ -445,8 +553,8 @@ var I = M(F), L = {
 	],
 	aliases: ["alert-circle"]
 };
-L.node;
-var R = M(L), z = {
+ce.node;
+var L = k(ce), R = {
 	name: "circle-check-big",
 	size: 24,
 	node: [["path", {
@@ -458,8 +566,37 @@ var R = M(L), z = {
 	}]],
 	aliases: ["check-circle"]
 };
-z.node;
-var ee = M(z), B = {
+R.node;
+var z = k(R), B = {
+	name: "circle-check",
+	size: 24,
+	node: [["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}], ["path", {
+		d: "m16 9-5.5 5.5L8 12",
+		key: "xofnsj"
+	}]],
+	aliases: ["check-circle-2"]
+};
+B.node;
+var le = k(B), V = {
+	name: "clock",
+	size: 24,
+	node: [["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}], ["path", {
+		d: "M12 6v6l4 2",
+		key: "mmk7yg"
+	}]]
+};
+V.node;
+var H = k(V), U = {
 	name: "credit-card",
 	size: 24,
 	node: [
@@ -484,8 +621,8 @@ var ee = M(z), B = {
 		}]
 	]
 };
-B.node;
-var te = M(B), V = {
+U.node;
+var ue = k(U), W = {
 	name: "external-link",
 	size: 24,
 	node: [
@@ -503,8 +640,8 @@ var te = M(B), V = {
 		}]
 	]
 };
-V.node;
-var ne = M(V), H = {
+W.node;
+var de = k(W), G = {
 	name: "file-text",
 	size: 24,
 	node: [
@@ -530,8 +667,57 @@ var ne = M(V), H = {
 		}]
 	]
 };
-H.node;
-var U = M(H), W = {
+G.node;
+var K = k(G), q = {
+	name: "folder-open",
+	size: 24,
+	node: [["path", {
+		d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2",
+		key: "usdka0"
+	}]]
+};
+q.node;
+var J = k(q), Y = {
+	name: "graduation-cap",
+	size: 24,
+	node: [
+		["path", {
+			d: "M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z",
+			key: "j76jl0"
+		}],
+		["path", {
+			d: "M22 10v6",
+			key: "1lu8f3"
+		}],
+		["path", {
+			d: "M6 12.5V16a6 3 0 0 0 12 0v-3.5",
+			key: "1r8lef"
+		}]
+	]
+};
+Y.node;
+var fe = k(Y), X = {
+	name: "info",
+	size: 24,
+	node: [
+		["circle", {
+			cx: "12",
+			cy: "12",
+			r: "10",
+			key: "1mglay"
+		}],
+		["path", {
+			d: "M12 16v-4",
+			key: "1dtifu"
+		}],
+		["path", {
+			d: "M12 8h.01",
+			key: "e9boi3"
+		}]
+	]
+};
+X.node;
+var pe = k(X), me = {
 	name: "key",
 	size: 24,
 	node: [
@@ -551,8 +737,8 @@ var U = M(H), W = {
 		}]
 	]
 };
-W.node;
-var G = M(W), K = {
+me.node;
+var he = k(me), ge = {
 	name: "lock",
 	size: 24,
 	node: [["rect", {
@@ -568,8 +754,8 @@ var G = M(W), K = {
 		key: "fwvmzm"
 	}]]
 };
-K.node;
-var q = M(K), J = {
+ge.node;
+var _e = k(ge), ve = {
 	name: "log-out",
 	size: 24,
 	node: [
@@ -587,8 +773,8 @@ var q = M(K), J = {
 		}]
 	]
 };
-J.node;
-var Y = M(J), X = {
+ve.node;
+var Z = k(ve), ye = {
 	name: "mail",
 	size: 24,
 	node: [["path", {
@@ -603,8 +789,22 @@ var Y = M(J), X = {
 		key: "izxlao"
 	}]]
 };
-X.node;
-var re = M(X), ie = {
+ye.node;
+var Q = k(ye), be = {
+	name: "map-pin",
+	size: 24,
+	node: [["path", {
+		d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0",
+		key: "1r0f0z"
+	}], ["circle", {
+		cx: "12",
+		cy: "10",
+		r: "3",
+		key: "ilqhr7"
+	}]]
+};
+be.node;
+var xe = k(be), Se = {
 	name: "maximize-2",
 	size: 24,
 	node: [
@@ -626,8 +826,8 @@ var re = M(X), ie = {
 		}]
 	]
 };
-ie.node;
-var ae = M(ie), Z = {
+Se.node;
+var Ce = k(Se), we = {
 	name: "minimize-2",
 	size: 24,
 	node: [
@@ -649,8 +849,8 @@ var ae = M(ie), Z = {
 		}]
 	]
 };
-Z.node;
-var oe = M(Z), Q = {
+we.node;
+var Te = k(we), Ee = {
 	name: "move",
 	size: 24,
 	node: [
@@ -680,8 +880,8 @@ var oe = M(Z), Q = {
 		}]
 	]
 };
-Q.node;
-var se = M(Q), ce = {
+Ee.node;
+var De = k(Ee), Oe = {
 	name: "package-check",
 	size: 24,
 	node: [
@@ -707,8 +907,17 @@ var se = M(Q), ce = {
 		}]
 	]
 };
-ce.node;
-var le = M(ce), ue = {
+Oe.node;
+var ke = k(Oe), Ae = {
+	name: "phone",
+	size: 24,
+	node: [["path", {
+		d: "M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384",
+		key: "9njp5v"
+	}]]
+};
+Ae.node;
+var je = k(Ae), Me = {
 	name: "receipt",
 	size: 24,
 	node: [
@@ -726,8 +935,71 @@ var le = M(ce), ue = {
 		}]
 	]
 };
-ue.node;
-var de = M(ue), $ = {
+Me.node;
+var Ne = k(Me), Pe = {
+	name: "search",
+	size: 24,
+	node: [["path", {
+		d: "m21 21-4.34-4.34",
+		key: "14j7rj"
+	}], ["circle", {
+		cx: "11",
+		cy: "11",
+		r: "8",
+		key: "4ej97u"
+	}]]
+};
+Pe.node;
+var Fe = k(Pe), Ie = {
+	name: "sparkles",
+	size: 24,
+	node: [
+		["path", {
+			d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",
+			key: "1s2grr"
+		}],
+		["path", {
+			d: "M20 2v4",
+			key: "1rf3ol"
+		}],
+		["path", {
+			d: "M22 4h-4",
+			key: "gwowj6"
+		}],
+		["circle", {
+			cx: "4",
+			cy: "20",
+			r: "2",
+			key: "6kqj1y"
+		}]
+	],
+	aliases: ["stars"]
+};
+Ie.node;
+var Le = k(Ie), Re = {
+	name: "ticket",
+	size: 24,
+	node: [
+		["path", {
+			d: "M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z",
+			key: "qn84l0"
+		}],
+		["path", {
+			d: "M13 5v2",
+			key: "dyzc3o"
+		}],
+		["path", {
+			d: "M13 17v2",
+			key: "1ont0d"
+		}],
+		["path", {
+			d: "M13 11v2",
+			key: "1wjjxi"
+		}]
+	]
+};
+Re.node;
+var ze = k(Re), Be = {
 	name: "trash",
 	size: 24,
 	node: [
@@ -754,8 +1026,8 @@ var de = M(ue), $ = {
 	],
 	aliases: ["trash-2"]
 };
-$.node;
-var fe = M($), pe = {
+Be.node;
+var Ve = k(Be), He = {
 	name: "upload",
 	size: 24,
 	node: [
@@ -773,8 +1045,22 @@ var fe = M($), pe = {
 		}]
 	]
 };
-pe.node;
-var me = M(pe), he = {
+He.node;
+var Ue = k(He), We = {
+	name: "user",
+	size: 24,
+	node: [["path", {
+		d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",
+		key: "975kel"
+	}], ["circle", {
+		cx: "12",
+		cy: "7",
+		r: "4",
+		key: "17ys0d"
+	}]]
+};
+We.node;
+var Ge = k(We), Ke = {
 	name: "x",
 	size: 24,
 	node: [["path", {
@@ -785,9 +1071,9 @@ var me = M(pe), he = {
 		key: "d8bk6v"
 	}]]
 };
-he.node;
-var ge = M(he), _e = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode: i, isExpanded: a, onToggleExpand: o, onClose: c, onChange: l, initialValues: u, isDark: f = !1, apiClient: h, storage: g, onError: _, onEvent: v }) => {
-	let [y, b] = d(u || {}), [x, S] = d(null), [C, w] = d(null), [T, E] = d({}), [D, O] = d({}), [k, A] = d(null), [j, M] = d(null), N = r?.primaryColor || "#2563eb", P = (t) => {
+Ke.node;
+var $ = k(Ke), qe = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode: i, isExpanded: a, onToggleExpand: o, onClose: c, onChange: l, initialValues: u, isDark: h = !1, apiClient: g, storage: _, onError: v, onEvent: y, backgroundImage: ee, ticketType: b, showReviewFields: x = !1 }) => {
+	let [S, C] = d(u || {}), [w, T] = d(null), [E, te] = d(null), [D, ne] = d({}), [O, k] = d({}), [A, M] = d(null), [re, N] = d(null), [ie, P] = d({}), [ae, F] = d({}), [oe, ce] = d({}), [L, R] = d({}), z = r?.primaryColor || "#c026d3", B = (t) => {
 		let n = e?.review_fields;
 		if (!Array.isArray(n) || n.length === 0) return !1;
 		let r = t.label ? t.label.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "") : "";
@@ -800,7 +1086,7 @@ var ge = M(he), _e = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode
 	};
 	s(() => {
 		if (u && Object.keys(u).length > 0) {
-			b((e) => ({
+			C((e) => ({
 				...u,
 				...e
 			}));
@@ -810,90 +1096,90 @@ var ge = M(he), _e = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode
 					let r = u[e.id];
 					r && (String(r).startsWith("http://") || String(r).startsWith("https://") ? n[e.id] = String(r) : t[e.id] = String(r));
 				}
-			}), Object.keys(t).length > 0 && E((e) => ({
+			}), Object.keys(t).length > 0 && ne((e) => ({
 				...t,
 				...e
-			})), Object.keys(n).length > 0 && O((e) => ({
+			})), Object.keys(n).length > 0 && k((e) => ({
 				...n,
 				...e
 			}));
 		}
 	}, [u, e]);
-	let F = (e, t) => {
-		b((n) => {
+	let le = (e, t) => {
+		C((n) => {
 			let r = {
 				...n,
 				[e]: t
 			};
 			return l?.(r), r;
 		});
-	}, I = async (t, n) => {
-		if (!h) return;
+	}, V = async (t, n) => {
+		if (!g) return;
 		let r = (e?.fields || []).find((e) => e.id === t);
-		if (r && P(r)) {
-			A("This field is under review and cannot be modified."), M(t);
+		if (r && B(r)) {
+			M("This field is under review and cannot be modified."), N(t);
 			return;
 		}
-		S(t), A(null), M(null);
-		let i = g?.getToken?.() || null, a = T[t];
+		T(t), M(null), N(null);
+		let i = _?.getToken?.() || null, a = D[t];
 		try {
-			let e = await h.uploadFile(n, i), r = e?.data?.asset_id || e?.asset_id, o = e?.data?.serve_url || e?.serve_url;
+			let e = await g.uploadFile(n, i), r = e?.data?.asset_id || e?.asset_id, o = e?.data?.serve_url || e?.serve_url;
 			if (!r && !o) throw Error("Upload response missing asset_id");
 			let s = String(r || o), c = String(o || "");
-			if (E((e) => ({
+			if (ne((e) => ({
 				...e,
 				[t]: s
-			})), c && O((e) => ({
+			})), c && k((e) => ({
 				...e,
 				[t]: c
-			})), b((e) => {
+			})), C((e) => {
 				let n = {
 					...e,
 					[t]: s
 				};
 				return l?.(n), n;
-			}), v?.("file_uploaded", {
+			}), y?.("file_uploaded", {
 				fieldId: t,
 				assetId: s,
 				serveUrl: c
 			}), a && a !== s) try {
-				await h.deleteFile(a, i), v?.("file_deleted", {
+				await g.deleteFile(a, i), y?.("file_deleted", {
 					fieldId: t,
 					assetId: a
 				});
 			} catch (e) {
-				console.warn("Failed to delete previous asset:", e);
+				console.warn("[DynamicForm] Could not delete old file", e);
 			}
 		} catch (e) {
 			let n = e?.message || "File upload failed. Please try again.";
-			A(n), M(t), _?.({
+			M(n), N(t), v?.({
 				type: "file_upload_error",
 				message: n,
 				error: e
 			});
 		} finally {
-			S(null);
+			T(null);
 		}
-	}, L = async (t) => {
-		if (!h) return;
+	}, H = async (t) => {
+		if (!g) return;
 		let n = (e?.fields || []).find((e) => e.id === t);
-		if (n && P(n)) {
-			A("This field is under review and cannot be deleted."), M(t);
+		if (n && B(n)) {
+			M("This field is under review and cannot be modified."), N(t);
 			return;
 		}
-		let r = g?.getToken?.() || null, i = T[t] || y[t];
-		w(t), A(null), M(null);
+		let r = _?.getToken?.() || null, i = D[t] || S[t];
+		te(t), M(null), N(null);
 		try {
-			i && (await h.deleteFile(i, r), v?.("file_deleted", {
+			i && (await g.deleteFile(i, r), y?.("file_deleted", {
 				fieldId: t,
 				assetId: i
-			})), E((e) => {
+			})), ne((e) => {
 				let n = { ...e };
 				return delete n[t], n;
-			}), O((e) => {
+			}), k((e) => {
 				let n = { ...e };
 				return delete n[t], n;
-			}), b((e) => {
+			}), C((e) => {
 				let n = {
 					...e,
 					[t]: ""
@@ -902,201 +1188,464 @@ var ge = M(he), _e = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode
 			});
 		} catch (e) {
 			let n = e?.message || "Failed to delete file. Please try again.";
-			A(n), M(t), _?.({
+			M(n), N(t), v?.({
 				type: "file_delete_error",
 				message: n,
 				error: e
 			});
 		} finally {
-			w(null);
+			te(null);
 		}
-	}, R = (e?.fields || []).filter((e) => e?.is_review !== !0 && e?.is_review !== "true");
-	return /* @__PURE__ */ m("div", {
-		className: `flex flex-col h-full relative ${f ? "bg-black text-white" : "bg-white text-gray-800"}`,
-		children: [/* @__PURE__ */ m("div", {
-			className: "flex justify-between items-center p-4 shadow-sm z-10",
-			style: {
-				backgroundColor: N,
-				color: "white"
-			},
-			children: [/* @__PURE__ */ m("button", {
-				onClick: n,
-				className: "text-sm opacity-90 hover:opacity-100 transition-opacity font-bold flex items-center gap-1 cursor-pointer",
-				children: [/* @__PURE__ */ p("span", { children: "←" }), " Back"]
-			}), /* @__PURE__ */ p("div", {
-				className: "flex items-center gap-3",
-				children: i === "popup" && /* @__PURE__ */ m("div", {
-					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ p("button", {
-						onClick: o,
-						className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
-						title: a ? "Minimize" : "Expand",
-						children: p(a ? oe : ae, { size: 18 })
-					}), /* @__PURE__ */ p("button", {
-						onClick: c,
-						className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
-						children: /* @__PURE__ */ p(ge, { size: 22 })
-					})]
-				})
-			})]
-		}), /* @__PURE__ */ m("form", {
-			onSubmit: (e) => {
-				e.preventDefault();
-				for (let e of R) if (e.type === "file" && e.required && !y[e.id]) {
-					A(`Please upload ${e.label || "a file"}`), M(e.id);
-					return;
+	}, U = (e) => e?.is_review === !0 || e?.is_review === "true", ue = () => {
+		let t = (e?.fields || []).find((e) => e.type === "email" || (e.label || e.id || "").toLowerCase().includes("email"));
+		return String(t && S[t.id] || S.email || "").trim();
+	}, W = async (e, t) => {
+		if (!g) return;
+		let n = e.id, r = t === "file" && ae[n] || null, i = t === "text" && oe[n] || "", a = (e) => {
+			M(e), N(n);
+		};
+		if (B(e)) return a("This field is under review and cannot be modified.");
+		if (!r && !i.trim()) return a(t === "file" ? "Please choose a file to upload." : "Please enter text to submit.");
+		let o = ue();
+		if (!o) return a("Please enter your email address above before submitting this field.");
+		T(n), M(null), N(null);
+		try {
+			let t = await g.submitReviewSubmission({
+				fieldLabel: e.label || e.name || n,
+				file: r,
+				text: i,
+				email: o
+			}), a = t?.url || t?.serve_url || t?.data?.url || t?.data?.serve_url || t?.submission?.file?.serve_url || t?.submission?.url || "";
+			R((e) => ({
+				...e,
+				[n]: {
+					url: a,
+					fileName: r?.name,
+					text: i.trim() || void 0
 				}
-				t(y);
-			},
-			className: `p-5 overflow-y-auto flex-1 space-y-5 ${f ? "bg-black text-white" : "bg-white"}`,
-			children: [
-				u && Object.keys(u).length > 0 && /* @__PURE__ */ m("div", {
-					className: `text-xs px-3.5 py-2 rounded-lg flex items-center gap-2 border ${f ? "bg-emerald-950/60 border-emerald-800/80 text-emerald-300" : "bg-emerald-50 border-emerald-200 text-emerald-800"}`,
-					children: [/* @__PURE__ */ p("span", { children: "✨" }), /* @__PURE__ */ p("span", {
-						className: "font-medium",
-						children: "Restored your saved draft progress"
-					})]
-				}),
-				R.map((e) => {
-					let t = P(e);
-					return /* @__PURE__ */ m("div", {
-						className: `flex flex-col ${e.width === "half" ? "w-full md:w-1/2 md:inline-block md:pr-3 align-top" : "w-full"}`,
+			})), F((e) => {
+				let t = { ...e };
+				return delete t[n], t;
+			}), y?.("review_submission_uploaded", {
+				fieldId: n,
+				fieldLabel: e.label,
+				email: o,
+				response: t
+			});
+		} catch (e) {
+			let t = e?.message || "Submission failed. Please try again.";
+			a(t), v?.({
+				type: "file_upload_error",
+				message: t,
+				error: e
+			});
+		} finally {
+			T(null);
+		}
+	}, G = (e?.fields || []).filter((e) => x || e?.is_review !== !0 && e?.is_review !== "true"), q = (e) => {
+		if (e.description) return e.description;
+		if (e.helperText) return e.helperText;
+		let t = (e.label || e.id || "").toLowerCase(), n = e.type;
+		return n === "email" || t.includes("email") || t.includes("mail") ? "Please enter a valid email address. Your abstract acknowledgement, review updates, and final communication will be sent to this mailbox." : n === "phone" || t.includes("phone") || t.includes("mobile") || t.includes("contact") ? "Please enter a valid mobile number for SMS confirmations and important notifications." : t.includes("council") || t.includes("registration no") || t.includes("mci") ? "Enter your State Medical Council or National Medical Commission registration number." : n === "file" || t.includes("file") || t.includes("upload") || t.includes("bonafide") || t.includes("abstract") ? "Upload your document (PDF, JPG, PNG up to 10MB) for registration review and verification." : t.includes("salutation") || t.includes("title") ? "Choose your professional title or academic prefix." : null;
+	}, Y = (e, t) => {
+		let n = O[e.id] || (S[e.id] && String(S[e.id]).startsWith("http") ? S[e.id] : "");
+		return /* @__PURE__ */ p("div", {
+			className: "space-y-2 mt-2",
+			children: /* @__PURE__ */ m("div", {
+				className: `p-4 rounded-xl border border-dashed transition-all ${h ? "bg-zinc-850/80 border-zinc-700 hover:border-zinc-600" : "bg-[#faf4f8] border-[#f0e2ed] hover:border-pink-300"}`,
+				children: [
+					/* @__PURE__ */ m("div", {
+						className: "flex items-center justify-between gap-3 flex-wrap",
 						children: [/* @__PURE__ */ m("div", {
-							className: "flex items-center justify-between mb-1.5",
-							children: [/* @__PURE__ */ m("label", {
-								className: `text-sm font-semibold ${f ? "text-zinc-200" : "text-gray-700"}`,
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ p("div", {
+								className: "w-10 h-10 rounded-xl flex items-center justify-center shrink-0 border",
+								style: {
+									backgroundColor: h ? "rgba(255,255,255,0.06)" : `color-mix(in srgb, ${z} 10%, white)`,
+									borderColor: h ? "rgba(255,255,255,0.12)" : `color-mix(in srgb, ${z} 25%, white)`,
+									color: z
+								},
+								children: /* @__PURE__ */ p(J, { size: 18 })
+							}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+								className: `text-xs font-bold ${h ? "text-zinc-200" : "text-gray-900"}`,
+								children: e.label
+							}), /* @__PURE__ */ p("p", {
+								className: `text-2xs font-medium ${h ? "text-zinc-400" : "text-gray-500"}`,
+								children: n ? "Document attached successfully" : "Click to choose or upload your document (PDF, JPG, PNG)"
+							})] })]
+						}), /* @__PURE__ */ m("div", {
+							className: "flex items-center gap-2",
+							children: [!t && /* @__PURE__ */ m("label", {
+								className: "cursor-pointer relative",
+								children: [/* @__PURE__ */ p("input", {
+									type: "file",
+									className: "hidden",
+									style: { display: "none" },
+									tabIndex: -1,
+									disabled: w === e.id || E === e.id,
+									onChange: (t) => {
+										let n = t.target.files?.[0];
+										n && V(e.id, n), t.target.value = "";
+									}
+								}), /* @__PURE__ */ m("div", {
+									className: `flex items-center gap-1.5 py-2 px-3.5 rounded-xl text-xs font-semibold border transition-all shadow-2xs ${h ? "border-zinc-700 hover:border-zinc-600 text-zinc-200 bg-zinc-800 hover:bg-zinc-750" : "border-pink-200/80 hover:border-pink-300 text-gray-800 bg-white hover:bg-gray-50"}`,
+									children: [/* @__PURE__ */ p(Ue, {
+										size: 14,
+										style: { color: z }
+									}), /* @__PURE__ */ p("span", { children: w === e.id ? "Uploading..." : n ? "Replace File" : "Choose File" })]
+								})]
+							}), n && typeof n == "string" && n.trim() !== "" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("button", {
+								type: "button",
+								onClick: () => window.open(n, "_blank", "noopener,noreferrer"),
+								className: "flex items-center gap-1.5 py-2 px-3.5 rounded-xl text-xs font-semibold text-white shadow-xs transition-opacity hover:opacity-90 shrink-0 cursor-pointer",
+								style: { backgroundColor: z },
+								title: "Open file in new tab",
 								children: [
-									e.label,
-									" ",
-									e.required && /* @__PURE__ */ p("span", {
-										style: { color: N },
-										children: "*"
-									})
+									/* @__PURE__ */ p(K, { size: 13 }),
+									/* @__PURE__ */ p("span", { children: "View" }),
+									/* @__PURE__ */ p(de, { size: 11 })
 								]
-							}), t && /* @__PURE__ */ m("span", {
-								className: `flex items-center gap-1 text-2xs font-medium px-1.5 py-0.5 rounded ${f ? "text-amber-400 bg-amber-950/60 border border-amber-900/50" : "text-amber-700 bg-amber-50 border border-amber-200"}`,
-								children: [/* @__PURE__ */ p(q, { size: 10 }), " Under Review"]
+							}), !t && /* @__PURE__ */ m("button", {
+								type: "button",
+								disabled: E === e.id || w === e.id,
+								onClick: () => H(e.id),
+								className: `flex items-center gap-1 py-2 px-3 rounded-xl text-xs font-semibold border transition-colors cursor-pointer ${h ? "border-red-900/60 bg-red-950/50 text-red-400 hover:bg-red-900/60" : "border-red-200 bg-red-50 text-red-600 hover:bg-red-100"}`,
+								title: "Delete uploaded file",
+								children: [/* @__PURE__ */ p(Ve, { size: 13 }), /* @__PURE__ */ p("span", { children: E === e.id ? "Deleting..." : "Delete" })]
+							})] })]
+						})]
+					}),
+					n && /* @__PURE__ */ m("div", {
+						className: `mt-2.5 pt-2 border-t text-2xs truncate flex items-center gap-1.5 ${h ? "border-zinc-800 text-zinc-300" : "border-gray-200 text-gray-700 font-medium"}`,
+						children: [/* @__PURE__ */ p(I, {
+							size: 12,
+							className: "text-emerald-500 shrink-0"
+						}), /* @__PURE__ */ m("span", {
+							className: "truncate",
+							children: ["Attached: ", n]
+						})]
+					}),
+					A && re === e.id && /* @__PURE__ */ p("div", {
+						className: "text-xs text-red-500 mt-2 font-medium",
+						children: A
+					})
+				]
+			})
+		});
+	}, fe = (e, t) => {
+		let n = ie[e.id] || "file", r = ae[e.id], i = oe[e.id] || "", a = L[e.id], o = w === e.id, s = n === "file" ? !!r : i.trim() !== "";
+		return /* @__PURE__ */ p("div", {
+			className: "space-y-2 mt-2",
+			children: /* @__PURE__ */ m("div", {
+				className: `p-4 rounded-xl border border-dashed transition-all ${h ? "bg-zinc-850/80 border-zinc-700" : "bg-[#faf4f8] border-[#f0e2ed]"}`,
+				children: [
+					/* @__PURE__ */ m("div", {
+						className: "flex items-center justify-between gap-3 flex-wrap",
+						children: [/* @__PURE__ */ m("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ p("div", {
+								className: "w-10 h-10 rounded-xl flex items-center justify-center shrink-0 border",
+								style: {
+									backgroundColor: h ? "rgba(255,255,255,0.06)" : `color-mix(in srgb, ${z} 10%, white)`,
+									borderColor: h ? "rgba(255,255,255,0.12)" : `color-mix(in srgb, ${z} 25%, white)`,
+									color: z
+								},
+								children: /* @__PURE__ */ p(J, { size: 18 })
+							}), /* @__PURE__ */ p("p", {
+								className: `text-2xs font-medium ${h ? "text-zinc-400" : "text-gray-500"}`,
+								children: a ? "Submitted successfully" : n === "file" ? "Upload your document (PDF, JPG, PNG)" : "Enter your text below"
 							})]
-						}), e.type === "select" ? /* @__PURE__ */ m("select", {
-							disabled: t,
-							required: e.required,
-							value: y[e.id] ?? "",
-							className: `border rounded-md p-2.5 w-full outline-none transition-colors ${t ? f ? "bg-zinc-800 text-zinc-500 border-zinc-700 cursor-not-allowed" : "bg-gray-100 text-gray-500 border-gray-200 cursor-not-allowed" : f ? "bg-zinc-900 border-zinc-700 text-white" : "bg-white border-gray-300 text-gray-900"}`,
-							style: { "--tw-ring-color": N },
-							onFocus: (e) => {
-								t || (e.target.style.borderColor = N);
-							},
-							onBlur: (e) => {
-								t || (e.target.style.borderColor = f ? "#3f3f46" : "#d1d5db");
-							},
-							onChange: (t) => F(e.id, t.target.value),
-							children: [/* @__PURE__ */ p("option", {
-								value: "",
-								className: f ? "bg-zinc-900 text-white" : "",
-								children: e.placeholder || "Select..."
-							}), e.options?.map((e) => /* @__PURE__ */ p("option", {
-								value: e,
-								className: f ? "bg-zinc-900 text-white" : "",
-								children: e
-							}, e))]
-						}) : e.type === "file" ? /* @__PURE__ */ m("div", {
-							className: "flex flex-col space-y-2",
-							children: [
-								/* @__PURE__ */ m("div", {
-									className: "flex items-center gap-2 flex-wrap",
-									children: [
-										!t && /* @__PURE__ */ m("label", {
-											className: `border border-dashed rounded-lg p-2.5 flex items-center justify-center gap-2 cursor-pointer transition-all hover:border-solid ${f ? "bg-zinc-900/60 border-zinc-700 hover:border-zinc-500 text-zinc-300" : "bg-gray-50 border-gray-300 hover:border-gray-400 text-gray-700"} ${x === e.id ? "opacity-60 pointer-events-none" : ""}`,
-											style: { minWidth: "170px" },
-											children: [
-												/* @__PURE__ */ p("input", {
-													type: "file",
-													className: "hidden",
-													disabled: x === e.id || C === e.id,
-													onChange: (t) => {
-														let n = t.target.files?.[0];
-														n && I(e.id, n), t.target.value = "";
-													}
-												}),
-												/* @__PURE__ */ p(me, {
-													size: 14,
-													className: f ? "text-zinc-400" : "text-gray-500"
-												}),
-												/* @__PURE__ */ p("span", {
-													className: "text-xs font-medium",
-													children: x === e.id ? "Uploading..." : "Choose File to Upload"
-												})
-											]
-										}),
-										(D[e.id] || y[e.id] && String(y[e.id]).startsWith("http")) && /* @__PURE__ */ m("button", {
-											type: "button",
-											onClick: () => {
-												let t = D[e.id] || y[e.id];
-												t && typeof t == "string" && window.open(t, "_blank", "noopener,noreferrer");
-											},
-											style: { backgroundColor: N },
-											className: "text-white text-xs font-semibold px-3 py-2 rounded-lg flex items-center gap-1.5 shadow-sm hover:opacity-90 transition-opacity shrink-0 cursor-pointer",
-											children: [
-												/* @__PURE__ */ p(U, { size: 13 }),
-												/* @__PURE__ */ p("span", { children: "Open File" }),
-												/* @__PURE__ */ p(ne, { size: 12 })
-											]
-										}),
-										!t && (T[e.id] || D[e.id] || y[e.id]) && /* @__PURE__ */ m("button", {
-											type: "button",
-											onClick: () => L(e.id),
-											disabled: C === e.id || x === e.id,
-											className: "text-red-600 bg-red-50 hover:bg-red-100 dark:bg-red-950/40 dark:text-red-400 text-xs font-semibold px-3 py-2 rounded-lg flex items-center gap-1.5 transition-colors shrink-0 cursor-pointer disabled:opacity-50",
-											title: "Delete uploaded file",
-											children: [/* @__PURE__ */ p(fe, { size: 13 }), /* @__PURE__ */ p("span", { children: C === e.id ? "Deleting..." : "Delete" })]
-										})
-									]
-								}),
-								(D[e.id] || y[e.id] && String(y[e.id]).startsWith("http")) && /* @__PURE__ */ m("div", {
-									className: "text-xs text-emerald-600 dark:text-emerald-400 mt-1 flex items-center gap-1",
-									children: [/* @__PURE__ */ p("span", { children: "✓ File attached:" }), /* @__PURE__ */ p("span", {
-										className: "truncate max-w-xs",
-										children: D[e.id] || y[e.id]
-									})]
-								}),
-								k && j === e.id && /* @__PURE__ */ p("div", {
-									className: "text-xs text-red-500 mt-1",
-									children: k
-								})
-							]
-						}) : /* @__PURE__ */ p("input", {
-							type: e.type === "email" ? "email" : "text",
-							disabled: t,
-							required: e.required,
-							value: y[e.id] ?? "",
-							placeholder: e.placeholder,
-							className: `border rounded-md p-2.5 w-full outline-none transition-colors ${t ? f ? "bg-zinc-800 text-zinc-500 border-zinc-700 cursor-not-allowed" : "bg-gray-100 text-gray-500 border-gray-200 cursor-not-allowed" : f ? "bg-zinc-900 border-zinc-700 text-white placeholder-zinc-500" : "bg-white border-gray-300 text-gray-900"}`,
-							onFocus: (e) => {
-								t || (e.target.style.borderColor = N);
+						}), !t && /* @__PURE__ */ p("button", {
+							type: "button",
+							disabled: o,
+							onClick: () => P((t) => ({
+								...t,
+								[e.id]: n === "file" ? "text" : "file"
+							})),
+							className: "flex items-center gap-1 text-2xs font-semibold px-2.5 py-1 rounded-lg border cursor-pointer transition-colors hover:opacity-80 disabled:opacity-50",
+							style: {
+								color: z,
+								borderColor: `color-mix(in srgb, ${z} 35%, transparent)`
 							},
-							onBlur: (e) => {
-								t || (e.target.style.borderColor = f ? "#3f3f46" : "#d1d5db");
-							},
-							onChange: (t) => F(e.id, t.target.value)
+							children: n === "file" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(K, { size: 11 }), " Send text only"] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Ue, { size: 11 }), " Send file"] })
+						})]
+					}),
+					a && /* @__PURE__ */ m("div", {
+						className: `mt-2.5 pt-2 border-t text-2xs flex items-center gap-1.5 ${h ? "border-zinc-800 text-zinc-300" : "border-gray-200 text-gray-700 font-medium"}`,
+						children: [
+							/* @__PURE__ */ p(I, {
+								size: 12,
+								className: "text-emerald-500 shrink-0"
+							}),
+							/* @__PURE__ */ p("span", {
+								className: "truncate",
+								children: a.fileName ? `Submitted file: ${a.fileName}` : a.text ? "Text submitted" : "Submitted"
+							}),
+							a.url && /* @__PURE__ */ m("a", {
+								href: a.url,
+								target: "_blank",
+								rel: "noopener noreferrer",
+								className: "ml-auto flex items-center gap-1 font-semibold",
+								style: { color: z },
+								children: ["View ", /* @__PURE__ */ p(de, { size: 11 })]
+							})
+						]
+					}),
+					!t && /* @__PURE__ */ m("div", {
+						className: "mt-3 pt-3 border-t border-gray-200 dark:border-zinc-800 space-y-2.5",
+						children: [n === "file" ? /* @__PURE__ */ m("div", {
+							className: "flex items-center gap-2 flex-wrap",
+							children: [/* @__PURE__ */ m("label", {
+								className: "cursor-pointer relative",
+								children: [/* @__PURE__ */ p("input", {
+									type: "file",
+									className: "hidden",
+									style: { display: "none" },
+									tabIndex: -1,
+									disabled: o,
+									onChange: (t) => {
+										let n = t.target.files?.[0];
+										n && F((t) => ({
+											...t,
+											[e.id]: n
+										})), t.target.value = "";
+									}
+								}), /* @__PURE__ */ m("div", {
+									className: `flex items-center gap-1.5 py-2 px-3.5 rounded-xl text-xs font-semibold border transition-all shadow-2xs ${h ? "border-zinc-700 hover:border-zinc-600 text-zinc-200 bg-zinc-800" : "border-pink-200/80 hover:border-pink-300 text-gray-800 bg-white hover:bg-gray-50"}`,
+									children: [/* @__PURE__ */ p(Ue, {
+										size: 14,
+										style: { color: z }
+									}), /* @__PURE__ */ p("span", { children: r ? "Change File" : a ? "Replace File" : "Choose File" })]
+								})]
+							}), r && /* @__PURE__ */ m("span", {
+								className: `text-xs font-medium truncate max-w-[220px] ${h ? "text-zinc-300" : "text-gray-700"}`,
+								children: [
+									r.name,
+									" (",
+									(r.size / 1024).toFixed(0),
+									" KB)"
+								]
+							})]
+						}) : /* @__PURE__ */ p("textarea", {
+							rows: 3,
+							disabled: o,
+							value: i,
+							onChange: (t) => ce((n) => ({
+								...n,
+								[e.id]: t.target.value
+							})),
+							placeholder: "Enter text or abstract notes...",
+							className: `w-full px-3 py-2 text-sm rounded-xl border focus:outline-none transition-all ${h ? "bg-zinc-900 border-zinc-700 text-white placeholder-zinc-500" : "bg-white border-[#f0e2ed] text-gray-900 placeholder-[#a89bb0]"}`
+						}), s && /* @__PURE__ */ p("div", {
+							className: "flex justify-end",
+							children: /* @__PURE__ */ m("button", {
+								type: "button",
+								disabled: o,
+								onClick: () => W(e, n),
+								style: { backgroundColor: z },
+								className: "flex items-center gap-1.5 px-4 py-2 rounded-xl text-xs font-bold text-white shadow-sm hover:opacity-90 transition-all cursor-pointer disabled:opacity-50",
+								children: [/* @__PURE__ */ p(Ue, { size: 13 }), /* @__PURE__ */ p("span", { children: o ? "Submitting..." : n === "file" ? "Upload File" : "Submit Text" })]
+							})
+						})]
+					}),
+					A && re === e.id && /* @__PURE__ */ p("div", {
+						className: "text-xs text-red-500 mt-2 font-medium",
+						children: A
+					})
+				]
+			})
+		});
+	}, X = (e) => {
+		if (!e) return null;
+		let t = B(e), n = S[e.id] ?? "", r = q(e), i = e.type === "email" || (e.label || "").toLowerCase().includes("email"), a = (e.label || "").toLowerCase().includes("name");
+		return /* @__PURE__ */ m("div", {
+			className: `rounded-2xl p-5 sm:p-6 transition-all duration-200 border border-l-4 shadow-[0_2px_16px_rgba(217,70,239,0.04)] ${h ? "bg-zinc-900 border-zinc-800 text-white" : "bg-white border-pink-100/80 text-gray-900"}`,
+			style: { borderLeftColor: z },
+			children: [
+				/* @__PURE__ */ m("div", {
+					className: "flex items-center justify-between mb-1",
+					children: [/* @__PURE__ */ m("label", {
+						className: `block text-sm sm:text-base font-bold ${h ? "text-zinc-100" : "text-gray-900"}`,
+						children: [e.label, e.required && /* @__PURE__ */ p("span", {
+							className: "text-red-500 font-bold ml-1",
+							children: "*"
 						})]
-					}, e.id);
+					}), t && /* @__PURE__ */ m("span", {
+						className: `flex items-center gap-1 text-2xs font-medium px-2 py-0.5 rounded-full border ${h ? "text-amber-400 bg-amber-950/60 border-amber-900/50" : "text-amber-700 bg-amber-50 border-amber-200"}`,
+						children: [/* @__PURE__ */ p(_e, { size: 10 }), " Under Review"]
+					})]
 				}),
-				/* @__PURE__ */ p("div", {
-					className: "pt-6 pb-2",
-					children: /* @__PURE__ */ p("button", {
-						type: "submit",
-						style: { backgroundColor: N },
-						className: "w-full text-white font-bold py-3.5 rounded-md hover:opacity-90 transition-opacity shadow-md cursor-pointer",
-						children: "Complete Registration"
+				r && /* @__PURE__ */ p("p", {
+					className: `text-xs leading-relaxed mb-3.5 ${h ? "text-zinc-400" : "text-gray-500 font-normal"}`,
+					children: r
+				}),
+				x && U(e) ? fe(e, t) : e.type === "select" ? /* @__PURE__ */ m("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ m("select", {
+						disabled: t,
+						required: e.required,
+						value: n,
+						onChange: (t) => le(e.id, t.target.value),
+						className: `w-full pl-4 pr-10 py-3.5 text-sm font-medium rounded-xl appearance-none cursor-pointer transition-all border ${t ? h ? "bg-zinc-800/60 text-zinc-500 border-zinc-800 cursor-not-allowed" : "bg-gray-100/70 text-gray-500 border-gray-200 cursor-not-allowed" : h ? "bg-zinc-800/80 border-zinc-700 text-white hover:border-zinc-600 focus:outline-none" : "bg-[#faf4f8] border-[#f0e2ed] text-gray-900 hover:border-pink-300 focus:outline-none"}`,
+						onFocus: (e) => {
+							t || (e.currentTarget.style.borderColor = z, e.currentTarget.style.boxShadow = `0 0 0 3px color-mix(in srgb, ${z} 18%, transparent)`);
+						},
+						onBlur: (e) => {
+							t || (e.currentTarget.style.borderColor = h ? "#3f3f46" : "#f0e2ed", e.currentTarget.style.boxShadow = "none");
+						},
+						children: [/* @__PURE__ */ p("option", {
+							value: "",
+							className: h ? "bg-zinc-900 text-white" : "bg-white text-gray-900",
+							children: e.placeholder || `Select ${e.label}...`
+						}), (e.options || []).map((e) => /* @__PURE__ */ p("option", {
+							value: e,
+							className: h ? "bg-zinc-900 text-white" : "bg-white text-gray-900",
+							children: e
+						}, e))]
+					}), /* @__PURE__ */ p("div", {
+						className: "absolute inset-y-0 right-0 flex items-center pr-3.5 pointer-events-none",
+						style: { color: z },
+						children: /* @__PURE__ */ p(se, { size: 16 })
+					})]
+				}) : e.type === "file" ? Y(e, t) : /* @__PURE__ */ p("div", {
+					className: "relative",
+					children: /* @__PURE__ */ p("input", {
+						type: e.type === "phone" ? "tel" : e.type === "email" ? "email" : e.type === "number" ? "number" : "text",
+						disabled: t,
+						required: e.required,
+						value: n,
+						placeholder: e.placeholder || (i ? "Enter your email address" : a ? "Your full name" : `Enter your ${e.label.toLowerCase()}`),
+						onChange: (t) => le(e.id, t.target.value),
+						className: `w-full px-4 py-3.5 text-sm font-medium rounded-xl transition-all border ${t ? h ? "bg-zinc-800/60 text-zinc-500 border-zinc-800 cursor-not-allowed" : "bg-gray-100/70 text-gray-500 border-gray-200 cursor-not-allowed" : h ? "bg-zinc-800/80 border-zinc-700 text-white placeholder-zinc-500 hover:border-zinc-600 focus:outline-none" : "bg-[#faf4f8] border-[#f0e2ed] text-gray-900 placeholder-[#a89bb0] hover:border-pink-300 focus:outline-none"}`,
+						onFocus: (e) => {
+							t || (e.currentTarget.style.borderColor = z, e.currentTarget.style.boxShadow = `0 0 0 3px color-mix(in srgb, ${z} 18%, transparent)`);
+						},
+						onBlur: (e) => {
+							t || (e.currentTarget.style.borderColor = h ? "#3f3f46" : "#f0e2ed", e.currentTarget.style.boxShadow = "none");
+						}
 					})
 				})
 			]
+		}, e.id);
+	};
+	return /* @__PURE__ */ m("div", {
+		className: `w-full flex-1 flex flex-col relative ${h ? "bg-zinc-950 text-white" : "bg-[#fbf7f9] text-gray-900"}`,
+		children: [/* @__PURE__ */ p("div", {
+			className: `sticky top-0 z-30 px-4 sm:px-8 py-3.5 border-b backdrop-blur-md transition-colors ${h ? "bg-zinc-900/90 border-zinc-800" : "bg-white/90 border-pink-100/90 shadow-2xs"}`,
+			children: /* @__PURE__ */ m("div", {
+				className: "max-w-4xl mx-auto flex items-center justify-between",
+				children: [/* @__PURE__ */ m("button", {
+					type: "button",
+					onClick: n,
+					className: `inline-flex items-center gap-2 text-xs sm:text-sm font-semibold rounded-xl px-3 py-2 transition-all cursor-pointer ${h ? "bg-zinc-800 hover:bg-zinc-750 text-zinc-200" : "bg-pink-50/70 hover:bg-pink-100/80 text-gray-800 border border-pink-200/60"}`,
+					children: [/* @__PURE__ */ p(j, {
+						size: 15,
+						style: { color: z }
+					}), /* @__PURE__ */ p("span", { children: "Back to All Forms" })]
+				}), /* @__PURE__ */ m("div", {
+					className: "flex items-center gap-2.5",
+					children: [b && /* @__PURE__ */ m("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ p("span", {
+							className: `text-xs font-bold px-3 py-1.5 rounded-full border ${h ? "bg-zinc-800 border-zinc-700 text-zinc-200" : "bg-white border-pink-200/80 text-gray-800"}`,
+							children: b.type || b.name || "Registration Form"
+						}), /* @__PURE__ */ p("span", {
+							className: "text-xs font-extrabold px-3 py-1.5 rounded-full text-white shadow-2xs",
+							style: { backgroundColor: z },
+							children: Number(b.price) > 0 ? [b.currency, Number(b.price).toLocaleString()].filter(Boolean).join(" ") : "Free"
+						})]
+					}), i === "popup" && /* @__PURE__ */ m("div", {
+						className: "flex items-center gap-1.5 ml-2 border-l pl-2 border-gray-300 dark:border-zinc-700",
+						children: [/* @__PURE__ */ p("button", {
+							onClick: o,
+							className: "p-1.5 opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
+							title: a ? "Minimize" : "Expand",
+							children: p(a ? Te : Ce, { size: 16 })
+						}), /* @__PURE__ */ p("button", {
+							onClick: c,
+							className: "p-1.5 opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
+							children: /* @__PURE__ */ p($, { size: 18 })
+						})]
+					})]
+				})]
+			})
+		}), /* @__PURE__ */ p("div", {
+			className: "w-full flex-1 overflow-y-auto",
+			children: /* @__PURE__ */ m("form", {
+				onSubmit: (e) => {
+					e.preventDefault();
+					for (let e of G) {
+						if (x && U(e)) {
+							if (e.required && !L[e.id]) {
+								M(`Please submit ${e.label || "this field"} before continuing`), N(e.id);
+								return;
+							}
+							continue;
+						}
+						if (e.type === "file" && e.required && !S[e.id]) {
+							M(`Please upload ${e.label || "a file"}`), N(e.id);
+							return;
+						}
+					}
+					t(S);
+				},
+				className: "max-w-3xl mx-auto w-full px-4 sm:px-6 py-6 sm:py-8 space-y-4",
+				children: [
+					u && Object.keys(u).length > 0 && /* @__PURE__ */ m("div", {
+						className: `text-xs px-4 py-2.5 rounded-xl flex items-center gap-2 border shadow-2xs ${h ? "bg-emerald-950/60 border-emerald-800/80 text-emerald-300" : "bg-emerald-50 border-emerald-200 text-emerald-800"}`,
+						children: [/* @__PURE__ */ p("span", { children: "✨" }), /* @__PURE__ */ p("span", {
+							className: "font-semibold",
+							children: "Restored your previously saved draft progress"
+						})]
+					}),
+					/* @__PURE__ */ m("div", {
+						className: `rounded-2xl p-4 sm:p-5 border border-l-4 shadow-[0_2px_12px_rgba(217,70,239,0.04)] flex items-start gap-3.5 transition-all ${h ? "bg-zinc-900 border-zinc-800 text-white" : "bg-white border-pink-100/90 text-gray-900"}`,
+						style: { borderLeftColor: z },
+						children: [/* @__PURE__ */ p("div", {
+							className: "shrink-0 mt-0.5",
+							style: { color: z },
+							children: /* @__PURE__ */ p(pe, { size: 20 })
+						}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
+							className: "text-xs font-bold uppercase tracking-wider",
+							style: { color: z },
+							children: "BEFORE YOU SUBMIT"
+						}), /* @__PURE__ */ m("p", {
+							className: `text-xs mt-1 font-medium leading-relaxed ${h ? "text-zinc-400" : "text-gray-600"}`,
+							children: [
+								"Ensure you are a registered delegate. Fields marked ",
+								/* @__PURE__ */ p("span", {
+									className: "text-red-500 font-bold",
+									children: "*"
+								}),
+								" are required."
+							]
+						})] })]
+					}),
+					G.map((e) => X(e)),
+					/* @__PURE__ */ p("div", {
+						className: "pt-3 pb-8",
+						children: /* @__PURE__ */ m("button", {
+							type: "submit",
+							disabled: w !== null || E !== null,
+							style: {
+								background: `linear-gradient(135deg, ${z}, color-mix(in srgb, ${z} 85%, black))`,
+								boxShadow: `0 4px 20px 0 color-mix(in srgb, ${z} 35%, transparent)`
+							},
+							className: "w-full py-4 px-8 text-base font-bold text-white rounded-xl hover:opacity-95 active:scale-[0.99] transition-all shadow-md cursor-pointer flex items-center justify-center gap-2 hover:shadow-xl disabled:opacity-50",
+							children: [/* @__PURE__ */ p("span", { children: "Complete Registration" }), /* @__PURE__ */ p("span", {
+								className: "text-lg",
+								children: "→"
+							})]
+						})
+					})
+				]
+			})
 		})]
 	});
 };
 //#endregion
 //#region src/widget/utils/formUtils.ts
-function ve(e, t) {
+function Je(e, t) {
 	if (!e) return "";
 	if (/^field_\d+/i.test(e) && t && typeof t == "string") {
 		let e = t.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
@@ -1104,23 +1653,30 @@ function ve(e, t) {
 	}
 	return e;
 }
+function Ye(e, t = "") {
+	if (e && typeof e == "string") {
+		let t = e.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
+		if (t) return t;
+	}
+	return Je(t, e) || t;
+}
 //#endregion
 //#region src/widget/components/AttendeePortal.tsx
-var ye = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1, onEvent: a, onError: o }) => {
-	let [c, l] = d("login"), [u, h] = d(!1), [g, _] = d(!1), [v, y] = d(null), [b, x] = d(null), [S, C] = d(null), [w, T] = d(""), [E, D] = d(""), [O, k] = d(""), [A, j] = d(""), [M, N] = d(""), [F, L] = d(""), [z, B] = d(""), [V, H] = d(!1), [W, K] = d(null), [J, X] = d({}), [ie, ae] = d([]), [Z, oe] = d({}), [Q, se] = d(null), [ce, ue] = d(null), [$, pe] = d(null), [he, ge] = d(!1);
+var Xe = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1, backgroundImage: a, isWidgetPage: o = !1, onEvent: c, onError: l }) => {
+	let [u, h] = d("login"), [g, _] = d(!1), [v, y] = d(!1), [ee, b] = d(null), [x, S] = d(null), [C, w] = d(null), [T, E] = d(""), [te, D] = d(""), [ne, O] = d(""), [k, A] = d(""), [M, re] = d(""), [N, P] = d(""), [F, oe] = d(""), [ce, R] = d(!1), [B, le] = d(null), [V, H] = d({}), [U, W] = d([]), [G, q] = d({}), [Y, X] = d(null), [pe, me] = d(null), [ge, ve] = d(null), [ye, be] = d(!1), [Se, Ce] = d({}), [we, Te] = d({}), [Ee, De] = d({});
 	s(() => {
 		let e = t.getToken();
-		e && _e(e);
+		e && Oe(e);
 	}, []);
-	let _e = async (r) => {
-		h(!0), x(null);
+	let Oe = async (r) => {
+		_(!0), S(null);
 		try {
-			let i = await e.portalGetProfile(r), o = i?.data || i || {};
-			K(o);
-			let s = o.registration || {}, c = s.custom_data || {}, u = s.email || o.email || "", d = null;
-			if (u) try {
-				let t = await e.getDraftByEmail(u);
-				d = t?.data || t, n.log("Portal resume draft data loaded by email:", d);
+			let i = await e.portalGetProfile(r), a = i?.data || i || {};
+			le(a);
+			let o = a.registration || {}, s = o.custom_data || {}, l = o.email || a.email || "", u = null;
+			if (l) try {
+				let t = await e.getDraftByEmail(l);
+				u = t?.data || t, n.log("Portal resume draft data loaded by email:", u);
 			} catch (e) {
 				n.log("No draft found for email in portal", e);
 			}
@@ -1128,591 +1684,662 @@ var ye = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
 				let n = t.getXrefId();
 				if (n) try {
 					let t = await e.getDraft(n);
-					d = t?.data || t;
+					u = t?.data || t;
 				} catch {}
 			}
-			let f = d?.custom_data || {};
-			s.name ? k(s.name) : d?.name ? k(d.name) : o.name && k(o.name);
-			let p = 0, m = {}, h = (o.editable_fields || []).filter((e) => e?.is_review !== !0 && e?.is_review !== "true"), g = {};
-			s.asset_id && (g.asset_id = String(s.asset_id)), s.photo_id && (g.photo_id = String(s.photo_id)), c.asset_id && (g.asset_id = String(c.asset_id)), c.photo_id && (g.photo_id = String(c.photo_id)), o.asset_id && (g.asset_id = String(o.asset_id)), h.forEach((e) => {
-				if (e.type === "file") {
-					let t = s[`${e.id}_asset_id`] || c[`${e.id}_asset_id`] || s.asset_id || c.asset_id || o.asset_id;
+			let d = u?.custom_data || {};
+			o.name ? O(o.name) : u?.name ? O(u.name) : a.name && O(a.name);
+			let f = 0, p = {}, m = [...a.editable_fields || []];
+			Array.isArray(a.review_fields) && a.review_fields.forEach((e) => {
+				if (!e) return;
+				let t = e.label || e.name, n = e.id || e.field_id || e.key;
+				!m.some((e) => n && (String(e.id) === String(n) || String(e.name) === String(n)) || t && (e.label === t || e.name === t)) && (t || n) && m.push({
+					id: n || t,
+					label: t || n,
+					type: e.type || "file",
+					is_review: !0,
+					builtin: !1,
+					...e
+				});
+			}), le({
+				...a,
+				editable_fields: m
+			});
+			let g = {};
+			o.asset_id && (g.asset_id = String(o.asset_id)), o.photo_id && (g.photo_id = String(o.photo_id)), s.asset_id && (g.asset_id = String(s.asset_id)), s.photo_id && (g.photo_id = String(s.photo_id)), a.asset_id && (g.asset_id = String(a.asset_id)), m.forEach((e) => {
+				if (e.type === "file" || e.is_review === !0 || e.is_review === "true") {
+					let t = o[`${e.id}_asset_id`] || s[`${e.id}_asset_id`] || o.asset_id || s.asset_id || a.asset_id;
 					t && (g[e.id] = String(t));
 				}
-			}), oe((e) => ({
+			}), q((e) => ({
 				...g,
 				...e
 			}));
-			let _ = s.asset_id || s.photo_id || c.asset_id || c.photo_id || o.asset_id;
-			_ && se(String(_)), h.length > 0 ? h.forEach((e) => {
-				let t = ve(e.id, e.label), n = "";
-				if (s[t] !== void 0 && s[t] !== null && s[t] !== "" ? n = s[t] : s[e.id] !== void 0 && s[e.id] !== null && s[e.id] !== "" ? n = s[e.id] : c[t] !== void 0 && c[t] !== null && c[t] !== "" ? n = c[t] : c[e.id] !== void 0 && c[e.id] !== null && c[e.id] !== "" && (n = c[e.id]), d) {
-					let r = d[t] ?? d[e.id] ?? f[t] ?? f[e.id] ?? (e.id === "salutation" ? d.salutation || d.title : void 0) ?? (e.id === "name" ? d.name || d.fullName || d.full_name : void 0) ?? (e.id === "email" ? d.email : void 0) ?? (e.id === "phone" ? d.phone || d.mobile || d.phoneNumber : void 0);
-					r != null && r !== "" && (n = r, p++);
+			let _ = o.asset_id || o.photo_id || s.asset_id || s.photo_id || a.asset_id;
+			_ && X(String(_)), m.length > 0 ? m.forEach((e) => {
+				let t = e.label || e.name || e.id, n = Je(e.id, e.label), r = Ye(e.label, e.id), i = "";
+				if (t && o[t] !== void 0 && o[t] !== null && o[t] !== "" ? i = o[t] : o[r] !== void 0 && o[r] !== null && o[r] !== "" ? i = o[r] : o[n] !== void 0 && o[n] !== null && o[n] !== "" ? i = o[n] : o[e.id] !== void 0 && o[e.id] !== null && o[e.id] !== "" ? i = o[e.id] : t && s[t] !== void 0 && s[t] !== null && s[t] !== "" ? i = s[t] : s[r] !== void 0 && s[r] !== null && s[r] !== "" ? i = s[r] : s[n] !== void 0 && s[n] !== null && s[n] !== "" ? i = s[n] : s[e.id] !== void 0 && s[e.id] !== null && s[e.id] !== "" && (i = s[e.id]), e.submission) {
+					let t = e.submission.url || e.submission.file_url || e.submission.file;
+					t && !i && (i = t), e.submission.text && Te((t) => ({
+						...t,
+						[e.id]: e.submission.text
+					}));
+				}
+				let c = a.review_fields || [];
+				if (Array.isArray(c)) {
+					let r = c.find((r) => {
+						let i = r?.id == null ? null : String(r.id), a = r?.field_id == null ? null : String(r.field_id), o = r?.label ? String(r.label).trim() : null;
+						return o && t && o.toLowerCase() === t.toLowerCase() || i && (i === String(e.id) || i === n) || a && (a === String(e.id) || a === n);
+					});
+					if (r?.submission) {
+						let t = r.submission.url || r.submission.file_url || r.submission.file;
+						t && !i && (i = t), r.submission.text && Te((t) => ({
+							...t,
+							[e.id]: r.submission.text
+						}));
+					}
 				}
-				m[e.id] = n;
-			}) : Object.entries(o).forEach(([e, t]) => {
-				e.toLowerCase() !== "token" && (m[e] = t);
-			}), X(m), p > 0 && ge(!0);
-			let v = (o.addons?.items || []).filter((e) => e.purchased).map((e) => e.name);
-			d?.selected_items && Array.isArray(d.selected_items) && d.selected_items.forEach((e) => {
+				if (u) {
+					let t = u[n] ?? u[e.id] ?? d[n] ?? d[e.id] ?? (e.id === "salutation" ? u.salutation || u.title : void 0) ?? (e.id === "name" ? u.name || u.fullName || u.full_name : void 0) ?? (e.id === "email" ? u.email : void 0) ?? (e.id === "phone" ? u.phone || u.mobile || u.phoneNumber : void 0);
+					t != null && t !== "" && (i = t, f++);
+				}
+				p[e.id] = i;
+			}) : Object.entries(a).forEach(([e, t]) => {
+				e.toLowerCase() !== "token" && (p[e] = t);
+			}), H(p), f > 0 && be(!0);
+			let v = (a.addons?.items || []).filter((e) => e.purchased).map((e) => e.name);
+			u?.selected_items && Array.isArray(u.selected_items) && u.selected_items.forEach((e) => {
 				let t = typeof e == "string" ? e : e?.name;
 				t && !v.includes(t) && v.push(t);
-			}), ae(v), l("profile"), a?.("attendee_profile_loaded", {
-				profile: o,
-				draft: d
+			}), W(v), h("profile"), c?.("attendee_profile_loaded", {
+				profile: a,
+				draft: u
 			});
 		} catch (e) {
-			n.error("Failed to load profile", e), t.clearToken(), l("login");
+			n.error("Failed to load profile", e), t.clearToken(), h("login");
 		} finally {
-			h(!1);
+			_(!1);
 		}
-	}, ye = async (r) => {
-		if (r.preventDefault(), !w.trim() || !E) {
-			x("Please enter both your identifier and password.");
+	}, Ae = async (r) => {
+		if (r.preventDefault(), !T.trim() || !te) {
+			S("Please enter both your identifier and password.");
 			return;
 		}
-		h(!0), x(null), C(null);
+		_(!0), S(null), w(null);
 		try {
 			let n = await e.portalLogin({
-				identifier: w.trim(),
-				password: E
+				identifier: T.trim(),
+				password: te
 			}), r = n?.data?.token || n?.token;
 			if (!r) throw Error(n?.message || "No authentication token received.");
-			(n?.data?.name || n?.name) && k(n.data?.name || n.name), t.setToken(r), a?.("attendee_logged_in", {
-				identifier: w,
+			(n?.data?.name || n?.name) && O(n.data?.name || n.name), t.setToken(r), c?.("attendee_logged_in", {
+				identifier: T,
 				response: n
-			}), await _e(r);
+			}), await Oe(r);
 		} catch (e) {
 			n.error("Login failed", e);
 			let t = e.message || "Login failed. Please check your credentials.";
-			x(t), o?.({
+			S(t), l?.({
 				type: "login_error",
 				message: t,
 				error: e
 			});
 		} finally {
-			h(!1);
+			_(!1);
 		}
-	}, be = async (t) => {
+	}, Me = async (t) => {
 		t.preventDefault();
-		let r = (A || w).trim();
+		let r = (k || T).trim();
 		if (!r) {
-			x("Please enter your registration number or email to receive a code.");
+			S("Please enter your registration number or email to receive a code.");
 			return;
 		}
-		H(!0), x(null), C(null);
+		R(!0), S(null), w(null);
 		try {
-			await e.portalRequestPasswordReset(r), C("A verification code has been sent to your registered email."), a?.("password_reset_code_requested", { identifier: r }), l("reset");
+			await e.portalRequestPasswordReset(r), w("A verification code has been sent to your registered email."), c?.("password_reset_code_requested", { identifier: r }), h("reset");
 		} catch (e) {
 			n.error("Failed to send reset code", e);
 			let t = e.message || "Failed to send code. Please verify your identifier.";
-			x(t), o?.({
+			S(t), l?.({
 				type: "portal_error",
 				message: t,
 				error: e
 			});
 		} finally {
-			H(!1);
+			R(!1);
 		}
-	}, xe = async (r) => {
+	}, Pe = async (r) => {
 		r.preventDefault();
-		let i = (A || w).trim();
+		let i = (k || T).trim();
 		if (!i) {
-			x("Please enter your registration number or email.");
+			S("Please enter your registration number or email.");
 			return;
 		}
 		if (!M.trim()) {
-			x("Please enter the verification code sent to your email.");
+			S("Please enter the verification code sent to your email.");
 			return;
 		}
-		if (!F) {
-			x("Please enter a new password.");
+		if (!N) {
+			S("Please enter a new password.");
 			return;
 		}
-		if (F !== z) {
-			x("New password and confirm password do not match.");
+		if (N !== F) {
+			S("New password and confirm password do not match.");
 			return;
 		}
-		h(!0), x(null), C(null);
+		_(!0), S(null), w(null);
 		try {
 			let n = await e.portalConfirmPasswordReset({
 				identifier: i,
 				code: M.trim(),
-				new_password: F
+				new_password: N
 			}), r = n?.data?.token || n?.token;
-			(n?.data?.name || n?.name) && k(n.data?.name || n.name), a?.("password_reset_success", {
+			(n?.data?.name || n?.name) && O(n.data?.name || n.name), c?.("password_reset_success", {
 				identifier: i,
 				response: n
-			}), r ? (t.setToken(r), N(""), L(""), B(""), await _e(r)) : (T(i), D(""), N(""), L(""), B(""), l("login"), C("Password updated successfully! Please login with your new password."));
+			}), r ? (t.setToken(r), re(""), P(""), oe(""), await Oe(r)) : (E(i), D(""), re(""), P(""), oe(""), h("login"), w("Password updated successfully! Please login with your new password."));
 		} catch (e) {
 			n.error("Password reset failed", e);
 			let t = e.message || "Failed to update password. Please check the code.";
-			x(t), o?.({
+			S(t), l?.({
 				type: "portal_error",
 				message: t,
 				error: e
 			});
 		} finally {
-			h(!1);
+			_(!1);
 		}
-	}, Se = () => {
-		t.clearToken(), K(null), X({}), ae([]), oe({}), se(null), pe(null), k(""), D(""), l("login"), C("Logged out successfully."), a?.("attendee_logged_out", {});
-	}, Ce = (e) => {
-		let t = W?.review_fields;
+	}, Fe = () => {
+		t.clearToken(), le(null), H({}), W([]), q({}), X(null), ve(null), O(""), D(""), h("login"), w("Logged out successfully."), c?.("attendee_logged_out", {});
+	}, Ie = (e) => {
+		let t = B?.review_fields;
 		if (!Array.isArray(t) || t.length === 0) return !1;
-		let n = ve(e.id, e.label);
+		let n = Je(e.id, e.label);
 		return t.some((r) => {
 			let i = r?.submission?.reviewer;
 			if (!(i != null && i !== "" && (typeof i != "object" || Object.keys(i).length > 0))) return !1;
 			let a = r?.id == null ? null : String(r.id), o = r?.field_id == null ? null : String(r.field_id), s = r?.field == null ? null : String(r.field), c = r?.name == null ? null : String(r.name), l = r?.key == null ? null : String(r.key), u = r?.submission?.field_id == null ? null : String(r.submission.field_id), d = r?.submission?.field == null ? null : String(r.submission.field), f = String(e.id), p = e.label ? String(e.label).toLowerCase().trim() : "", m = r?.label ? String(r.label).toLowerCase().trim() : "";
 			return !!(a && (a === f || a === n) || o && (o === f || o === n) || s && (s === f || s === n) || c && (c === f || c === n) || l && (l === f || l === n) || u && (u === f || u === n) || d && (d === f || d === n) || p && m && p === m || t.length === 1 && e.type === "file");
 		});
-	}, we = async (r, i) => {
-		let s = t.getToken();
-		if (!s) {
-			x("Session expired. Please log in again.");
+	}, Re = (e, t) => {
+		Ce((n) => ({
+			...n,
+			[e]: t
+		})), S(null);
+	}, Be = async (r, i, a = "file") => {
+		let o = t.getToken();
+		if (!o) {
+			S("Session expired. Please log in again.");
 			return;
 		}
-		let c = (W?.editable_fields || []).find((e) => e.id === r);
-		if (c && Ce(c)) {
-			x("This field is under review and cannot be modified.");
+		let s = (B?.editable_fields || []).find((e) => e.id === r);
+		if (s && Ie(s)) {
+			S("This field is under review and cannot be edited.");
 			return;
 		}
-		y(r), x(null), C(null);
-		let l = Z[r] || Q;
+		let u = a === "file" && Se[r] || null, d = a === "text" && we[r] || "";
+		if (!u && !d.trim()) {
+			S(a === "file" ? "Please choose a file to upload." : "Please enter text to submit.");
+			return;
+		}
+		b(r), S(null), w(null);
 		try {
-			let t = await e.portalUploadFile(s, i), o = t?.data?.serve_url || t?.serve_url, c = t?.data?.asset_id || t?.asset_id;
-			if (!o) throw Error("No file URL returned from upload.");
-			if (X((e) => ({
+			n.log(`Submitting review field "${i}" to /me/submissions/...`);
+			let t = await e.portalSubmitReviewSubmission(o, i, u, d);
+			n.log("Review submission successful:", t);
+			let a = t?.url || t?.serve_url || t?.data?.url || t?.data?.serve_url || t?.submission?.url || (u ? URL.createObjectURL(u) : ""), s = t?.asset_id || t?.data?.asset_id || t?.submission?.asset_id;
+			a && H((e) => ({
 				...e,
-				[r]: o
-			})), c && (oe((e) => ({
+				[r]: a
+			})), s && (q((e) => ({
 				...e,
-				[r]: String(c)
-			})), se(String(c))), l && String(l) !== String(c)) try {
-				n.log(`Deleting previous asset: ${l}`), await e.portalDeleteFile(s, l), n.log(`Previous asset ${l} deleted successfully.`), a?.("portal_file_deleted", {
-					assetId: l,
-					fieldId: r
-				});
-			} catch (e) {
-				n.warn(`Could not delete previous asset ${l}:`, e);
-			}
-			C(`File "${i.name}" uploaded successfully!`), a?.("portal_file_uploaded", {
+				[r]: String(s)
+			})), X(String(s))), Ce((e) => {
+				let t = { ...e };
+				return delete t[r], t;
+			}), w(u ? `File "${u.name}" uploaded successfully!` : "Submission uploaded successfully!"), c?.("portal_submission_uploaded", {
 				fieldId: r,
-				serveUrl: o,
-				assetId: c
+				fieldLabel: i,
+				serveUrl: a,
+				assetId: s,
+				response: t
 			});
+			try {
+				await Oe(o);
+			} catch {}
 		} catch (e) {
 			n.error("File upload failed", e);
 			let t = e.message || "File upload failed. Please try again.";
-			x(t), o?.({
+			S(t), l?.({
 				type: "file_upload_error",
 				message: t,
 				error: e
 			});
 		} finally {
-			y(null);
+			b(null);
 		}
-	}, Te = async (r) => {
+	}, He = async (r) => {
 		let i = t.getToken();
 		if (!i) {
-			x("Session expired. Please log in again.");
+			S("Session expired. Please log in again.");
 			return;
 		}
-		let s = (W?.editable_fields || []).find((e) => e.id === r);
-		if (s && Ce(s)) {
-			x("This field is under review and cannot be deleted.");
+		let a = (B?.editable_fields || []).find((e) => e.id === r);
+		if (a && Ie(a)) {
+			S("This field is under review and cannot be deleted.");
 			return;
 		}
-		let c = Z[r] || Q;
-		ue(r), x(null), C(null);
+		let o = V[r], s = (o && typeof o == "object" ? o.id : null) || G[r] || Y;
+		me(r), S(null), w(null);
 		try {
-			c && (n.log(`Deleting asset ${c} for field ${r}...`), await e.portalDeleteFile(i, c), n.log(`Asset ${c} deleted successfully.`), a?.("portal_file_deleted", {
-				assetId: c,
+			s && (n.log(`Deleting asset ${s} for field ${r}...`), await e.portalDeleteFile(i, s), n.log(`Asset ${s} deleted successfully.`), c?.("portal_file_deleted", {
+				assetId: s,
 				fieldId: r
-			})), X((e) => ({
+			})), H((e) => ({
 				...e,
 				[r]: ""
-			})), oe((e) => {
+			})), q((e) => {
+				let t = { ...e };
+				return delete t[r], t;
+			}), Ce((e) => {
 				let t = { ...e };
 				return delete t[r], t;
-			}), Q === c && se(null), C("File removed successfully.");
+			}), Y === s && X(null), w("File removed successfully.");
 		} catch (e) {
 			n.error("Failed to delete file", e);
 			let t = e.message || "Failed to delete file. Please try again.";
-			x(t), o?.({
+			S(t), l?.({
 				type: "file_delete_error",
 				message: t,
 				error: e
 			});
 		} finally {
-			ue(null);
+			me(null);
 		}
-	}, Ee = (e, t) => {
-		t || ae((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, De = async (r) => {
+	}, We = (e, t) => {
+		t || W((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, Ke = async (r) => {
 		r.preventDefault();
 		let i = t.getToken();
 		if (!i) {
-			x("Session expired. Please log in again.");
+			S("Session expired. Please log in again.");
 			return;
 		}
-		_(!0), x(null), C(null);
+		y(!0), S(null), w(null);
 		try {
-			let t = (W?.editable_fields || []).filter((e) => e?.is_review !== !0 && e?.is_review !== "true"), n = { ...W?.registration?.custom_data || {} }, r = {};
+			let t = B?.editable_fields || [], n = { ...B?.registration?.custom_data || {} }, r = {};
 			t.forEach((e) => {
-				let t = J[e.id];
-				if (e.type === "file") {
-					let n = Z[e.id] || Q;
-					n && (t = n);
-				}
-				let i = ve(e.id, e.label);
-				e.builtin ? (r[i] = t, i !== e.id && (r[e.id] = t)) : (n[i] = t, r[i] = t, i !== e.id && (n[e.id] = t, r[e.id] = t));
-			}), r.custom_data = n, r.addons = ie;
-			let o = Q || Object.values(Z)[0];
-			o && (r.asset_id = o, r.photo_id = o);
-			let s = await e.portalUpdateProfile(i, r);
-			a?.("attendee_profile_updated", {
+				let t = V[e.id], i = e.label || e.name || e.id, a = Ye(e.label, e.id), o = Je(e.id, e.label);
+				e.type === "file" ? (delete n[i], delete n[a], delete n[o], delete n[e.id]) : e.builtin ? (r[o] = t, o !== e.id && (r[e.id] = t)) : (n[o] = t, r[o] = t, o !== e.id && (n[e.id] = t, r[e.id] = t));
+			}), r.custom_data = n, r.addons = U;
+			let a = await e.portalUpdateProfile(i, r);
+			c?.("attendee_profile_updated", {
 				payload: r,
-				response: s
+				response: a
 			});
-			let c = s?.data?.addon_checkout?.payment_url || s?.addon_checkout?.payment_url || s?.data?.payment_url || s?.payment_url;
-			if (c && typeof c == "string" && c.trim() !== "") {
-				pe(c), C("Add-ons updated! Opening payment page in a new tab..."), a?.("addon_payment_opened", { payment_url: c }), window.open(c, "_blank", "noopener,noreferrer"), await _e(i);
+			let o = a?.data?.addon_checkout?.payment_url || a?.addon_checkout?.payment_url || a?.data?.payment_url || a?.payment_url;
+			if (o && typeof o == "string" && o.trim() !== "") {
+				ve(o), w("Add-ons updated! Opening payment page in a new tab..."), c?.("addon_payment_opened", { payment_url: o }), window.open(o, "_blank", "noopener,noreferrer"), await Oe(i);
 				return;
 			}
-			C("Profile updated successfully!"), await _e(i);
+			w("Profile updated successfully!"), await Oe(i);
 		} catch (e) {
 			n.error("Failed to update profile", e);
 			let t = e.message || "Failed to update profile. Please try again.";
-			x(t), o?.({
+			S(t), l?.({
 				type: "profile_update_error",
 				message: t,
 				error: e
 			});
 		} finally {
-			_(!1);
+			y(!1);
 		}
-	};
-	if (c === "profile") {
-		let e = W?.registration || {}, t = (W?.editable_fields || []).filter((e) => e?.is_review !== !0 && e?.is_review !== "true"), n = W?.locked_fields || [], a = W?.payment || {}, o = W?.addons?.items || [];
+	}, $ = () => /* @__PURE__ */ m("div", {
+		className: "absolute inset-0 pointer-events-none overflow-hidden z-0 select-none",
+		children: [
+			a && /* @__PURE__ */ p("div", {
+				className: "absolute inset-0 bg-cover bg-center bg-no-repeat transition-opacity duration-700 pointer-events-none",
+				style: {
+					backgroundImage: `url(${a})`,
+					backgroundSize: "cover",
+					backgroundPosition: "center",
+					backgroundRepeat: "no-repeat",
+					opacity: i ? .55 : .85,
+					filter: i ? "saturate(85%) contrast(105%)" : "saturate(95%) contrast(100%)"
+				}
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "absolute inset-0 pointer-events-none",
+				style: { background: i ? "linear-gradient(180deg, rgba(9,9,11,0.5) 0%, rgba(9,9,11,0.7) 100%)" : "linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(248,250,252,0.2) 100%)" }
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "absolute -top-16 -right-16 w-72 h-72 rounded-full blur-3xl pointer-events-none transition-all duration-700",
+				style: { background: `radial-gradient(circle, ${r}28 0%, ${r}08 60%, transparent 80%)` }
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "absolute top-1/3 -left-20 w-80 h-80 rounded-full blur-3xl pointer-events-none transition-all duration-700",
+				style: { background: `radial-gradient(circle, ${r}20 0%, ${r}06 55%, transparent 75%)` }
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "absolute -bottom-10 right-1/4 w-64 h-64 rounded-full blur-3xl pointer-events-none transition-all duration-700",
+				style: { background: `radial-gradient(circle, ${r}16 0%, transparent 70%)` }
+			}),
+			!i && /* @__PURE__ */ p("div", {
+				className: "absolute inset-0 opacity-[0.03]",
+				style: {
+					backgroundImage: `radial-gradient(${r} 1px, transparent 1px)`,
+					backgroundSize: "16px 16px"
+				}
+			})
+		]
+	}), qe = (e) => {
+		let t = (e.label || e.id || "").toLowerCase(), n = e.type;
+		return n === "email" || t.includes("email") || t.includes("mail") ? /* @__PURE__ */ p(Q, {
+			size: 13,
+			className: "shrink-0",
+			style: { color: r }
+		}) : n === "phone" || t.includes("phone") || t.includes("mobile") || t.includes("contact") ? /* @__PURE__ */ p(je, {
+			size: 13,
+			className: "shrink-0",
+			style: { color: r }
+		}) : t.includes("salutation") || t.includes("title") || t.includes("prefix") ? /* @__PURE__ */ p(Le, {
+			size: 13,
+			className: "shrink-0",
+			style: { color: r }
+		}) : t.includes("name") || t.includes("attendee") ? /* @__PURE__ */ p(Ge, {
+			size: 13,
+			className: "shrink-0",
+			style: { color: r }
+		}) : t.includes("designat") || t.includes("role") || t.includes("position") || t.includes("profession") ? /* @__PURE__ */ p(ie, {
+			size: 13,
+			className: "shrink-0",
+			style: { color: r }
+		}) : t.includes("specialis") || t.includes("specializ") || t.includes("department") || t.includes("degree") ? /* @__PURE__ */ p(fe, {
+			size: 13,
+			className: "shrink-0",
+			style: { color: r }
+		}) : t.includes("organi") || t.includes("institute") || t.includes("hospital") || t.includes("company") || t.includes("college") ? /* @__PURE__ */ p(ae, {
+			size: 13,
+			className: "shrink-0",
+			style: { color: r }
+		}) : t.includes("city") || t.includes("state") || t.includes("country") || t.includes("address") ? /* @__PURE__ */ p(xe, {
+			size: 13,
+			className: "shrink-0",
+			style: { color: r }
+		}) : p(n === "file" ? J : K, {
+			size: 13,
+			className: "shrink-0",
+			style: { color: r }
+		});
+	}, Xe = (e, t = "w-full", n = []) => {
+		if (!e) return null;
+		let o = Ie(e), s = n.includes(e.id) || n.includes(Je(e.id, e.label)) || o, c = V[e.id] ?? "";
 		return /* @__PURE__ */ m("div", {
-			className: `flex flex-col h-full overflow-hidden ${i ? "bg-black text-white" : "bg-gray-50 text-gray-900"}`,
+			className: `${t} px-1.5 mb-3.5`,
 			children: [/* @__PURE__ */ m("div", {
-				className: `p-4 border-b flex justify-between items-center shadow-xs shrink-0 ${i ? "bg-black border-zinc-800" : "bg-white border-gray-200"}`,
-				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h3", {
-					className: `font-bold text-base ${i ? "text-white" : "text-gray-900"}`,
-					children: O || "Attendee Profile"
-				}), /* @__PURE__ */ p("p", {
-					className: `text-xs ${i ? "text-zinc-400" : "text-gray-500"}`,
-					children: e.registration_number ? `Reg #: ${e.registration_number}` : "Attendee Portal"
-				})] }), /* @__PURE__ */ m("button", {
-					onClick: Se,
-					className: `flex items-center gap-1.5 px-3 py-1.5 text-xs font-semibold rounded-md transition-colors cursor-pointer ${i ? "text-red-400 bg-red-950/50 hover:bg-red-900/50 border border-red-900/50" : "text-red-600 bg-red-50 hover:bg-red-100"}`,
-					title: "Logout",
-					children: [/* @__PURE__ */ p(Y, { size: 14 }), /* @__PURE__ */ p("span", { children: "Logout" })]
+				className: "flex items-center justify-between mb-1.5",
+				children: [/* @__PURE__ */ m("label", {
+					className: `flex items-center gap-1.5 text-xs font-semibold ${i ? "text-zinc-200" : "text-gray-800"}`,
+					children: [
+						/* @__PURE__ */ p("span", {
+							className: "p-1 rounded-md shrink-0 flex items-center justify-center transition-colors border shadow-2xs",
+							style: {
+								backgroundColor: i ? "rgba(255,255,255,0.08)" : "rgba(255,255,255,0.75)",
+								borderColor: i ? "rgba(255,255,255,0.12)" : "rgba(255,255,255,0.9)"
+							},
+							children: qe(e)
+						}),
+						/* @__PURE__ */ p("span", { children: e.label }),
+						e.required && /* @__PURE__ */ p("span", {
+							className: "text-red-500 font-bold",
+							children: "*"
+						})
+					]
+				}), o ? /* @__PURE__ */ m("span", {
+					className: `flex items-center gap-1 text-2xs font-medium px-2 py-0.5 rounded-full border backdrop-blur-md ${i ? "text-amber-400 bg-amber-950/60 border-amber-900/50" : "text-amber-700 bg-amber-50/80 border-amber-200"}`,
+					children: [/* @__PURE__ */ p(_e, { size: 10 }), " Under Review"]
+				}) : s ? /* @__PURE__ */ m("span", {
+					className: `flex items-center gap-1 text-2xs font-medium px-2 py-0.5 rounded-full border ${i ? "text-zinc-400 bg-zinc-800/80 border-zinc-700" : "text-gray-600 bg-gray-100 border-gray-200"}`,
+					children: [/* @__PURE__ */ p(_e, { size: 10 }), " Locked"]
+				}) : null]
+			}), e.type === "select" ? /* @__PURE__ */ m("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ m("select", {
+					disabled: s,
+					value: c,
+					onChange: (t) => H({
+						...V,
+						[e.id]: t.target.value
+					}),
+					className: `w-full pl-3.5 pr-8 py-2.5 text-xs font-medium rounded-xl focus:outline-none transition-all appearance-none cursor-pointer border border-gray-300 dark:border-zinc-700 shadow-2xs ${s ? i ? "bg-zinc-800/60 text-zinc-500 border-zinc-800 cursor-not-allowed" : "bg-gray-100/70 text-gray-500 border-gray-200 cursor-not-allowed" : i ? a ? "bg-zinc-900/65 text-white hover:border-zinc-600 focus:bg-zinc-900" : "bg-zinc-900 text-white hover:border-zinc-600 focus:bg-zinc-900" : a ? "bg-white/65 text-gray-900 hover:border-gray-400 focus:bg-white backdrop-blur-xs" : "bg-white text-gray-900 hover:border-gray-400 focus:bg-white"}`,
+					style: {
+						borderLeftWidth: "3.5px",
+						borderLeftStyle: "solid",
+						borderLeftColor: r
+					},
+					onFocus: (e) => {
+						s || (e.currentTarget.style.borderColor = r, e.currentTarget.style.boxShadow = `0 0 0 3px color-mix(in srgb, ${r} 20%, transparent), 0 1px 2px 0 rgba(0,0,0,0.05)`);
+					},
+					onBlur: (e) => {
+						s || (e.currentTarget.style.borderColor = i ? "#3f3f46" : "#d1d5db", e.currentTarget.style.borderLeftColor = r, e.currentTarget.style.boxShadow = "none");
+					},
+					children: [/* @__PURE__ */ m("option", {
+						value: "",
+						className: i ? "bg-zinc-900 text-white" : "bg-white text-gray-900",
+						children: [
+							"Select ",
+							e.label,
+							"..."
+						]
+					}), (e.options || []).map((e) => /* @__PURE__ */ p("option", {
+						value: e,
+						className: i ? "bg-zinc-900 text-white" : "bg-white text-gray-900",
+						children: e
+					}, e))]
+				}), /* @__PURE__ */ p("div", {
+					className: "absolute inset-y-0 right-0 flex items-center pr-2.5 pointer-events-none",
+					children: /* @__PURE__ */ p(se, {
+						size: 14,
+						style: { color: r }
+					})
 				})]
-			}), /* @__PURE__ */ m("div", {
-				className: "flex-1 overflow-y-auto p-4 space-y-4",
+			}) : e.type === "file" ? Ze(e, s, c) : /* @__PURE__ */ p("div", {
+				className: "relative",
+				children: /* @__PURE__ */ p("input", {
+					type: e.type === "phone" ? "tel" : e.type === "email" ? "email" : "text",
+					disabled: s,
+					value: c,
+					placeholder: e.placeholder || `Enter ${e.label.toLowerCase()}`,
+					onChange: (t) => H({
+						...V,
+						[e.id]: t.target.value
+					}),
+					className: `w-full px-3.5 py-2.5 text-xs font-medium rounded-xl focus:outline-none transition-all border border-gray-300 dark:border-zinc-700 shadow-2xs ${s ? i ? "bg-zinc-800/60 text-zinc-500 border-zinc-800 cursor-not-allowed" : "bg-gray-100/70 text-gray-500 border-gray-200 cursor-not-allowed" : i ? a ? "bg-zinc-900/65 text-white placeholder-zinc-400 hover:border-zinc-600 focus:bg-zinc-900" : "bg-zinc-900 text-white placeholder-zinc-500 hover:border-zinc-600 focus:bg-zinc-900" : a ? "bg-white/65 text-gray-900 placeholder-gray-500 hover:border-gray-400 focus:bg-white backdrop-blur-xs" : "bg-white text-gray-900 placeholder-gray-400 hover:border-gray-400 focus:bg-white"}`,
+					style: {
+						borderLeftWidth: "3.5px",
+						borderLeftStyle: "solid",
+						borderLeftColor: r
+					},
+					onFocus: (e) => {
+						s || (e.currentTarget.style.borderColor = r, e.currentTarget.style.boxShadow = `0 0 0 3px color-mix(in srgb, ${r} 20%, transparent), 0 1px 2px 0 rgba(0,0,0,0.05)`);
+					},
+					onBlur: (e) => {
+						s || (e.currentTarget.style.borderColor = i ? "#3f3f46" : "#d1d5db", e.currentTarget.style.borderLeftColor = r, e.currentTarget.style.boxShadow = "none");
+					}
+				})
+			})]
+		}, e.id);
+	}, Ze = (e, t, n) => {
+		let a = Se[e.id], o = we[e.id] || "", s = ee === e.id, c = e.label || e.name || e.id, l = Ee[e.id] || (o && !n ? "text" : "file"), u = typeof n == "string" ? n : n?.serve_url || n?.url || "", d = typeof n == "string" ? n : n?.file_name || u;
+		return /* @__PURE__ */ p("div", {
+			className: "space-y-2",
+			children: /* @__PURE__ */ m("div", {
+				className: `p-3.5 sm:p-4 rounded-xl border border-dashed transition-all ${i ? "bg-zinc-900/60 border-zinc-700 hover:border-zinc-600" : "bg-slate-50/80 border-gray-300 hover:border-gray-400 hover:bg-slate-100/50 shadow-2xs"}`,
+				style: {
+					borderLeftWidth: "3.5px",
+					borderLeftStyle: "solid",
+					borderLeftColor: r
+				},
 				children: [
-					$ && /* @__PURE__ */ m("div", {
-						className: `p-3 border rounded-lg flex items-center justify-between text-xs shadow-2xs ${i ? "bg-blue-950/50 border-blue-800 text-blue-300" : "bg-blue-50 border-blue-200 text-blue-800"}`,
+					/* @__PURE__ */ m("div", {
+						className: "flex items-center justify-between gap-3 flex-wrap",
 						children: [/* @__PURE__ */ m("div", {
+							className: "flex items-center gap-2.5",
+							children: [/* @__PURE__ */ p("div", {
+								className: "w-8 h-8 rounded-lg flex items-center justify-center shrink-0 border",
+								style: {
+									backgroundColor: i ? "rgba(255,255,255,0.06)" : `color-mix(in srgb, ${r} 8%, white)`,
+									borderColor: i ? "rgba(255,255,255,0.12)" : `color-mix(in srgb, ${r} 20%, white)`,
+									color: r
+								},
+								children: /* @__PURE__ */ p(J, { size: 16 })
+							}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+								className: `text-xs font-bold ${i ? "text-zinc-200" : "text-gray-900"}`,
+								children: c
+							}), /* @__PURE__ */ p("p", {
+								className: `text-2xs font-medium ${i ? "text-zinc-400" : "text-gray-500"}`,
+								children: n ? "Document attached" : a ? `File chosen: ${a.name}` : "Choose a file or enter text to upload"
+							})] })]
+						}), /* @__PURE__ */ p("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ p(te, {
-								size: 16,
-								className: "shrink-0 text-blue-400"
-							}), /* @__PURE__ */ p("span", { children: "Payment page opened in a new tab. If not opened, click:" })]
-						}), /* @__PURE__ */ m("a", {
-							href: $,
-							target: "_blank",
-							rel: "noopener noreferrer",
-							className: "flex items-center gap-1 font-bold underline text-blue-400 hover:text-blue-300 shrink-0 ml-2",
-							children: [/* @__PURE__ */ p("span", { children: "Complete Payment" }), /* @__PURE__ */ p(ne, { size: 12 })]
+							children: u.trim() !== "" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("a", {
+								href: u,
+								target: "_blank",
+								rel: "noopener noreferrer",
+								className: "flex items-center gap-1.5 py-1.5 px-3 rounded-lg text-xs font-semibold text-white shadow-xs transition-opacity hover:opacity-90 shrink-0",
+								style: { backgroundColor: r },
+								title: "Open file in new tab",
+								children: [
+									/* @__PURE__ */ p(K, { size: 13 }),
+									/* @__PURE__ */ p("span", { children: "View" }),
+									/* @__PURE__ */ p(de, { size: 11 })
+								]
+							}), !t && /* @__PURE__ */ m("button", {
+								type: "button",
+								disabled: pe === e.id || s,
+								onClick: () => He(e.id),
+								className: `flex items-center gap-1 py-1.5 px-2.5 rounded-lg text-xs font-semibold border backdrop-blur-sm transition-colors cursor-pointer ${i ? "border-red-900/60 bg-red-950/50 text-red-400 hover:bg-red-900/60" : "border-red-200 bg-red-50/80 text-red-600 hover:bg-red-100"}`,
+								title: "Remove file",
+								children: [/* @__PURE__ */ p(Ve, { size: 13 }), /* @__PURE__ */ p("span", { children: pe === e.id ? "Deleting..." : "Delete" })]
+							})] })
 						})]
 					}),
-					b && /* @__PURE__ */ m("div", {
-						className: `p-3 border rounded-lg flex items-start gap-2 text-xs shadow-2xs ${i ? "bg-red-950/60 border-red-900 text-red-300" : "bg-red-50 border-red-200 text-red-700"}`,
-						children: [/* @__PURE__ */ p(R, {
-							size: 16,
-							className: "shrink-0 mt-0.5"
-						}), /* @__PURE__ */ p("span", { children: b })]
-					}),
-					S && /* @__PURE__ */ m("div", {
-						className: `p-3 border rounded-lg flex items-start gap-2 text-xs shadow-2xs ${i ? "bg-emerald-950/60 border-emerald-900 text-emerald-300" : "bg-green-50 border-green-200 text-green-700"}`,
-						children: [/* @__PURE__ */ p(ee, {
-							size: 16,
-							className: "shrink-0 mt-0.5"
-						}), /* @__PURE__ */ p("span", { children: S })]
-					}),
-					/* @__PURE__ */ m("div", {
-						className: `p-4 rounded-xl border shadow-xs space-y-3 ${i ? "bg-zinc-900 border-zinc-800" : "bg-white border-gray-200"}`,
-						children: [
-							/* @__PURE__ */ m("div", {
-								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ p("span", {
-									className: `text-xs font-bold uppercase tracking-wider ${i ? "text-zinc-400" : "text-gray-400"}`,
-									children: "Registration Details"
-								}), e.status && /* @__PURE__ */ p("span", {
-									className: `px-2.5 py-0.5 rounded-full text-xs font-semibold capitalize ${i ? "bg-emerald-950/80 text-emerald-300 border border-emerald-800/80" : "bg-green-100 text-green-800"}`,
-									children: e.status
-								})]
-							}),
-							/* @__PURE__ */ m("div", {
-								className: "grid grid-cols-2 gap-3 text-xs",
-								children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
-									className: `${i ? "text-zinc-400" : "text-gray-500"} block`,
-									children: "Registration No:"
-								}), /* @__PURE__ */ p("span", {
-									className: `font-bold font-mono ${i ? "text-white" : "text-gray-900"}`,
-									children: e.registration_number || "N/A"
-								})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
-									className: `${i ? "text-zinc-400" : "text-gray-500"} block`,
-									children: "Ticket Type:"
-								}), /* @__PURE__ */ p("span", {
-									className: `font-bold ${i ? "text-white" : "text-gray-900"}`,
-									children: e.registration_type || "N/A"
-								})] })]
-							}),
-							a && a.state && /* @__PURE__ */ m("div", {
-								className: `pt-2 border-t flex items-center justify-between text-xs ${i ? "border-zinc-800 text-zinc-300" : "border-gray-100 text-gray-700"}`,
-								children: [/* @__PURE__ */ m("div", {
-									className: "flex items-center gap-1.5",
-									children: [/* @__PURE__ */ p(de, {
-										size: 14,
-										className: i ? "text-zinc-400" : "text-gray-400"
-									}), /* @__PURE__ */ m("span", { children: [
-										"Payment: ",
-										/* @__PURE__ */ p("strong", {
-											className: "capitalize",
-											children: a.state
-										}),
-										" (",
-										a.currency,
-										" ",
-										a.amount,
-										")"
-									] })]
-								}), a.receipt_url && /* @__PURE__ */ m("a", {
-									href: a.receipt_url,
-									target: "_blank",
-									rel: "noopener noreferrer",
-									className: "flex items-center gap-1 font-semibold hover:underline",
-									style: { color: r },
-									children: [/* @__PURE__ */ p("span", { children: "Receipt" }), /* @__PURE__ */ p(ne, { size: 12 })]
-								})]
-							})
-						]
+					n && /* @__PURE__ */ m("div", {
+						className: `mt-2 pt-2 border-t text-2xs truncate flex items-center gap-1.5 ${i ? "border-zinc-800 text-zinc-300" : "border-gray-200 text-gray-700 font-medium"}`,
+						children: [/* @__PURE__ */ p(I, {
+							size: 12,
+							className: "text-emerald-500 shrink-0"
+						}), /* @__PURE__ */ m("span", {
+							className: "truncate",
+							children: ["Attached: ", d]
+						})]
 					}),
-					/* @__PURE__ */ m("form", {
-						onSubmit: De,
-						className: "space-y-4",
+					!t && /* @__PURE__ */ m("div", {
+						className: "mt-3 pt-3 border-t border-gray-200 dark:border-zinc-800 space-y-2.5",
 						children: [
-							/* @__PURE__ */ m("div", {
-								className: `p-4 rounded-xl border shadow-xs space-y-4 ${i ? "bg-zinc-900 border-zinc-800" : "bg-white border-gray-200"}`,
-								children: [/* @__PURE__ */ m("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ p("h4", {
-										className: `text-xs font-bold uppercase tracking-wider ${i ? "text-zinc-400" : "text-gray-400"}`,
-										children: "Attendee Information"
-									}), he && /* @__PURE__ */ m("span", {
-										className: `inline-flex items-center gap-1 text-2xs font-semibold px-2 py-0.5 rounded-full border ${i ? "bg-blue-950/60 text-blue-300 border-blue-800/80" : "bg-blue-50 text-blue-700 border-blue-200"}`,
-										children: [/* @__PURE__ */ p(I, { size: 11 }), " Initial draft choices restored"]
-									})]
-								}), t.length === 0 ? /* @__PURE__ */ p("div", {
-									className: `text-center py-6 text-xs ${i ? "text-zinc-500" : "text-gray-400"}`,
-									children: "No editable fields configured."
-								}) : /* @__PURE__ */ p("div", {
-									className: "flex flex-wrap -mx-1.5",
-									children: t.map((e) => {
-										let t = Ce(e), a = n.includes(e.id) || n.includes(ve(e.id, e.label)) || t, o = e.width === "half", s = J[e.id] ?? "";
-										return /* @__PURE__ */ m("div", {
-											className: `px-1.5 mb-3.5 ${o ? "w-full md:w-1/2" : "w-full"}`,
-											children: [/* @__PURE__ */ m("div", {
-												className: "flex items-center justify-between mb-1",
-												children: [/* @__PURE__ */ m("label", {
-													className: `block text-xs font-semibold ${i ? "text-zinc-200" : "text-gray-700"}`,
-													children: [
-														e.label,
-														" ",
-														e.required && /* @__PURE__ */ p("span", {
-															className: "text-red-500",
-															children: "*"
-														})
-													]
-												}), t ? /* @__PURE__ */ m("span", {
-													className: `flex items-center gap-1 text-2xs font-medium px-1.5 py-0.5 rounded ${i ? "text-amber-400 bg-amber-950/60 border border-amber-900/50" : "text-amber-700 bg-amber-50 border border-amber-200"}`,
-													children: [/* @__PURE__ */ p(q, { size: 10 }), " Under Review"]
-												}) : a ? /* @__PURE__ */ m("span", {
-													className: `flex items-center gap-1 text-2xs font-medium px-1.5 py-0.5 rounded ${i ? "text-zinc-400 bg-zinc-800" : "text-gray-400 bg-gray-100"}`,
-													children: [/* @__PURE__ */ p(q, { size: 10 }), " Locked"]
-												}) : null]
-											}), e.type === "select" ? /* @__PURE__ */ m("select", {
-												disabled: a,
-												value: s,
-												onChange: (t) => X({
-													...J,
-													[e.id]: t.target.value
-												}),
-												className: `w-full px-3 py-2 text-xs border rounded-lg focus:outline-none transition-all ${a ? i ? "bg-zinc-800 text-zinc-500 border-zinc-700 cursor-not-allowed" : "bg-gray-100 text-gray-500 border-gray-200 cursor-not-allowed" : i ? "bg-zinc-950 text-white border-zinc-700" : "bg-white text-gray-900 border-gray-300"}`,
-												onFocus: (e) => {
-													a || (e.currentTarget.style.borderColor = r);
-												},
-												onBlur: (e) => {
-													a || (e.currentTarget.style.borderColor = i ? "#3f3f46" : "#d1d5db");
-												},
-												children: [/* @__PURE__ */ m("option", {
-													value: "",
-													className: i ? "bg-zinc-900 text-white" : "",
-													children: [
-														"Select ",
-														e.label,
-														"..."
-													]
-												}), (e.options || []).map((e) => /* @__PURE__ */ p("option", {
-													value: e,
-													className: i ? "bg-zinc-900 text-white" : "",
-													children: e
-												}, e))]
-											}) : e.type === "file" ? /* @__PURE__ */ m("div", {
-												className: "space-y-2",
-												children: [/* @__PURE__ */ m("div", {
-													className: "flex items-center gap-2",
-													children: [!a && /* @__PURE__ */ m("label", {
-														className: "flex-1 cursor-pointer",
-														children: [/* @__PURE__ */ p("input", {
-															type: "file",
-															className: "sr-only",
-															disabled: v === e.id,
-															onChange: (t) => {
-																let n = t.target.files?.[0];
-																n && we(e.id, n);
-															}
-														}), /* @__PURE__ */ m("div", {
-															className: `flex items-center justify-center gap-2 py-2 px-3 border border-dashed rounded-lg text-xs font-medium transition-colors ${i ? "border-zinc-700 hover:border-zinc-500 text-zinc-300 bg-zinc-950 hover:bg-zinc-800" : "border-gray-300 hover:border-gray-400 text-gray-700 bg-gray-50 hover:bg-gray-100"}`,
-															children: [/* @__PURE__ */ p(me, {
-																size: 14,
-																className: i ? "text-zinc-400" : "text-gray-500"
-															}), /* @__PURE__ */ p("span", { children: v === e.id ? "Uploading..." : "Choose File to Upload" })]
-														})]
-													}), s && typeof s == "string" && s.trim() !== "" && /* @__PURE__ */ m("div", {
-														className: "flex items-center gap-1.5 shrink-0",
-														children: [/* @__PURE__ */ m("a", {
-															href: s,
-															target: "_blank",
-															rel: "noopener noreferrer",
-															className: "flex items-center gap-1.5 py-2 px-3 rounded-lg text-xs font-semibold text-white shadow-xs transition-opacity hover:opacity-90 shrink-0",
-															style: { backgroundColor: r },
-															title: "Open file in new tab",
-															children: [
-																/* @__PURE__ */ p(U, { size: 14 }),
-																/* @__PURE__ */ p("span", { children: "Open File" }),
-																/* @__PURE__ */ p(ne, { size: 12 })
-															]
-														}), !a && /* @__PURE__ */ m("button", {
-															type: "button",
-															disabled: ce === e.id || v === e.id,
-															onClick: () => Te(e.id),
-															className: `flex items-center gap-1 py-2 px-2.5 rounded-lg text-xs font-semibold border transition-colors cursor-pointer ${i ? "border-red-900/60 bg-red-950/40 text-red-400 hover:bg-red-900/50" : "border-red-200 bg-red-50 text-red-600 hover:bg-red-100"}`,
-															title: "Delete uploaded file",
-															children: [/* @__PURE__ */ p(fe, { size: 13 }), /* @__PURE__ */ p("span", { children: ce === e.id ? "Deleting..." : "Delete" })]
-														})]
-													})]
-												}), s && /* @__PURE__ */ m("div", {
-													className: `text-2xs truncate flex items-center gap-1 ${i ? "text-zinc-400" : "text-gray-500"}`,
-													children: [/* @__PURE__ */ p(I, {
-														size: 12,
-														className: "text-green-500 shrink-0"
-													}), /* @__PURE__ */ m("span", {
-														className: "truncate",
-														children: ["File attached: ", s]
-													})]
-												})]
-											}) : /* @__PURE__ */ p("input", {
-												type: e.type === "phone" ? "tel" : e.type === "email" ? "email" : "text",
-												disabled: a,
-												value: s,
-												placeholder: e.placeholder || `Enter ${e.label.toLowerCase()}`,
-												onChange: (t) => X({
-													...J,
-													[e.id]: t.target.value
-												}),
-												className: `w-full px-3 py-2 text-xs border rounded-lg focus:outline-none transition-all ${a ? i ? "bg-zinc-800 text-zinc-500 border-zinc-700 cursor-not-allowed" : "bg-gray-100 text-gray-500 border-gray-200 cursor-not-allowed" : i ? "bg-zinc-950 text-white placeholder-zinc-500 border-zinc-700" : "bg-white text-gray-900 border-gray-300"}`,
-												onFocus: (e) => {
-													a || (e.currentTarget.style.borderColor = r);
-												},
-												onBlur: (e) => {
-													a || (e.currentTarget.style.borderColor = i ? "#3f3f46" : "#d1d5db");
-												}
-											})]
-										}, e.id);
-									})
-								})]
+							/* @__PURE__ */ p("div", {
+								className: "flex justify-end",
+								children: /* @__PURE__ */ p("button", {
+									type: "button",
+									disabled: s,
+									onClick: () => De((t) => ({
+										...t,
+										[e.id]: l === "file" ? "text" : "file"
+									})),
+									className: "flex items-center gap-1 text-2xs font-semibold px-2.5 py-1 rounded-lg border cursor-pointer transition-colors hover:opacity-80 disabled:opacity-50",
+									style: {
+										color: r,
+										borderColor: `color-mix(in srgb, ${r} 35%, transparent)`
+									},
+									children: l === "file" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(K, { size: 11 }), " Send text only"] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Ue, { size: 11 }), " Send file"] })
+								})
 							}),
-							o.length > 0 && /* @__PURE__ */ m("div", {
-								className: `p-4 rounded-xl border shadow-xs space-y-3 ${i ? "bg-zinc-900 border-zinc-800" : "bg-white border-gray-200"}`,
-								children: [/* @__PURE__ */ m("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ p("h4", {
-										className: `text-xs font-bold uppercase tracking-wider ${i ? "text-zinc-400" : "text-gray-400"}`,
-										children: "Available Add-ons"
-									}), /* @__PURE__ */ p("span", {
-										className: `text-2xs ${i ? "text-zinc-400" : "text-gray-500"}`,
-										children: "Select items to add"
+							l === "file" && /* @__PURE__ */ m("div", {
+								className: "flex items-center gap-2 flex-wrap",
+								children: [/* @__PURE__ */ m("label", {
+									className: "cursor-pointer relative",
+									children: [/* @__PURE__ */ p("input", {
+										type: "file",
+										className: "hidden",
+										style: { display: "none" },
+										tabIndex: -1,
+										disabled: s,
+										onChange: (t) => {
+											let n = t.target.files?.[0];
+											n && Re(e.id, n), t.target.value = "";
+										}
+									}), /* @__PURE__ */ m("div", {
+										className: `flex items-center gap-1.5 py-1.5 px-3 rounded-lg text-xs font-semibold border transition-all shadow-2xs ${i ? "border-zinc-700 hover:border-zinc-600 text-zinc-200 bg-zinc-800 hover:bg-zinc-750" : "border-gray-300 hover:border-gray-400 text-gray-800 bg-white hover:bg-gray-50"}`,
+										children: [/* @__PURE__ */ p(Ue, {
+											size: 13,
+											style: { color: r }
+										}), /* @__PURE__ */ p("span", { children: a ? "Change File" : n ? "Replace File" : "Choose File" })]
 									})]
-								}), /* @__PURE__ */ p("div", {
-									className: "space-y-2",
-									children: o.map((e) => {
-										let t = !!e.purchased, n = ie.includes(e.name);
-										return /* @__PURE__ */ m("div", {
-											onClick: () => Ee(e.name, t),
-											className: `p-3 rounded-lg border text-xs flex items-center justify-between transition-all ${t ? i ? "bg-zinc-950/60 border-zinc-800 opacity-70 cursor-default" : "bg-gray-50 border-gray-200 opacity-90 cursor-default" : n ? i ? "border-blue-500 bg-blue-950/40 cursor-pointer shadow-xs" : "border-blue-500 bg-blue-50/40 cursor-pointer shadow-xs" : i ? "border-zinc-800 bg-zinc-950 hover:border-zinc-700 cursor-pointer" : "border-gray-200 bg-white hover:border-gray-300 cursor-pointer"}`,
-											style: {
-												borderColor: n && !t ? r : void 0,
-												backgroundColor: n && !t ? i ? `color-mix(in srgb, ${r} 20%, #09090b)` : `color-mix(in srgb, ${r} 6%, white)` : void 0
-											},
-											children: [/* @__PURE__ */ m("div", {
-												className: "flex items-start gap-2.5 flex-1 pr-3",
-												children: [/* @__PURE__ */ p("input", {
-													type: "checkbox",
-													checked: n,
-													disabled: t,
-													onChange: () => Ee(e.name, t),
-													className: "mt-0.5 rounded text-blue-600 focus:ring-0 cursor-pointer"
-												}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", {
-													className: `font-semibold leading-snug ${i ? "text-white" : "text-gray-900"}`,
-													children: e.name
-												}), /* @__PURE__ */ m("div", {
-													className: "font-bold text-xs mt-1",
-													style: { color: r },
-													children: [
-														e.currency,
-														" ",
-														Number(e.price).toLocaleString()
-													]
-												})] })]
-											}), t ? /* @__PURE__ */ m("span", {
-												className: `px-2 py-0.5 rounded text-2xs font-semibold flex items-center gap-1 shrink-0 ${i ? "bg-emerald-950/80 text-emerald-300 border border-emerald-800/80" : "bg-green-100 text-green-800"}`,
-												children: [/* @__PURE__ */ p(I, { size: 12 }), " Purchased"]
-											}) : /* @__PURE__ */ p("span", {
-												className: `text-2xs font-semibold px-2 py-0.5 rounded transition-colors shrink-0 ${n ? "bg-blue-600 text-white" : i ? "bg-zinc-800 text-zinc-300" : "bg-gray-100 text-gray-600"}`,
-												style: { backgroundColor: n ? r : void 0 },
-												children: n ? "Selected" : "Select"
-											})]
-										}, e.name);
-									})
+								}), a && /* @__PURE__ */ m("div", {
+									className: `flex items-center gap-1.5 py-1 px-2.5 rounded-lg text-xs border ${i ? "bg-zinc-800 border-zinc-700 text-zinc-200" : "bg-white border-gray-300 text-gray-800 shadow-2xs"}`,
+									children: [
+										/* @__PURE__ */ p(K, {
+											size: 12,
+											style: { color: r }
+										}),
+										/* @__PURE__ */ p("span", {
+											className: "font-medium truncate max-w-[200px]",
+											children: a.name
+										}),
+										/* @__PURE__ */ m("span", {
+											className: "text-2xs opacity-60",
+											children: [
+												"(",
+												(a.size / 1024).toFixed(0),
+												" KB)"
+											]
+										}),
+										/* @__PURE__ */ p("button", {
+											type: "button",
+											onClick: () => Ce((t) => {
+												let n = { ...t };
+												return delete n[e.id], n;
+											}),
+											className: "ml-1 text-gray-400 hover:text-red-500 cursor-pointer font-bold",
+											title: "Clear chosen file",
+											children: "✕"
+										})
+									]
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
-								className: "pt-2",
-								children: /* @__PURE__ */ p("button", {
-									type: "submit",
-									disabled: g || v !== null,
+							l === "text" && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+								className: `block text-2xs font-semibold uppercase tracking-wider mb-1 ${i ? "text-zinc-400" : "text-gray-500"}`,
+								children: "Text"
+							}), /* @__PURE__ */ p("textarea", {
+								rows: 2,
+								disabled: s,
+								value: o,
+								onChange: (t) => Te((n) => ({
+									...n,
+									[e.id]: t.target.value
+								})),
+								placeholder: "Enter text or abstract notes...",
+								className: `w-full px-3 py-2 text-xs rounded-xl border focus:outline-none transition-all ${i ? "bg-zinc-900 border-zinc-700 text-white placeholder-zinc-500 focus:border-zinc-500" : "bg-white border-gray-300 text-gray-900 placeholder-gray-400 focus:border-gray-400"}`
+							})] }),
+							(l === "file" ? a : o.trim()) && /* @__PURE__ */ m("div", {
+								className: "flex items-center justify-end gap-2 pt-1",
+								children: [l === "file" && a && /* @__PURE__ */ p("button", {
+									type: "button",
+									disabled: s,
+									onClick: () => Ce((t) => {
+										let n = { ...t };
+										return delete n[e.id], n;
+									}),
+									className: "text-xs px-3 py-1.5 rounded-lg border border-gray-300 dark:border-zinc-700 text-gray-600 dark:text-zinc-400 hover:text-gray-900 dark:hover:text-white cursor-pointer",
+									children: "Clear File"
+								}), /* @__PURE__ */ p("button", {
+									type: "button",
+									disabled: s,
+									onClick: () => Be(e.id, c, l),
 									style: { backgroundColor: r },
-									className: "w-full py-3 px-4 text-white text-sm font-bold rounded-lg hover:opacity-90 transition-opacity shadow-sm flex items-center justify-center gap-2 cursor-pointer disabled:opacity-50",
-									children: g ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("svg", {
-										className: "animate-spin h-4 w-4 text-white",
+									className: "flex items-center gap-1.5 px-4 py-2 rounded-xl text-xs font-bold text-white shadow-sm hover:opacity-90 transition-all cursor-pointer disabled:opacity-50",
+									children: s ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("svg", {
+										className: "animate-spin h-3.5 w-3.5 text-white",
 										fill: "none",
 										viewBox: "0 0 24 24",
 										children: [/* @__PURE__ */ p("circle", {
@@ -1727,88 +2354,356 @@ var ye = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
 											fill: "currentColor",
 											d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
 										})]
-									}), /* @__PURE__ */ p("span", { children: "Saving Profile..." })] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(le, { size: 16 }), /* @__PURE__ */ p("span", { children: "Save & Update Profile" })] })
-								})
+									}), /* @__PURE__ */ p("span", { children: "Uploading..." })] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Ue, { size: 13 }), /* @__PURE__ */ p("span", { children: l === "file" ? "Upload File" : "Submit Text" })] })
+								})]
 							})
 						]
 					})
 				]
-			})]
+			})
+		});
+	};
+	if (u === "profile") {
+		let e = B?.registration || {}, t = B?.editable_fields || [], n = B?.locked_fields || [], s = B?.payment || {}, c = B?.addons?.items || [], l = a ? `p-4 sm:p-5 rounded-2xl border space-y-4 relative overflow-hidden transition-all duration-200 backdrop-blur-md ${i ? "bg-black/35 border-white/12 text-white" : "bg-white/28 border-white/70 text-gray-900 shadow-sm hover:bg-white/35"}` : `p-4 sm:p-5 rounded-2xl border space-y-4 relative overflow-hidden transition-all duration-200 shadow-xs hover:shadow-sm ${i ? "bg-zinc-900 border-zinc-800 text-white" : "bg-white border-gray-200/90 text-gray-900"}`, u = a ? { boxShadow: i ? "0 8px 32px 0 rgba(0, 0, 0, 0.35), inset 0 1px 1px 0 rgba(255, 255, 255, 0.1)" : "0 8px 32px 0 rgba(31, 38, 135, 0.08), inset 0 1px 1.5px 0 rgba(255, 255, 255, 0.85)" } : {};
+		return /* @__PURE__ */ m("div", {
+			className: `flex flex-col ${o ? "w-full flex-1" : "h-full overflow-hidden min-h-0"} relative bg-transparent ${i ? "text-white" : "text-gray-900"}`,
+			style: o ? void 0 : { overflow: "clip" },
+			onScroll: o ? void 0 : (e) => {
+				e.currentTarget.scrollTop !== 0 && (e.currentTarget.scrollTop = 0), e.currentTarget.scrollLeft !== 0 && (e.currentTarget.scrollLeft = 0);
+			},
+			children: [
+				$(),
+				/* @__PURE__ */ m("div", {
+					className: `p-4 border-b flex justify-between items-center shadow-xs shrink-0 relative z-10 ${i ? "bg-zinc-900 border-zinc-800" : "bg-white border-gray-200"}`,
+					children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h3", {
+						className: `font-bold text-base ${i ? "text-white" : "text-gray-900"}`,
+						children: ne || "Attendee Profile"
+					}), /* @__PURE__ */ p("p", {
+						className: `text-xs ${i ? "text-zinc-400" : "text-gray-600"}`,
+						children: e.registration_number ? `Reg #: ${e.registration_number}` : "Attendee Portal"
+					})] }), /* @__PURE__ */ m("button", {
+						onClick: Fe,
+						className: `flex items-center gap-1.5 px-3 py-1.5 text-xs font-semibold rounded-lg transition-colors cursor-pointer border backdrop-blur-sm ${i ? "text-red-400 bg-red-950/40 hover:bg-red-900/50 border-red-900/40" : "text-red-600 bg-red-50/70 hover:bg-red-100 border-red-200"}`,
+						title: "Logout",
+						children: [/* @__PURE__ */ p(Z, { size: 14 }), /* @__PURE__ */ p("span", { children: "Logout" })]
+					})]
+				}),
+				/* @__PURE__ */ m("div", {
+					className: `${o ? "w-full flex-1 p-4 space-y-4" : "flex-1 overflow-y-auto p-4 space-y-4 min-h-0 overscroll-contain"} relative z-10`,
+					children: [
+						ge && /* @__PURE__ */ m("div", {
+							className: `p-3 border rounded-xl flex items-center justify-between text-xs shadow-2xs backdrop-blur-xl ${i ? "bg-blue-950/60 border-blue-800 text-blue-300" : "bg-blue-50/80 border-blue-200 text-blue-800"}`,
+							children: [/* @__PURE__ */ m("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ p(ue, {
+									size: 16,
+									className: "shrink-0 text-blue-400"
+								}), /* @__PURE__ */ p("span", { children: "Payment page opened in a new tab. If not opened, click:" })]
+							}), /* @__PURE__ */ m("a", {
+								href: ge,
+								target: "_blank",
+								rel: "noopener noreferrer",
+								className: "flex items-center gap-1 font-bold underline text-blue-400 hover:text-blue-300 shrink-0 ml-2",
+								children: [/* @__PURE__ */ p("span", { children: "Complete Payment" }), /* @__PURE__ */ p(de, { size: 12 })]
+							})]
+						}),
+						x && /* @__PURE__ */ m("div", {
+							className: `p-3 border rounded-xl flex items-start gap-2 text-xs shadow-2xs backdrop-blur-xl ${i ? "bg-red-950/60 border-red-900 text-red-300" : "bg-red-50/80 border-red-200 text-red-700"}`,
+							children: [/* @__PURE__ */ p(L, {
+								size: 16,
+								className: "shrink-0 mt-0.5"
+							}), /* @__PURE__ */ p("span", { children: x })]
+						}),
+						C && /* @__PURE__ */ m("div", {
+							className: `p-3 border rounded-xl flex items-start gap-2 text-xs shadow-2xs backdrop-blur-xl ${i ? "bg-emerald-950/60 border-emerald-900 text-emerald-300" : "bg-green-50/80 border-green-200 text-green-700"}`,
+							children: [/* @__PURE__ */ p(z, {
+								size: 16,
+								className: "shrink-0 mt-0.5"
+							}), /* @__PURE__ */ p("span", { children: C })]
+						}),
+						/* @__PURE__ */ m("div", {
+							className: l,
+							style: u,
+							children: [
+								/* @__PURE__ */ p("div", {
+									className: "absolute top-0 left-0 right-0 h-[3px] opacity-90",
+									style: { background: `linear-gradient(90deg, ${r}, color-mix(in srgb, ${r} 20%, transparent) 80%, transparent)` }
+								}),
+								/* @__PURE__ */ m("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ p("span", {
+										className: `text-2xs font-bold uppercase tracking-wider ${i ? "text-zinc-400" : "text-gray-500"}`,
+										children: "Registration Details"
+									}), e.status && /* @__PURE__ */ p("span", {
+										className: `px-2.5 py-0.5 rounded-full text-2xs font-semibold capitalize border ${i ? "bg-emerald-950/80 text-emerald-300 border-emerald-800/80" : "bg-green-100/80 text-green-800 border-green-200"}`,
+										children: e.status
+									})]
+								}),
+								/* @__PURE__ */ m("div", {
+									className: "grid grid-cols-2 gap-3 text-xs",
+									children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
+										className: `${i ? "text-zinc-400" : "text-gray-600"} block text-2xs`,
+										children: "Registration No:"
+									}), /* @__PURE__ */ p("span", {
+										className: `font-bold font-mono ${i ? "text-white" : "text-gray-900"}`,
+										children: e.registration_number || "N/A"
+									})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
+										className: `${i ? "text-zinc-400" : "text-gray-600"} block text-2xs`,
+										children: "Ticket Type:"
+									}), /* @__PURE__ */ p("span", {
+										className: `font-bold ${i ? "text-white" : "text-gray-900"}`,
+										children: e.registration_type || "N/A"
+									})] })]
+								}),
+								s && s.state && /* @__PURE__ */ m("div", {
+									className: `pt-2 border-t flex items-center justify-between text-xs ${i ? "border-zinc-800 text-zinc-300" : "border-gray-200 text-gray-700"}`,
+									children: [/* @__PURE__ */ m("div", {
+										className: "flex items-center gap-1.5",
+										children: [/* @__PURE__ */ p(Ne, {
+											size: 14,
+											className: i ? "text-zinc-400" : "text-gray-500"
+										}), /* @__PURE__ */ m("span", { children: [
+											"Payment: ",
+											/* @__PURE__ */ p("strong", {
+												className: "capitalize",
+												children: s.state
+											}),
+											" (",
+											s.currency,
+											" ",
+											s.amount,
+											")"
+										] })]
+									}), s.receipt_url && /* @__PURE__ */ m("a", {
+										href: s.receipt_url,
+										target: "_blank",
+										rel: "noopener noreferrer",
+										className: "flex items-center gap-1 font-semibold hover:underline",
+										style: { color: r },
+										children: [/* @__PURE__ */ p("span", { children: "Receipt" }), /* @__PURE__ */ p(de, { size: 12 })]
+									})]
+								})
+							]
+						}),
+						/* @__PURE__ */ m("form", {
+							onSubmit: Ke,
+							className: "space-y-4",
+							children: [
+								t.length === 0 ? /* @__PURE__ */ p("div", {
+									className: `p-6 rounded-2xl border text-center py-6 text-xs ${i ? "bg-zinc-900/40 border-zinc-800 text-zinc-400" : "bg-white border-gray-200 text-gray-500"}`,
+									children: "No editable fields configured."
+								}) : /* @__PURE__ */ p(f, { children: /* @__PURE__ */ m("div", {
+									className: l,
+									style: u,
+									children: [
+										/* @__PURE__ */ p("div", {
+											className: "absolute top-0 left-0 right-0 h-[3px] opacity-90",
+											style: { background: `linear-gradient(90deg, ${r}, color-mix(in srgb, ${r} 20%, transparent) 80%, transparent)` }
+										}),
+										ye && /* @__PURE__ */ p("div", {
+											className: "flex justify-end",
+											children: /* @__PURE__ */ m("span", {
+												className: `inline-flex items-center gap-1 text-2xs font-semibold px-2 py-0.5 rounded-full border ${i ? "bg-blue-950/60 text-blue-300 border-blue-800/80" : "bg-blue-50 text-blue-700 border-blue-200"}`,
+												children: [/* @__PURE__ */ p(I, { size: 11 }), " Initial draft restored"]
+											})
+										}),
+										/* @__PURE__ */ p("div", {
+											className: "flex flex-wrap -mx-1.5",
+											children: t.map((e) => Xe(e, e.type === "file" || e.width === "full" ? "w-full" : "w-full md:w-1/2", n))
+										})
+									]
+								}) }),
+								c.length > 0 && /* @__PURE__ */ m("div", {
+									className: l,
+									style: u,
+									children: [
+										/* @__PURE__ */ p("div", {
+											className: "absolute top-0 left-0 right-0 h-[3px] opacity-90",
+											style: { background: `linear-gradient(90deg, ${r}, color-mix(in srgb, ${r} 20%, transparent) 80%, transparent)` }
+										}),
+										/* @__PURE__ */ m("div", {
+											className: "flex items-center justify-between",
+											children: [/* @__PURE__ */ m("span", {
+												className: "px-3 py-1 rounded-full text-2xs font-extrabold uppercase tracking-wider flex items-center gap-1.5 shadow-2xs border",
+												style: {
+													backgroundColor: i ? "rgba(255,255,255,0.06)" : `color-mix(in srgb, ${r} 8%, white)`,
+													borderColor: i ? "rgba(255,255,255,0.12)" : `color-mix(in srgb, ${r} 22%, white)`,
+													color: r
+												},
+												children: [/* @__PURE__ */ p(ze, { size: 12 }), " Available Add-ons"]
+											}), /* @__PURE__ */ p("span", {
+												className: `text-2xs font-medium ${i ? "text-zinc-400" : "text-gray-600"}`,
+												children: "Select items to add"
+											})]
+										}),
+										/* @__PURE__ */ p("div", {
+											className: "space-y-2 pt-1",
+											children: c.map((e) => {
+												let t = !!e.purchased, n = U.includes(e.name);
+												return /* @__PURE__ */ m("div", {
+													onClick: () => We(e.name, t),
+													className: `p-3 rounded-xl border text-xs flex items-center justify-between transition-all ${t ? i ? "bg-zinc-950/60 border-zinc-800 opacity-70 cursor-default" : "bg-gray-100/80 border-gray-200 opacity-90 cursor-default" : n ? i ? "border-blue-500 bg-blue-950/50 cursor-pointer shadow-xs" : "border-blue-500 bg-blue-50/70 cursor-pointer shadow-xs" : i ? "border-zinc-800 bg-zinc-900/60 hover:border-zinc-700 cursor-pointer" : "border-gray-200 bg-white hover:border-gray-300 cursor-pointer shadow-2xs"}`,
+													style: {
+														borderColor: n && !t ? r : void 0,
+														backgroundColor: n && !t ? i ? `color-mix(in srgb, ${r} 25%, rgba(0,0,0,0.5))` : `color-mix(in srgb, ${r} 12%, rgba(255,255,255,0.85))` : void 0
+													},
+													children: [/* @__PURE__ */ m("div", {
+														className: "flex items-start gap-2.5 flex-1 pr-3",
+														children: [/* @__PURE__ */ p("input", {
+															type: "checkbox",
+															checked: n,
+															disabled: t,
+															onChange: () => We(e.name, t),
+															className: "mt-0.5 rounded text-blue-600 focus:ring-0 cursor-pointer"
+														}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", {
+															className: `font-semibold leading-snug ${i ? "text-white" : "text-gray-900"}`,
+															children: e.name
+														}), /* @__PURE__ */ m("div", {
+															className: "font-bold text-xs mt-1",
+															style: { color: r },
+															children: [
+																e.currency,
+																" ",
+																Number(e.price).toLocaleString()
+															]
+														})] })]
+													}), t ? /* @__PURE__ */ m("span", {
+														className: `px-2 py-0.5 rounded text-2xs font-semibold flex items-center gap-1 shrink-0 border backdrop-blur-sm ${i ? "bg-emerald-950/80 text-emerald-300 border-emerald-800/80" : "bg-green-100/80 text-green-800 border-green-200"}`,
+														children: [/* @__PURE__ */ p(I, { size: 12 }), " Purchased"]
+													}) : /* @__PURE__ */ p("span", {
+														className: `text-2xs font-semibold px-2.5 py-1 rounded-lg transition-colors shrink-0 shadow-2xs ${n ? "bg-blue-600 text-white" : i ? "bg-white/10 text-zinc-300" : "bg-white/70 text-gray-700"}`,
+														style: { backgroundColor: n ? r : void 0 },
+														children: n ? "Selected" : "Select"
+													})]
+												}, e.name);
+											})
+										})
+									]
+								}),
+								/* @__PURE__ */ p("div", {
+									className: "pt-2",
+									children: /* @__PURE__ */ p("button", {
+										type: "submit",
+										disabled: v || ee !== null,
+										style: { backgroundColor: r },
+										className: "w-full py-3 px-4 text-white text-sm font-bold rounded-xl hover:opacity-90 transition-all shadow-md flex items-center justify-center gap-2 cursor-pointer disabled:opacity-50 hover:shadow-lg",
+										children: v ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("svg", {
+											className: "animate-spin h-4 w-4 text-white",
+											fill: "none",
+											viewBox: "0 0 24 24",
+											children: [/* @__PURE__ */ p("circle", {
+												className: "opacity-25",
+												cx: "12",
+												cy: "12",
+												r: "10",
+												stroke: "currentColor",
+												strokeWidth: "4"
+											}), /* @__PURE__ */ p("path", {
+												className: "opacity-75",
+												fill: "currentColor",
+												d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+											})]
+										}), /* @__PURE__ */ p("span", { children: "Saving Profile..." })] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(ke, { size: 16 }), /* @__PURE__ */ p("span", { children: "Save & Update Profile" })] })
+									})
+								})
+							]
+						})
+					]
+				})
+			]
 		});
 	}
-	return c === "request_code" ? /* @__PURE__ */ p("div", {
-		className: `flex flex-col h-full overflow-y-auto ${i ? "bg-black text-white" : "bg-gray-50 text-gray-900"}`,
-		children: /* @__PURE__ */ m("div", {
-			className: "p-5 flex-1 max-w-md mx-auto w-full flex flex-col justify-center",
+	return u === "request_code" ? /* @__PURE__ */ m("div", {
+		className: `flex flex-col ${o ? "w-full flex-1" : "h-full overflow-y-auto"} relative bg-transparent ${i ? "text-white" : "text-gray-900"}`,
+		children: [$(), /* @__PURE__ */ m("div", {
+			className: "p-5 flex-1 max-w-md mx-auto w-full flex flex-col justify-center relative z-10",
 			children: [/* @__PURE__ */ m("div", {
 				className: "flex justify-between items-center mb-4",
 				children: [/* @__PURE__ */ m("button", {
 					onClick: () => {
-						l("login"), x(null), C(null);
+						h("login"), S(null), w(null);
 					},
-					className: `flex items-center gap-1.5 text-xs font-semibold transition-colors cursor-pointer ${i ? "text-zinc-400 hover:text-white" : "text-gray-500 hover:text-gray-900"}`,
-					children: [/* @__PURE__ */ p(P, { size: 14 }), /* @__PURE__ */ p("span", { children: "Back to Login" })]
+					className: `flex items-center gap-1.5 text-xs font-semibold transition-colors cursor-pointer ${i ? "text-zinc-400 hover:text-white" : "text-gray-600 hover:text-gray-900"}`,
+					children: [/* @__PURE__ */ p(j, { size: 14 }), /* @__PURE__ */ p("span", { children: "Back to Login" })]
 				}), /* @__PURE__ */ p("button", {
 					onClick: () => {
-						l("reset"), x(null), C(null);
+						h("reset"), S(null), w(null);
 					},
 					className: "text-xs font-semibold hover:underline cursor-pointer",
 					style: { color: r },
 					children: "Generate Password →"
 				})]
 			}), /* @__PURE__ */ m("div", {
-				className: `p-6 rounded-xl border shadow-sm space-y-4 ${i ? "bg-zinc-900 border-zinc-800" : "bg-white border-gray-200"}`,
+				className: `p-6 rounded-2xl border space-y-4 relative overflow-hidden transition-all duration-200 shadow-xs hover:shadow-sm ${i ? "bg-zinc-900 border-zinc-800" : "bg-white border-gray-200/90"}`,
 				children: [
+					/* @__PURE__ */ p("div", {
+						className: "absolute top-0 left-0 right-0 h-[2.5px] opacity-90",
+						style: { background: `linear-gradient(90deg, ${r}, transparent 80%)` }
+					}),
 					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h3", {
 						className: `text-lg font-bold ${i ? "text-white" : "text-gray-900"}`,
 						children: "Get Verification Code"
 					}), /* @__PURE__ */ p("p", {
-						className: `text-xs mt-1 ${i ? "text-zinc-400" : "text-gray-500"}`,
+						className: `text-xs mt-1 ${i ? "text-zinc-400" : "text-gray-600"}`,
 						children: "Enter your registered email or registration number to receive a verification code."
 					})] }),
-					b && /* @__PURE__ */ m("div", {
-						className: `p-3 border rounded-lg flex items-start gap-2 text-xs ${i ? "bg-red-950/60 border-red-900 text-red-300" : "bg-red-50 border-red-200 text-red-700"}`,
-						children: [/* @__PURE__ */ p(R, {
+					x && /* @__PURE__ */ m("div", {
+						className: `p-3 border rounded-xl flex items-start gap-2 text-xs backdrop-blur-md ${i ? "bg-red-950/60 border-red-900 text-red-300" : "bg-red-50/80 border-red-200 text-red-700"}`,
+						children: [/* @__PURE__ */ p(L, {
 							size: 16,
 							className: "shrink-0 mt-0.5"
-						}), /* @__PURE__ */ p("span", { children: b })]
+						}), /* @__PURE__ */ p("span", { children: x })]
 					}),
-					S && /* @__PURE__ */ m("div", {
-						className: `p-3 border rounded-lg flex items-start gap-2 text-xs ${i ? "bg-emerald-950/60 border-emerald-900 text-emerald-300" : "bg-green-50 border-green-200 text-green-700"}`,
-						children: [/* @__PURE__ */ p(ee, {
+					C && /* @__PURE__ */ m("div", {
+						className: `p-3 border rounded-xl flex items-start gap-2 text-xs backdrop-blur-md ${i ? "bg-emerald-950/60 border-emerald-900 text-emerald-300" : "bg-green-50/80 border-green-200 text-green-700"}`,
+						children: [/* @__PURE__ */ p(z, {
 							size: 16,
 							className: "shrink-0 mt-0.5"
-						}), /* @__PURE__ */ p("span", { children: S })]
+						}), /* @__PURE__ */ p("span", { children: C })]
 					}),
 					/* @__PURE__ */ m("form", {
-						onSubmit: be,
+						onSubmit: Me,
 						className: "space-y-4",
 						children: [
 							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
-								className: `block text-xs font-semibold mb-1 ${i ? "text-zinc-200" : "text-gray-700"}`,
+								className: `block text-xs font-semibold mb-1.5 ${i ? "text-zinc-200" : "text-gray-800"}`,
 								children: "Registration Number or Email"
 							}), /* @__PURE__ */ m("div", {
 								className: "relative",
 								children: [/* @__PURE__ */ p("div", {
-									className: `absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none ${i ? "text-zinc-500" : "text-gray-400"}`,
-									children: /* @__PURE__ */ p(re, { size: 16 })
+									className: "absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none",
+									children: /* @__PURE__ */ p(Q, {
+										size: 15,
+										style: { color: r }
+									})
 								}), /* @__PURE__ */ p("input", {
 									type: "text",
 									required: !0,
-									value: A || w,
+									value: k || T,
 									onChange: (e) => {
-										j(e.target.value), T(e.target.value);
+										A(e.target.value), E(e.target.value);
 									},
 									placeholder: "e.g. attendee@example.com or REG12345",
-									className: `w-full pl-9 pr-3 py-2 text-sm border rounded-lg focus:outline-none focus:ring-2 ${i ? "bg-zinc-950 border-zinc-700 text-white placeholder-zinc-500" : "bg-white border-gray-300 text-gray-900"}`
+									className: `w-full pl-10 pr-3.5 py-2.5 text-xs font-medium rounded-xl focus:outline-none transition-all border border-gray-300 dark:border-zinc-700 shadow-2xs ${i ? "bg-zinc-900 text-white placeholder-zinc-500 hover:border-zinc-600 focus:bg-zinc-900" : "bg-white text-gray-900 placeholder-gray-400 hover:border-gray-400 focus:bg-white"}`,
+									style: {
+										borderLeftWidth: "3.5px",
+										borderLeftStyle: "solid",
+										borderLeftColor: r
+									},
+									onFocus: (e) => {
+										e.currentTarget.style.borderColor = r, e.currentTarget.style.boxShadow = `0 0 0 3px color-mix(in srgb, ${r} 20%, transparent), 0 1px 2px 0 rgba(0,0,0,0.05)`;
+									},
+									onBlur: (e) => {
+										e.currentTarget.style.borderColor = i ? "#3f3f46" : "#d1d5db", e.currentTarget.style.borderLeftColor = r, e.currentTarget.style.boxShadow = "none";
+									}
 								})]
 							})] }),
 							/* @__PURE__ */ p("button", {
 								type: "submit",
-								disabled: V,
+								disabled: ce,
 								style: { backgroundColor: r },
-								className: "w-full py-2.5 px-4 text-white text-sm font-bold rounded-lg hover:opacity-90 transition-opacity shadow-sm flex items-center justify-center cursor-pointer disabled:opacity-50 mt-2",
-								children: V ? /* @__PURE__ */ m("div", {
+								className: "w-full py-2.5 px-4 text-white text-sm font-bold rounded-xl hover:opacity-90 transition-all shadow-md flex items-center justify-center cursor-pointer disabled:opacity-50 mt-2 hover:shadow-lg",
+								children: ce ? /* @__PURE__ */ m("div", {
 									className: "flex items-center gap-2",
 									children: [/* @__PURE__ */ m("svg", {
 										className: "animate-spin h-4 w-4 text-white",
@@ -1830,11 +2725,11 @@ var ye = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
 								}) : "Send Verification Code"
 							}),
 							/* @__PURE__ */ p("div", {
-								className: "text-center pt-2 border-t border-gray-100 dark:border-zinc-800",
+								className: "text-center pt-2 border-t border-gray-200 dark:border-zinc-800",
 								children: /* @__PURE__ */ p("button", {
 									type: "button",
 									onClick: () => {
-										l("reset"), x(null), C(null);
+										h("reset"), S(null), w(null);
 									},
 									className: "text-xs font-semibold hover:underline cursor-pointer",
 									style: { color: r },
@@ -1845,73 +2740,91 @@ var ye = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
 					})
 				]
 			})]
-		})
-	}) : c === "reset" ? /* @__PURE__ */ p("div", {
-		className: `flex flex-col h-full overflow-y-auto ${i ? "bg-black text-white" : "bg-gray-50 text-gray-900"}`,
-		children: /* @__PURE__ */ m("div", {
-			className: "p-5 flex-1 max-w-md mx-auto w-full",
+		})]
+	}) : u === "reset" ? /* @__PURE__ */ m("div", {
+		className: `flex flex-col ${o ? "w-full flex-1" : "h-full overflow-y-auto"} relative bg-transparent ${i ? "text-white" : "text-gray-900"}`,
+		children: [$(), /* @__PURE__ */ m("div", {
+			className: "p-5 flex-1 max-w-md mx-auto w-full relative z-10",
 			children: [/* @__PURE__ */ m("button", {
 				onClick: () => {
-					l("login"), x(null), C(null);
+					h("login"), S(null), w(null);
 				},
-				className: `flex items-center gap-1.5 text-xs font-semibold mb-4 transition-colors cursor-pointer ${i ? "text-zinc-400 hover:text-white" : "text-gray-500 hover:text-gray-900"}`,
-				children: [/* @__PURE__ */ p(P, { size: 14 }), /* @__PURE__ */ p("span", { children: "Back to Login" })]
+				className: `flex items-center gap-1.5 text-xs font-semibold mb-4 transition-colors cursor-pointer ${i ? "text-zinc-400 hover:text-white" : "text-gray-600 hover:text-gray-900"}`,
+				children: [/* @__PURE__ */ p(j, { size: 14 }), /* @__PURE__ */ p("span", { children: "Back to Login" })]
 			}), /* @__PURE__ */ m("div", {
-				className: `p-6 rounded-xl border shadow-sm space-y-4 ${i ? "bg-zinc-900 border-zinc-800" : "bg-white border-gray-200"}`,
+				className: `p-6 rounded-2xl border space-y-4 relative overflow-hidden transition-all duration-200 shadow-xs hover:shadow-sm ${i ? "bg-zinc-900 border-zinc-800" : "bg-white border-gray-200/90"}`,
 				children: [
+					/* @__PURE__ */ p("div", {
+						className: "absolute top-0 left-0 right-0 h-[2.5px] opacity-90",
+						style: { background: `linear-gradient(90deg, ${r}, transparent 80%)` }
+					}),
 					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h3", {
 						className: `text-lg font-bold ${i ? "text-white" : "text-gray-900"}`,
 						children: "Generate / Reset Password"
 					}), /* @__PURE__ */ p("p", {
-						className: `text-xs mt-1 ${i ? "text-zinc-400" : "text-gray-500"}`,
+						className: `text-xs mt-1 ${i ? "text-zinc-400" : "text-gray-600"}`,
 						children: "You will get a verification code on your registered email."
 					})] }),
-					b && /* @__PURE__ */ m("div", {
-						className: `p-3 border rounded-lg flex items-start gap-2 text-xs ${i ? "bg-red-950/60 border-red-900 text-red-300" : "bg-red-50 border-red-200 text-red-700"}`,
-						children: [/* @__PURE__ */ p(R, {
+					x && /* @__PURE__ */ m("div", {
+						className: `p-3 border rounded-xl flex items-start gap-2 text-xs backdrop-blur-md ${i ? "bg-red-950/60 border-red-900 text-red-300" : "bg-red-50/80 border-red-200 text-red-700"}`,
+						children: [/* @__PURE__ */ p(L, {
 							size: 16,
 							className: "shrink-0 mt-0.5"
-						}), /* @__PURE__ */ p("span", { children: b })]
+						}), /* @__PURE__ */ p("span", { children: x })]
 					}),
-					S && /* @__PURE__ */ m("div", {
-						className: `p-3 border rounded-lg flex items-start gap-2 text-xs ${i ? "bg-emerald-950/60 border-emerald-900 text-emerald-300" : "bg-green-50 border-green-200 text-green-700"}`,
-						children: [/* @__PURE__ */ p(ee, {
+					C && /* @__PURE__ */ m("div", {
+						className: `p-3 border rounded-xl flex items-start gap-2 text-xs backdrop-blur-md ${i ? "bg-emerald-950/60 border-emerald-900 text-emerald-300" : "bg-green-50/80 border-green-200 text-green-700"}`,
+						children: [/* @__PURE__ */ p(z, {
 							size: 16,
 							className: "shrink-0 mt-0.5"
-						}), /* @__PURE__ */ p("span", { children: S })]
+						}), /* @__PURE__ */ p("span", { children: C })]
 					}),
 					/* @__PURE__ */ m("form", {
-						onSubmit: xe,
+						onSubmit: Pe,
 						className: "space-y-4",
 						children: [
 							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
-								className: `block text-xs font-semibold mb-1 ${i ? "text-zinc-200" : "text-gray-700"}`,
+								className: `block text-xs font-semibold mb-1.5 ${i ? "text-zinc-200" : "text-gray-800"}`,
 								children: "Registration Number or Email"
 							}), /* @__PURE__ */ m("div", {
 								className: "relative",
 								children: [/* @__PURE__ */ p("div", {
-									className: `absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none ${i ? "text-zinc-500" : "text-gray-400"}`,
-									children: /* @__PURE__ */ p(re, { size: 16 })
+									className: "absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none",
+									children: /* @__PURE__ */ p(Q, {
+										size: 15,
+										style: { color: r }
+									})
 								}), /* @__PURE__ */ p("input", {
 									type: "text",
 									required: !0,
-									value: A || w,
+									value: k || T,
 									onChange: (e) => {
-										j(e.target.value), T(e.target.value);
+										A(e.target.value), E(e.target.value);
 									},
 									placeholder: "e.g. attendee@example.com or REG12345",
-									className: `w-full pl-9 pr-3 py-2 text-sm border rounded-lg focus:outline-none focus:ring-2 ${i ? "bg-zinc-950 border-zinc-700 text-white placeholder-zinc-500" : "bg-white border-gray-300 text-gray-900"}`
+									className: `w-full pl-10 pr-3.5 py-2.5 text-xs font-medium rounded-xl focus:outline-none transition-all border border-gray-300 dark:border-zinc-700 shadow-2xs ${i ? "bg-zinc-900 text-white placeholder-zinc-500 hover:border-zinc-600 focus:bg-zinc-900" : "bg-white text-gray-900 placeholder-gray-400 hover:border-gray-400 focus:bg-white"}`,
+									style: {
+										borderLeftWidth: "3.5px",
+										borderLeftStyle: "solid",
+										borderLeftColor: r
+									},
+									onFocus: (e) => {
+										e.currentTarget.style.borderColor = r, e.currentTarget.style.boxShadow = `0 0 0 3px color-mix(in srgb, ${r} 20%, transparent), 0 1px 2px 0 rgba(0,0,0,0.05)`;
+									},
+									onBlur: (e) => {
+										e.currentTarget.style.borderColor = i ? "#3f3f46" : "#d1d5db", e.currentTarget.style.borderLeftColor = r, e.currentTarget.style.boxShadow = "none";
+									}
 								})]
 							})] }),
 							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("div", {
-								className: "flex justify-between items-center mb-1",
+								className: "flex justify-between items-center mb-1.5",
 								children: [/* @__PURE__ */ p("label", {
-									className: `block text-xs font-semibold ${i ? "text-zinc-200" : "text-gray-700"}`,
+									className: `block text-xs font-semibold ${i ? "text-zinc-200" : "text-gray-800"}`,
 									children: "Verification Code"
 								}), /* @__PURE__ */ p("button", {
 									type: "button",
 									onClick: () => {
-										j(A || w), l("request_code"), x(null), C(null);
+										A(k || T), h("request_code"), S(null), w(null);
 									},
 									className: "text-xs font-semibold hover:underline cursor-pointer",
 									style: { color: r },
@@ -1920,127 +2833,201 @@ var ye = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
 							}), /* @__PURE__ */ m("div", {
 								className: "relative",
 								children: [/* @__PURE__ */ p("div", {
-									className: `absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none ${i ? "text-zinc-500" : "text-gray-400"}`,
-									children: /* @__PURE__ */ p(G, { size: 16 })
+									className: "absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none",
+									children: /* @__PURE__ */ p(he, {
+										size: 15,
+										style: { color: r }
+									})
 								}), /* @__PURE__ */ p("input", {
 									type: "text",
 									required: !0,
 									value: M,
-									onChange: (e) => N(e.target.value),
+									onChange: (e) => re(e.target.value),
 									placeholder: "Enter code from email",
-									className: `w-full pl-9 pr-3 py-2 text-sm border rounded-lg focus:outline-none focus:ring-2 ${i ? "bg-zinc-950 border-zinc-700 text-white placeholder-zinc-500" : "bg-white border-gray-300 text-gray-900"}`
+									className: `w-full pl-10 pr-3.5 py-2.5 text-xs font-medium rounded-xl focus:outline-none transition-all border border-gray-300 dark:border-zinc-700 shadow-2xs ${i ? "bg-zinc-900 text-white placeholder-zinc-500 hover:border-zinc-600 focus:bg-zinc-900" : "bg-white text-gray-900 placeholder-gray-400 hover:border-gray-400 focus:bg-white"}`,
+									style: {
+										borderLeftWidth: "3.5px",
+										borderLeftStyle: "solid",
+										borderLeftColor: r
+									},
+									onFocus: (e) => {
+										e.currentTarget.style.borderColor = r, e.currentTarget.style.boxShadow = `0 0 0 3px color-mix(in srgb, ${r} 20%, transparent), 0 1px 2px 0 rgba(0,0,0,0.05)`;
+									},
+									onBlur: (e) => {
+										e.currentTarget.style.borderColor = i ? "#3f3f46" : "#d1d5db", e.currentTarget.style.borderLeftColor = r, e.currentTarget.style.boxShadow = "none";
+									}
 								})]
 							})] }),
 							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
-								className: `block text-xs font-semibold mb-1 ${i ? "text-zinc-200" : "text-gray-700"}`,
+								className: `block text-xs font-semibold mb-1.5 ${i ? "text-zinc-200" : "text-gray-800"}`,
 								children: "New Password"
 							}), /* @__PURE__ */ m("div", {
 								className: "relative",
 								children: [/* @__PURE__ */ p("div", {
-									className: `absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none ${i ? "text-zinc-500" : "text-gray-400"}`,
-									children: /* @__PURE__ */ p(q, { size: 16 })
+									className: "absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none",
+									children: /* @__PURE__ */ p(_e, {
+										size: 15,
+										style: { color: r }
+									})
 								}), /* @__PURE__ */ p("input", {
 									type: "password",
 									required: !0,
-									value: F,
-									onChange: (e) => L(e.target.value),
+									value: N,
+									onChange: (e) => P(e.target.value),
 									placeholder: "Enter new password",
-									className: `w-full pl-9 pr-3 py-2 text-sm border rounded-lg focus:outline-none focus:ring-2 ${i ? "bg-zinc-950 border-zinc-700 text-white placeholder-zinc-500" : "bg-white border-gray-300 text-gray-900"}`
+									className: `w-full pl-10 pr-3.5 py-2.5 text-xs font-medium rounded-xl focus:outline-none transition-all border border-gray-300 dark:border-zinc-700 shadow-2xs ${i ? "bg-zinc-900 text-white placeholder-zinc-500 hover:border-zinc-600 focus:bg-zinc-900" : "bg-white text-gray-900 placeholder-gray-400 hover:border-gray-400 focus:bg-white"}`,
+									style: {
+										borderLeftWidth: "3.5px",
+										borderLeftStyle: "solid",
+										borderLeftColor: r
+									},
+									onFocus: (e) => {
+										e.currentTarget.style.borderColor = r, e.currentTarget.style.boxShadow = `0 0 0 3px color-mix(in srgb, ${r} 20%, transparent), 0 1px 2px 0 rgba(0,0,0,0.05)`;
+									},
+									onBlur: (e) => {
+										e.currentTarget.style.borderColor = i ? "#3f3f46" : "#d1d5db", e.currentTarget.style.borderLeftColor = r, e.currentTarget.style.boxShadow = "none";
+									}
 								})]
 							})] }),
 							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
-								className: `block text-xs font-semibold mb-1 ${i ? "text-zinc-200" : "text-gray-700"}`,
+								className: `block text-xs font-semibold mb-1.5 ${i ? "text-zinc-200" : "text-gray-800"}`,
 								children: "Confirm Password"
 							}), /* @__PURE__ */ m("div", {
 								className: "relative",
 								children: [/* @__PURE__ */ p("div", {
-									className: `absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none ${i ? "text-zinc-500" : "text-gray-400"}`,
-									children: /* @__PURE__ */ p(q, { size: 16 })
+									className: "absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none",
+									children: /* @__PURE__ */ p(_e, {
+										size: 15,
+										style: { color: r }
+									})
 								}), /* @__PURE__ */ p("input", {
 									type: "password",
 									required: !0,
-									value: z,
-									onChange: (e) => B(e.target.value),
+									value: F,
+									onChange: (e) => oe(e.target.value),
 									placeholder: "Re-enter new password",
-									className: `w-full pl-9 pr-3 py-2 text-sm border rounded-lg focus:outline-none focus:ring-2 ${i ? "bg-zinc-950 border-zinc-700 text-white placeholder-zinc-500" : "bg-white border-gray-300 text-gray-900"}`
+									className: `w-full pl-10 pr-3.5 py-2.5 text-xs font-medium rounded-xl focus:outline-none transition-all border border-gray-300 dark:border-zinc-700 shadow-2xs ${i ? "bg-zinc-900 text-white placeholder-zinc-500 hover:border-zinc-600 focus:bg-zinc-900" : "bg-white text-gray-900 placeholder-gray-400 hover:border-gray-400 focus:bg-white"}`,
+									style: {
+										borderLeftWidth: "3.5px",
+										borderLeftStyle: "solid",
+										borderLeftColor: r
+									},
+									onFocus: (e) => {
+										e.currentTarget.style.borderColor = r, e.currentTarget.style.boxShadow = `0 0 0 3px color-mix(in srgb, ${r} 20%, transparent), 0 1px 2px 0 rgba(0,0,0,0.05)`;
+									},
+									onBlur: (e) => {
+										e.currentTarget.style.borderColor = i ? "#3f3f46" : "#d1d5db", e.currentTarget.style.borderLeftColor = r, e.currentTarget.style.boxShadow = "none";
+									}
 								})]
 							})] }),
 							/* @__PURE__ */ p("button", {
 								type: "submit",
-								disabled: u,
+								disabled: g,
 								style: { backgroundColor: r },
-								className: "w-full py-2.5 px-4 text-white text-sm font-bold rounded-lg hover:opacity-90 transition-opacity shadow-sm flex items-center justify-center cursor-pointer disabled:opacity-50 mt-2",
-								children: u ? "Updating Password..." : "Set New Password"
+								className: "w-full py-2.5 px-4 text-white text-sm font-bold rounded-xl hover:opacity-90 transition-all shadow-md flex items-center justify-center cursor-pointer disabled:opacity-50 mt-2 hover:shadow-lg",
+								children: g ? "Updating Password..." : "Set New Password"
 							})
 						]
 					})
 				]
 			})]
-		})
-	}) : /* @__PURE__ */ p("div", {
-		className: `flex flex-col h-full overflow-y-auto ${i ? "bg-black text-white" : "bg-gray-50 text-gray-900"}`,
-		children: /* @__PURE__ */ p("div", {
-			className: "p-5 flex-1 max-w-md mx-auto w-full flex flex-col justify-center",
+		})]
+	}) : /* @__PURE__ */ m("div", {
+		className: `flex flex-col ${o ? "w-full flex-1" : "h-full overflow-y-auto"} relative bg-transparent ${i ? "text-white" : "text-gray-900"}`,
+		children: [$(), /* @__PURE__ */ p("div", {
+			className: "p-5 flex-1 max-w-md mx-auto w-full flex flex-col justify-center relative z-10",
 			children: /* @__PURE__ */ m("div", {
-				className: `p-6 rounded-xl border shadow-sm space-y-4 ${i ? "bg-zinc-900 border-zinc-800" : "bg-white border-gray-200"}`,
+				className: `p-6 rounded-2xl border space-y-4 relative overflow-hidden transition-all duration-200 shadow-xs hover:shadow-sm ${i ? "bg-zinc-900 border-zinc-800" : "bg-white border-gray-200/90"}`,
 				children: [
+					/* @__PURE__ */ p("div", {
+						className: "absolute top-0 left-0 right-0 h-[2.5px] opacity-90",
+						style: { background: `linear-gradient(90deg, ${r}, transparent 80%)` }
+					}),
 					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h3", {
 						className: `text-lg font-bold ${i ? "text-white" : "text-gray-900"}`,
 						children: "Attendee Login"
 					}), /* @__PURE__ */ p("p", {
-						className: `text-xs mt-1 ${i ? "text-zinc-400" : "text-gray-500"}`,
+						className: `text-xs mt-1 ${i ? "text-zinc-400" : "text-gray-600"}`,
 						children: "Sign in with your email or registration number"
 					})] }),
-					b && /* @__PURE__ */ m("div", {
-						className: `p-3 border rounded-lg flex items-start gap-2 text-xs ${i ? "bg-red-950/60 border-red-900 text-red-300" : "bg-red-50 border-red-200 text-red-700"}`,
-						children: [/* @__PURE__ */ p(R, {
+					x && /* @__PURE__ */ m("div", {
+						className: `p-3 border rounded-xl flex items-start gap-2 text-xs backdrop-blur-md ${i ? "bg-red-950/60 border-red-900 text-red-300" : "bg-red-50/80 border-red-200 text-red-700"}`,
+						children: [/* @__PURE__ */ p(L, {
 							size: 16,
 							className: "shrink-0 mt-0.5"
-						}), /* @__PURE__ */ p("span", { children: b })]
+						}), /* @__PURE__ */ p("span", { children: x })]
 					}),
-					S && /* @__PURE__ */ m("div", {
-						className: `p-3 border rounded-lg flex items-start gap-2 text-xs ${i ? "bg-emerald-950/60 border-emerald-900 text-emerald-300" : "bg-green-50 border-green-200 text-green-700"}`,
-						children: [/* @__PURE__ */ p(ee, {
+					C && /* @__PURE__ */ m("div", {
+						className: `p-3 border rounded-xl flex items-start gap-2 text-xs backdrop-blur-md ${i ? "bg-emerald-950/60 border-emerald-900 text-emerald-300" : "bg-green-50/80 border-green-200 text-green-700"}`,
+						children: [/* @__PURE__ */ p(z, {
 							size: 16,
 							className: "shrink-0 mt-0.5"
-						}), /* @__PURE__ */ p("span", { children: S })]
+						}), /* @__PURE__ */ p("span", { children: C })]
 					}),
 					/* @__PURE__ */ m("form", {
-						onSubmit: ye,
+						onSubmit: Ae,
 						className: "space-y-4",
 						children: [
 							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
-								className: `block text-xs font-semibold mb-1 ${i ? "text-zinc-200" : "text-gray-700"}`,
+								className: `block text-xs font-semibold mb-1.5 ${i ? "text-zinc-200" : "text-gray-800"}`,
 								children: "Email or Registration Number"
 							}), /* @__PURE__ */ m("div", {
 								className: "relative",
 								children: [/* @__PURE__ */ p("div", {
-									className: `absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none ${i ? "text-zinc-500" : "text-gray-400"}`,
-									children: /* @__PURE__ */ p(re, { size: 16 })
+									className: "absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none",
+									children: /* @__PURE__ */ p(Q, {
+										size: 15,
+										style: { color: r }
+									})
 								}), /* @__PURE__ */ p("input", {
 									type: "text",
 									required: !0,
-									value: w,
-									onChange: (e) => T(e.target.value),
+									value: T,
+									onChange: (e) => E(e.target.value),
 									placeholder: "Enter email or registration number",
-									className: `w-full pl-9 pr-3 py-2 text-sm border rounded-lg focus:outline-none focus:ring-2 ${i ? "bg-zinc-950 border-zinc-700 text-white placeholder-zinc-500" : "bg-white border-gray-300 text-gray-900"}`
+									className: `w-full pl-10 pr-3.5 py-2.5 text-xs font-medium rounded-xl focus:outline-none transition-all border border-gray-300 dark:border-zinc-700 shadow-2xs ${i ? "bg-zinc-900 text-white placeholder-zinc-500 hover:border-zinc-600 focus:bg-zinc-900" : "bg-white text-gray-900 placeholder-gray-400 hover:border-gray-400 focus:bg-white"}`,
+									style: {
+										borderLeftWidth: "3.5px",
+										borderLeftStyle: "solid",
+										borderLeftColor: r
+									},
+									onFocus: (e) => {
+										e.currentTarget.style.borderColor = r, e.currentTarget.style.boxShadow = `0 0 0 3px color-mix(in srgb, ${r} 25%, transparent), 0 4px 16px 0 rgba(0,0,0,0.06)`;
+									},
+									onBlur: (e) => {
+										e.currentTarget.style.borderColor = i ? "#3f3f46" : "#d1d5db", e.currentTarget.style.borderLeftColor = r, e.currentTarget.style.boxShadow = "none";
+									}
 								})]
 							})] }),
 							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
-								className: `block text-xs font-semibold mb-1 ${i ? "text-zinc-200" : "text-gray-700"}`,
+								className: `block text-xs font-semibold mb-1.5 ${i ? "text-zinc-200" : "text-gray-800"}`,
 								children: "Password"
 							}), /* @__PURE__ */ m("div", {
 								className: "relative",
 								children: [/* @__PURE__ */ p("div", {
-									className: `absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none ${i ? "text-zinc-500" : "text-gray-400"}`,
-									children: /* @__PURE__ */ p(q, { size: 16 })
+									className: "absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none",
+									children: /* @__PURE__ */ p(_e, {
+										size: 15,
+										style: { color: r }
+									})
 								}), /* @__PURE__ */ p("input", {
 									type: "password",
 									required: !0,
-									value: E,
+									value: te,
 									onChange: (e) => D(e.target.value),
 									placeholder: "Enter password",
-									className: `w-full pl-9 pr-3 py-2 text-sm border rounded-lg focus:outline-none focus:ring-2 ${i ? "bg-zinc-950 border-zinc-700 text-white placeholder-zinc-500" : "bg-white border-gray-300 text-gray-900"}`
+									className: `w-full pl-10 pr-3.5 py-2.5 text-xs font-medium rounded-xl focus:outline-none transition-all border border-gray-300 dark:border-zinc-700 shadow-2xs ${i ? "bg-zinc-900 text-white placeholder-zinc-500 hover:border-zinc-600 focus:bg-zinc-900" : "bg-white text-gray-900 placeholder-gray-400 hover:border-gray-400 focus:bg-white"}`,
+									style: {
+										borderLeftWidth: "3.5px",
+										borderLeftStyle: "solid",
+										borderLeftColor: r
+									},
+									onFocus: (e) => {
+										e.currentTarget.style.borderColor = r, e.currentTarget.style.boxShadow = `0 0 0 3px color-mix(in srgb, ${r} 25%, transparent), 0 4px 16px 0 rgba(0,0,0,0.06)`;
+									},
+									onBlur: (e) => {
+										e.currentTarget.style.borderColor = i ? "#3f3f46" : "#d1d5db", e.currentTarget.style.borderLeftColor = r, e.currentTarget.style.boxShadow = "none";
+									}
 								})]
 							})] }),
 							/* @__PURE__ */ m("div", {
@@ -2048,7 +3035,7 @@ var ye = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
 								children: [/* @__PURE__ */ p("button", {
 									type: "button",
 									onClick: () => {
-										j(w), l("request_code"), x(null), C(null);
+										A(T), h("request_code"), S(null), w(null);
 									},
 									className: "font-semibold hover:underline cursor-pointer",
 									style: { color: r },
@@ -2056,7 +3043,7 @@ var ye = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
 								}), /* @__PURE__ */ p("button", {
 									type: "button",
 									onClick: () => {
-										j(w), l("reset"), x(null), C(null);
+										A(T), h("reset"), S(null), w(null);
 									},
 									className: "font-semibold hover:underline cursor-pointer",
 									style: { color: r },
@@ -2065,10 +3052,10 @@ var ye = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
 							}),
 							/* @__PURE__ */ p("button", {
 								type: "submit",
-								disabled: u,
+								disabled: g,
 								style: { backgroundColor: r },
-								className: "w-full py-2.5 px-4 text-white text-sm font-bold rounded-lg hover:opacity-90 transition-opacity shadow-sm flex items-center justify-center cursor-pointer disabled:opacity-50",
-								children: u ? /* @__PURE__ */ m("div", {
+								className: "w-full py-2.5 px-4 text-white text-sm font-bold rounded-xl hover:opacity-90 transition-all shadow-md flex items-center justify-center cursor-pointer disabled:opacity-50 hover:shadow-lg",
+								children: g ? /* @__PURE__ */ m("div", {
 									className: "flex items-center gap-2",
 									children: [/* @__PURE__ */ m("svg", {
 										className: "animate-spin h-4 w-4 text-white",
@@ -2093,12 +3080,12 @@ var ye = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
 					})
 				]
 			})
-		})
+		})]
 	});
 };
 //#endregion
 //#region src/widget/components/EventWidgetReact.tsx
-function be(e) {
+function Ze(e) {
 	if (!e) return "bottom-right";
 	switch (e) {
 		case "bottom-left":
@@ -2110,7 +3097,7 @@ function be(e) {
 		default: return "bottom-right";
 	}
 }
-var xe = (e) => {
+var Qe = (e) => {
 	switch (e) {
 		case "bottom-left": return {
 			bottom: "20px",
@@ -2137,59 +3124,59 @@ var xe = (e) => {
 			left: "auto"
 		};
 	}
-}, Se = (e) => {
+}, $e = (e) => {
 	switch (e) {
 		case "bottom-left": return "bottom-5 left-5";
 		case "top-right": return "top-5 right-5";
 		case "top-left": return "top-5 left-5";
 		default: return "bottom-5 right-5";
 	}
-}, Ce = ({ config: e }) => {
-	let [t, n] = d("registration"), [r, i] = d(e.displayMode !== "popup"), [o, c] = d(!1), [h, y] = d([]), [b, x] = d("FOGSI YUVA 2026"), [S, C] = d(null), [w, T] = d(!0), [E, D] = d(!1), [O, k] = d(null), [A, j] = d(null), [M, N] = d(() => be(e.position)), [P, F] = d(null), [I, L] = d(null), [R, z] = d(!1), [ee, B] = d(!1), te = u(null), V = u(null), H = u(!1);
+}, et = ({ config: e }) => {
+	let [t, n] = d("registration"), [r, i] = d(e.displayMode !== "popup"), [o, c] = d(!1), [h, y] = d([]), [ee, b] = d(""), [x, S] = d(null), [C, w] = d(!0), [T, E] = d(""), [te, D] = d(!1), [ne, O] = d(null), [k, A] = d(null), [j, M] = d(() => Ze(e.position)), [N, ie] = d(null), [P, ae] = d(null), [F, I] = d(!1), [oe, se] = d(!1), ce = u(null), L = u(null), R = u(!1);
 	s(() => {
-		e.position && N(be(e.position));
+		e.position && M(Ze(e.position));
 	}, [e.position]);
-	let U = e.themeMode === "dark" || e.theme?.mode === "dark", W = e.theme?.primaryColor || "#2563eb", G = l(() => new g(e.debug), [e.debug]), K = l(() => new _(e.baseUrl, e.eventSlug, G, e.timeoutMs ?? 12e4), [
+	let z = e.themeMode === "dark" || e.theme?.mode === "dark", B = e.theme?.primaryColor || "#2563eb", V = !!e.isAbstract, U = e.headerBannerImage, ue = e.listBackgroundImage, W = l(() => new g(e.debug), [e.debug]), G = l(() => new _(e.baseUrl, e.eventSlug, W, e.timeoutMs ?? 12e4), [
 		e.baseUrl,
 		e.eventSlug,
-		G,
+		W,
 		e.timeoutMs
-	]), q = l(() => new v(e.eventSlug), [e.eventSlug]), J = u(e.displayMode), Y = u(null), [X, re] = d(null);
+	]), K = l(() => new v(e.eventSlug), [e.eventSlug]), q = u(e.displayMode), J = u(null), [Y, fe] = d(null);
 	s(() => {
-		q.getXrefId();
-	}, [q]), s(() => {
+		K.getXrefId();
+	}, [K]), s(() => {
 		if (!r) return;
-		let t = q.getXrefId();
-		t && K.getDraft(t).then((t) => {
+		let t = K.getXrefId();
+		t && G.getDraft(t).then((t) => {
 			let n = t?.data || t;
-			n && n.registration_type && (re(n), e.onEvent?.("draft_loaded", n));
+			n && n.registration_type && (fe(n), e.onEvent?.("draft_loaded", n));
 		}).catch((e) => {
-			G.log("No draft found for this session", e);
+			W.log("No draft found for this session", e);
 		});
 	}, [
 		r,
+		G,
 		K,
-		q,
-		G
+		W
 	]);
-	let ie = l(() => {
-		if (!X || !S || String(X.registration_type) !== String(S.id)) return {};
-		let e = { ...X.custom_data || {} };
-		if (X.salutation && (e.salutation = X.salutation, e.title = X.salutation), X.name) {
-			e.name = X.name, e.full_name = X.name, e.fullName = X.name;
-			let t = X.name.trim().split(/\s+/);
+	let X = l(() => {
+		if (!Y || !x || String(Y.registration_type) !== String(x.id)) return {};
+		let e = { ...Y.custom_data || {} };
+		if (Y.salutation && (e.salutation = Y.salutation, e.title = Y.salutation), Y.name) {
+			e.name = Y.name, e.full_name = Y.name, e.fullName = Y.name;
+			let t = Y.name.trim().split(/\s+/);
 			t.length > 0 && !e.first_name && (e.first_name = t[0]), t.length > 1 && !e.last_name && (e.last_name = t.slice(1).join(" "));
 		}
-		return X.email && (e.email = X.email), X.phone && (e.phone = X.phone, e.mobile = X.phone, e.phoneNumber = X.phone), (S?.form_schema?.fields || []).forEach((t) => {
-			let n = ve(t.id, t.label);
+		return Y.email && (e.email = Y.email), Y.phone && (e.phone = Y.phone, e.mobile = Y.phone, e.phoneNumber = Y.phone), (x?.form_schema?.fields || []).forEach((t) => {
+			let n = Je(t.id, t.label);
 			e[t.id] === void 0 && e[n] !== void 0 && (e[t.id] = e[n]);
 		}), e;
-	}, [X, S]);
+	}, [Y, x]);
 	s(() => () => {
-		Y.current && clearTimeout(Y.current);
+		J.current && clearTimeout(J.current);
 	}, []);
-	let Z = a((t) => {
-		Y.current && clearTimeout(Y.current), Y.current = setTimeout(async () => {
+	let pe = a((t) => {
+		J.current && clearTimeout(J.current), J.current = setTimeout(async () => {
 			if (!Object.values(t).some((e) => e !== "" && e != null)) return;
 			let n = /* @__PURE__ */ new Set([
 				"salutation",
@@ -2205,54 +3192,56 @@ var xe = (e) => {
 				"phoneNumber",
 				"selected_items",
 				"custom_data"
-			]), r = S?.form_schema?.fields || [], i = /* @__PURE__ */ new Map();
+			]), r = x?.form_schema?.fields || [], i = /* @__PURE__ */ new Map();
 			r.forEach((e) => i.set(e.id, e));
 			let a = { ...t.custom_data || {} };
 			for (let [e, r] of Object.entries(t)) if (!n.has(e)) {
-				let t = ve(e, i.get(e)?.label);
+				let t = Je(e, i.get(e)?.label);
 				a[t] = r, t !== e && (a[e] = r);
 			}
 			let o = {
-				xref_id: q.getXrefId(),
+				xref_id: K.getXrefId(),
 				salutation: t.salutation || t.title || "",
 				name: t.name || t.fullName || t.full_name || [t.firstName, t.lastName].filter(Boolean).join(" ") || "",
 				email: t.email || "",
 				phone: t.phone || t.mobile || t.phoneNumber || "",
-				registration_type: S?.id,
+				registration_type: x?.id,
 				custom_data: a,
-				selected_items: t.selected_items || []
+				selected_items: t.selected_items || [],
+				...V ? { accept_review_file: !0 } : {}
 			};
 			try {
-				await K.trackProgress(o), e.onEvent?.("draft_saved", o);
+				await G.trackProgress(o), e.onEvent?.("draft_saved", o);
 			} catch (e) {
-				G.error("Failed to save draft progress", e);
+				W.error("Failed to save draft progress", e);
 			}
 		}, 600);
 	}, [
-		q,
 		K,
-		S,
+		G,
+		x,
 		e,
-		G
+		W,
+		V
 	]);
 	s(() => {
-		J.current !== e.displayMode && (J.current = e.displayMode, i(e.displayMode !== "popup"), c(!1));
+		q.current !== e.displayMode && (q.current = e.displayMode, i(e.displayMode !== "popup"), c(!1));
 	}, [e.displayMode]), s(() => {
-		K.getFormSchema().then((t) => {
-			y(t?.data?.types || []), (t?.data?.event_name || t?.data?.title || t?.data?.name) && x(t.data.event_name || t.data.title || t.data.name), e.onEvent?.("form_loaded", t.data);
+		G.getFormSchema().then((t) => {
+			y(t?.data?.types || []), (t?.data?.event_name || t?.data?.title || t?.data?.name) && b(t.data.event_name || t.data.title || t.data.name), e.onEvent?.("form_loaded", t?.data);
 		}).catch((t) => {
-			G.error("Failed to load schema", t);
+			W.error("Failed to load schema", t), y([]);
 			let n = {
 				type: "schema_load",
 				message: t?.message || "Failed to load event schema",
 				error: t
 			};
 			e.onEvent?.("error", n), e.onError?.(n);
-		}).finally(() => T(!1));
-	}, [K]);
-	let Q = async (t) => {
-		Y.current && clearTimeout(Y.current), T(!0), k(null);
-		let n = q.getXrefId(), r = /* @__PURE__ */ new Set([
+		}).finally(() => w(!1));
+	}, [G]);
+	let me = async (t) => {
+		J.current && clearTimeout(J.current), w(!0), O(null);
+		let n = K.getXrefId(), r = /* @__PURE__ */ new Set([
 			"salutation",
 			"title",
 			"name",
@@ -2268,11 +3257,11 @@ var xe = (e) => {
 			"selected_items",
 			"custom_data",
 			"xref_id"
-		]), i = S?.form_schema?.fields || [], a = /* @__PURE__ */ new Map();
+		]), i = x?.form_schema?.fields || [], a = /* @__PURE__ */ new Map();
 		i.forEach((e) => a.set(e.id, e));
 		let o = { ...t.custom_data || {} };
 		for (let [e, n] of Object.entries(t)) if (!r.has(e)) {
-			let t = ve(e, a.get(e)?.label);
+			let t = Je(e, a.get(e)?.label);
 			o[t] = n, t !== e && (o[e] = n);
 		}
 		let s = {
@@ -2281,77 +3270,78 @@ var xe = (e) => {
 			name: t.name || t.fullName || t.full_name || [t.firstName, t.lastName].filter(Boolean).join(" ") || "",
 			email: t.email || "",
 			phone: t.phone || t.mobile || t.phoneNumber || "",
-			registration_type: S.id,
+			registration_type: x.id,
 			custom_data: o,
 			selected_items: t.selected_items || []
 		};
+		V && (s.accept_review_file = !0);
 		try {
-			let t = await K.submitRegistration(s);
-			q.updateXrefId(), re(null);
-			let n = t?.data?.payment_url || t?.payment_url || null;
-			j(n), n && typeof n == "string" && n.trim() !== "" && window.open(n, "_blank", "noopener,noreferrer"), D(!0);
+			let t = await G.submitRegistration(s);
+			K.updateXrefId(), fe(null);
+			let n = V ? null : t?.data?.payment_url || t?.payment_url || null;
+			A(n), n && typeof n == "string" && n.trim() !== "" && window.open(n, "_blank", "noopener,noreferrer"), D(!0);
 			let r = {
-				registrationType: S.id,
+				registrationType: x.id,
 				payload: s,
 				response: t,
 				paymentUrl: n
 			};
 			e.onEvent?.("submitted", r), e.onRegister?.(r), e.onRegistered?.(r);
 		} catch (t) {
-			G.error("Submission failed", t);
+			W.error("Submission failed", t);
 			let n = t?.message || "Registration failed. Please check your information and try again.", r = {
 				type: "submit_error",
 				message: n,
 				error: t
 			};
-			e.onEvent?.("error", r), e.onError?.(r), k(n);
+			e.onEvent?.("error", r), e.onError?.(r), O(n);
 		} finally {
-			T(!1);
+			w(!1);
 		}
-	}, ce = () => {
-		D(!1), k(null), j(null), C(null), re(null);
-	}, le = a((e) => {
-		if (e.stopPropagation(), e.button !== 0 || !te.current) return;
-		let t = te.current.getBoundingClientRect();
-		V.current = {
+	}, he = () => {
+		D(!1), O(null), A(null), S(null), fe(null);
+	}, ge = a((e) => {
+		if (e.stopPropagation(), e.button !== 0 || !ce.current) return;
+		let t = ce.current.getBoundingClientRect();
+		L.current = {
 			startX: e.clientX,
 			startY: e.clientY,
 			rect: t,
-			corner: M
-		}, H.current = !1, z(!0);
-	}, [M]);
+			corner: j
+		}, R.current = !1, I(!0);
+	}, [j]);
 	if (s(() => {
-		if (!R) return;
+		if (!F) return;
 		let t = (e) => {
-			if (!V.current) return;
-			let t = e.clientX - V.current.startX, n = e.clientY - V.current.startY;
-			H.current || Math.hypot(t, n) > 5 && (H.current = !0), H.current && F({
+			if (!L.current) return;
+			let t = e.clientX - L.current.startX, n = e.clientY - L.current.startY;
+			R.current || Math.hypot(t, n) > 5 && (R.current = !0), R.current && ie({
 				x: t,
 				y: n
 			});
 		}, n = (t) => {
-			if (!V.current) {
-				z(!1), F(null), H.current = !1;
+			if (!L.current) {
+				I(!1), ie(null), R.current = !1;
 				return;
 			}
-			let { rect: n, startX: r, startY: i } = V.current, a = t.clientX - r, o = t.clientY - i, s = H.current;
-			if (V.current = null, z(!1), setTimeout(() => {
-				H.current = !1;
+			let { rect: n, startX: r, startY: i } = L.current, a = t.clientX - r, o = t.clientY - i, s = R.current;
+			if (L.current = null, I(!1), setTimeout(() => {
+				R.current = !1;
 			}, 100), !s) {
-				F(null);
+				ie(null);
 				return;
 			}
-			let c = n.left + a, l = n.top + o, u = c + n.width / 2, d = l + n.height / 2, f = typeof window < "u" ? window.innerWidth : 1024, p = typeof window < "u" ? window.innerHeight : 768, m = u >= f / 2, h = d >= p / 2, g = h ? m ? "bottom-right" : "bottom-left" : m ? "top-right" : "top-left", _ = m ? f - n.width - 20 : 20, v = h ? p - n.height - 20 : 20, y = c - _, b = l - v;
-			L({
-				transform: `translate3d(${y}px, ${b}px, 0)`,
+			let c = n.left + a, l = n.top + o, u = c + n.width / 2, d = l + n.height / 2, f = typeof window < "u" ? window.innerWidth : 1024, p = typeof window < "u" ? window.innerHeight : 768, m = u >= f / 2, h = d >= p / 2, g = h ? m ? "bottom-right" : "bottom-left" : m ? "top-right" : "top-left", _ = m ? f - n.width - 20 : 20, v = h ? p - n.height - 20 : 20, y = c - _, ee = l - v;
+			ae({
+				transform: `translate3d(${y}px, ${ee}px, 0)`,
 				transition: "none"
-			}), F(null), N(g), e.onEvent?.("position_changed", { position: g }), requestAnimationFrame(() => {
+			}), ie(null), M(g), e.onEvent?.("position_changed", { position: g }), requestAnimationFrame(() => {
 				requestAnimationFrame(() => {
-					L({
+					ae({
 						transform: "translate3d(0, 0, 0)",
 						transition: "transform 0.35s cubic-bezier(0.16, 1, 0.3, 1)"
 					}), setTimeout(() => {
-						L(null);
+						ae(null);
 					}, 360);
 				});
 			});
@@ -2359,39 +3349,39 @@ var xe = (e) => {
 		return window.addEventListener("pointermove", t), window.addEventListener("pointerup", n), window.addEventListener("pointercancel", n), () => {
 			window.removeEventListener("pointermove", t), window.removeEventListener("pointerup", n), window.removeEventListener("pointercancel", n);
 		};
-	}, [R, e]), !r && e.displayMode === "popup") {
+	}, [F, e]), !r && e.displayMode === "popup") {
 		let e = {
-			...xe(M),
-			...P ? {
-				transform: `translate3d(${P.x}px, ${P.y}px, 0) scale(1.05)`,
+			...Qe(j),
+			...N ? {
+				transform: `translate3d(${N.x}px, ${N.y}px, 0) scale(1.05)`,
 				transition: "none",
 				userSelect: "none"
-			} : I ? {
-				transform: I.transform,
-				transition: I.transition
+			} : P ? {
+				transform: P.transform,
+				transition: P.transition
 			} : { transition: "all 0.3s cubic-bezier(0.16, 1, 0.3, 1)" }
-		}, t = ee || R;
+		}, t = oe || F;
 		return /* @__PURE__ */ m("div", {
-			ref: te,
-			onMouseEnter: () => B(!0),
-			onMouseLeave: () => B(!1),
-			className: `fixed ${Se(M)} z-50 select-none group`,
+			ref: ce,
+			onMouseEnter: () => se(!0),
+			onMouseLeave: () => se(!1),
+			className: `fixed ${$e(j)} z-50 select-none group`,
 			style: e,
 			children: [/* @__PURE__ */ p("div", {
-				onPointerDown: le,
+				onPointerDown: ge,
 				className: `absolute -top-1.5 -left-1.5 w-7 h-7 rounded-full bg-slate-900 text-white shadow-lg border-2 border-white flex items-center justify-center cursor-grab active:cursor-grabbing hover:bg-black hover:scale-110 active:scale-95 transition-all duration-200 z-10 touch-none ${t ? "opacity-100 scale-100 pointer-events-auto" : "opacity-0 scale-75 pointer-events-none group-hover:opacity-100 group-hover:scale-100 group-hover:pointer-events-auto"}`,
 				title: "Hold and drag to change position",
-				children: /* @__PURE__ */ p(se, {
+				children: /* @__PURE__ */ p(De, {
 					size: 13,
 					className: "pointer-events-none text-white"
 				})
 			}), /* @__PURE__ */ p("button", {
 				type: "button",
 				onClick: (e) => {
-					e.stopPropagation(), !R && i(!0);
+					e.stopPropagation(), !F && i(!0);
 				},
 				className: "w-16 h-16 rounded-full text-white shadow-xl flex items-center justify-center cursor-pointer hover:scale-105 active:scale-95 transition-transform",
-				style: { backgroundColor: W },
+				style: { backgroundColor: B },
 				title: "Click to open registration",
 				children: /* @__PURE__ */ p("span", {
 					className: "font-bold text-sm tracking-wide pointer-events-none",
@@ -2400,13 +3390,35 @@ var xe = (e) => {
 			})]
 		});
 	}
-	let ue = e.displayMode === "fullscreen" || e.displayMode === "popup" && o, de = `${U ? "bg-black text-white border-zinc-800" : "bg-white text-gray-900 border-gray-200"} overflow-hidden flex flex-col shadow-2xl border transition-all duration-300 ease-in-out `, $ = { fontFamily: e.theme?.fontFamily || "sans-serif" };
-	return ue ? (de += "fixed inset-0 z-[9999] rounded-none ", $.width = "100vw", $.height = "100vh") : e.displayMode === "popup" ? (de += `fixed ${Se(M)} z-50 rounded-xl `, $.width = e.width || "400px", $.height = e.height || "700px", $.maxHeight = "90vh", $.maxWidth = "calc(100vw - 32px)", Object.assign($, xe(M))) : (de += "rounded-xl relative ", $.width = "100%", $.height = "100%"), /* @__PURE__ */ p("div", {
-		className: de,
-		style: $,
-		children: w ? /* @__PURE__ */ m("div", {
+	let _e = e.displayMode === "fullscreen" || e.displayMode === "popup" && o, ve = e.backgroundImage || e.theme?.backgroundImage, Z = e.displayMode === "widget", ye = `${ve ? z ? "bg-zinc-950 text-white" : "bg-slate-100/90 text-gray-900" : z ? "bg-zinc-950 text-white" : "bg-[#fbf7f9] text-gray-900"} flex flex-col transition-all duration-300 ease-in-out relative `, Q = { fontFamily: e.theme?.fontFamily || "sans-serif" };
+	return _e ? (ye += "fixed inset-0 z-[9999] rounded-none overflow-hidden ", Q.width = "100vw", Q.height = "100vh") : e.displayMode === "popup" ? (ye += `fixed ${$e(j)} z-50 rounded-xl shadow-2xl border ${z ? "border-zinc-800" : "border-gray-200"} overflow-hidden `, Q.width = e.width || "400px", Q.height = e.height || "700px", Q.maxHeight = "90vh", Q.maxWidth = "calc(100vw - 32px)", Object.assign(Q, Qe(j))) : (ye += "w-full min-h-screen border-none shadow-none rounded-none ", Q.width = "100%", Q.minHeight = "100vh"), /* @__PURE__ */ m("div", {
+		className: ye,
+		style: {
+			...Q,
+			overflow: Z ? "visible" : "clip"
+		},
+		onScroll: (e) => {
+			Z || (e.currentTarget.scrollTop !== 0 && (e.currentTarget.scrollTop = 0), e.currentTarget.scrollLeft !== 0 && (e.currentTarget.scrollLeft = 0));
+		},
+		children: [ve && /* @__PURE__ */ m("div", {
+			className: "absolute inset-0 pointer-events-none overflow-hidden z-0 select-none",
+			children: [/* @__PURE__ */ p("div", {
+				className: "absolute inset-0 bg-cover bg-center bg-no-repeat transition-opacity duration-700 pointer-events-none",
+				style: {
+					backgroundImage: `url(${ve})`,
+					backgroundSize: "cover",
+					backgroundPosition: "center",
+					backgroundRepeat: "no-repeat",
+					opacity: z ? .55 : .85,
+					filter: z ? "saturate(85%) contrast(105%)" : "saturate(95%) contrast(100%)"
+				}
+			}), /* @__PURE__ */ p("div", {
+				className: "absolute inset-0 pointer-events-none",
+				style: { background: z ? "linear-gradient(180deg, rgba(9,9,11,0.45) 0%, rgba(9,9,11,0.65) 100%)" : "linear-gradient(180deg, rgba(255,255,255,0.1) 0%, rgba(248,250,252,0.18) 100%)" }
+			})]
+		}), C ? /* @__PURE__ */ m("div", {
 			className: "flex h-full items-center justify-center font-medium",
-			style: { color: W },
+			style: { color: B },
 			children: [/* @__PURE__ */ m("svg", {
 				className: "animate-spin -ml-1 mr-3 h-8 w-8",
 				xmlns: "http://www.w3.org/2000/svg",
@@ -2425,12 +3437,12 @@ var xe = (e) => {
 					d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
 				})]
 			}), "Processing..."]
-		}) : E ? A ? /* @__PURE__ */ m("div", {
-			className: `flex flex-col h-full relative overflow-y-auto ${U ? "bg-black text-white" : "bg-white text-gray-900"}`,
+		}) : te ? k ? /* @__PURE__ */ m("div", {
+			className: `flex flex-col h-full relative overflow-y-auto ${z ? "bg-black text-white" : "bg-white text-gray-900"}`,
 			children: [/* @__PURE__ */ m("div", {
 				className: "p-4 shadow-sm flex justify-between items-center z-10",
 				style: {
-					backgroundColor: W,
+					backgroundColor: B,
 					color: "white"
 				},
 				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h2", {
@@ -2445,11 +3457,11 @@ var xe = (e) => {
 						onClick: () => c(!o),
 						title: o ? "Minimize" : "Expand",
 						className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
-						children: p(o ? oe : ae, { size: 18 })
+						children: p(o ? Te : Ce, { size: 18 })
 					}), /* @__PURE__ */ p("button", {
 						onClick: () => i(!1),
 						className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
-						children: /* @__PURE__ */ p(ge, { size: 24 })
+						children: /* @__PURE__ */ p($, { size: 24 })
 					})] })
 				})]
 			}), /* @__PURE__ */ m("div", {
@@ -2458,72 +3470,72 @@ var xe = (e) => {
 					/* @__PURE__ */ p("div", {
 						className: "w-16 h-16 rounded-full flex items-center justify-center mb-4 text-2xl shadow-md",
 						style: {
-							backgroundColor: `color-mix(in srgb, ${W} 12%, transparent)`,
-							color: W
+							backgroundColor: `color-mix(in srgb, ${B} 12%, transparent)`,
+							color: B
 						},
 						children: "💳"
 					}),
 					/* @__PURE__ */ p("h3", {
-						className: `text-2xl font-bold mb-2 ${U ? "text-white" : "text-gray-900"}`,
+						className: `text-2xl font-bold mb-2 ${z ? "text-white" : "text-gray-900"}`,
 						children: "Done Your Payment First"
 					}),
 					/* @__PURE__ */ p("p", {
-						className: `text-sm mb-6 max-w-xs leading-relaxed ${U ? "text-zinc-300" : "text-gray-600"}`,
+						className: `text-sm mb-6 max-w-xs leading-relaxed ${z ? "text-zinc-300" : "text-gray-600"}`,
 						children: "Please complete your payment in the new tab to confirm your booking and finalize your registration."
 					}),
 					/* @__PURE__ */ m("div", {
 						className: "w-full max-w-xs space-y-3",
 						children: [/* @__PURE__ */ m("a", {
-							href: A,
+							href: k,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							className: "flex items-center justify-center gap-2 font-bold px-5 py-3 rounded-lg transition-opacity hover:opacity-90 text-white shadow-md w-full",
-							style: { backgroundColor: W },
-							children: [/* @__PURE__ */ p("span", { children: "Open Payment Page" }), /* @__PURE__ */ p(ne, { size: 16 })]
+							style: { backgroundColor: B },
+							children: [/* @__PURE__ */ p("span", { children: "Open Payment Page" }), /* @__PURE__ */ p(de, { size: 16 })]
 						}), /* @__PURE__ */ p("button", {
-							onClick: ce,
-							className: `w-full py-2.5 px-4 text-sm font-semibold transition-colors cursor-pointer ${U ? "text-zinc-400 hover:text-white" : "text-gray-500 hover:text-gray-900"}`,
+							onClick: he,
+							className: `w-full py-2.5 px-4 text-sm font-semibold transition-colors cursor-pointer ${z ? "text-zinc-400 hover:text-white" : "text-gray-500 hover:text-gray-900"}`,
 							children: "Register Another Person"
 						})]
 					})
 				]
 			})]
 		}) : /* @__PURE__ */ m("div", {
-			className: `flex flex-col h-full items-center justify-center p-8 text-center relative ${U ? "bg-black text-white" : "bg-white text-gray-900"}`,
+			className: `flex flex-col h-full items-center justify-center p-8 text-center relative ${z ? "bg-black text-white" : "bg-white text-gray-900"}`,
 			children: [
 				e.displayMode === "popup" && /* @__PURE__ */ p("div", {
 					className: "absolute top-4 right-4 flex items-center gap-2",
 					children: /* @__PURE__ */ p("button", {
 						onClick: () => i(!1),
-						className: `cursor-pointer ${U ? "text-zinc-400 hover:text-white" : "text-gray-400 hover:text-gray-900"}`,
-						children: /* @__PURE__ */ p(ge, { size: 24 })
+						className: `cursor-pointer ${z ? "text-zinc-400 hover:text-white" : "text-gray-400 hover:text-gray-900"}`,
+						children: /* @__PURE__ */ p($, { size: 24 })
 					})
 				}),
 				/* @__PURE__ */ p("div", {
 					className: "w-20 h-20 rounded-full flex items-center justify-center mb-6 text-4xl shadow-md",
 					style: {
-						backgroundColor: W,
+						backgroundColor: B,
 						color: "white"
 					},
 					children: "✓"
 				}),
 				/* @__PURE__ */ p("h2", {
-					className: `text-3xl font-bold mb-3 ${U ? "text-white" : "text-gray-900"}`,
-					children: "Thank You!"
+					className: `text-3xl font-bold mb-3 ${z ? "text-white" : "text-gray-900"}`,
+					children: V ? "Submitted" : "Thank You!"
 				}),
 				/* @__PURE__ */ p("p", {
-					className: `mb-8 ${U ? "text-zinc-300" : "text-gray-600"}`,
-					children: "Your registration has been successfully received."
+					className: `mb-8 ${z ? "text-zinc-300" : "text-gray-600"}`,
+					children: V ? "Your abstract has been submitted successfully." : "Your registration has been successfully received."
 				}),
 				/* @__PURE__ */ p("button", {
-					onClick: ce,
-					style: { backgroundColor: W },
+					onClick: he,
+					style: { backgroundColor: B },
 					className: "text-white font-bold py-3 px-8 rounded-md hover:opacity-90 transition-opacity shadow-md cursor-pointer",
-					children: "Register Another Person"
+					children: V ? "Submit Again" : "Register Another Person"
 				})
 			]
-		}) : O ? /* @__PURE__ */ m("div", {
-			className: `flex flex-col h-full relative overflow-y-auto ${U ? "bg-black text-white" : "bg-white text-gray-900"}`,
+		}) : ne ? /* @__PURE__ */ m("div", {
+			className: `flex flex-col h-full relative overflow-y-auto ${z ? "bg-black text-white" : "bg-white text-gray-900"}`,
 			children: [/* @__PURE__ */ m("div", {
 				className: "p-4 shadow-sm flex justify-between items-center z-10 bg-red-600 text-white",
 				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h2", {
@@ -2537,161 +3549,332 @@ var xe = (e) => {
 					children: e.displayMode === "popup" && /* @__PURE__ */ p("button", {
 						onClick: () => i(!1),
 						className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
-						children: /* @__PURE__ */ p(ge, { size: 24 })
+						children: /* @__PURE__ */ p($, { size: 24 })
 					})
 				})]
 			}), /* @__PURE__ */ m("div", {
 				className: "flex-1 flex flex-col items-center justify-center p-6 text-center",
 				children: [
 					/* @__PURE__ */ p("div", {
-						className: `w-16 h-16 rounded-full flex items-center justify-center mb-4 text-2xl shadow-md border ${U ? "bg-red-950/60 text-red-400 border-red-900" : "bg-red-50 text-red-600 border-red-200"}`,
+						className: `w-16 h-16 rounded-full flex items-center justify-center mb-4 text-2xl shadow-md border ${z ? "bg-red-950/60 text-red-400 border-red-900" : "bg-red-50 text-red-600 border-red-200"}`,
 						children: "✕"
 					}),
 					/* @__PURE__ */ p("h3", {
-						className: `text-2xl font-bold mb-2 ${U ? "text-white" : "text-gray-900"}`,
+						className: `text-2xl font-bold mb-2 ${z ? "text-white" : "text-gray-900"}`,
 						children: "Submission Error"
 					}),
 					/* @__PURE__ */ p("p", {
-						className: `text-sm mb-6 max-w-xs leading-relaxed ${U ? "text-zinc-300" : "text-gray-600"}`,
-						children: O
+						className: `text-sm mb-6 max-w-xs leading-relaxed ${z ? "text-zinc-300" : "text-gray-600"}`,
+						children: ne
 					}),
 					/* @__PURE__ */ m("div", {
 						className: "w-full max-w-xs space-y-3",
 						children: [/* @__PURE__ */ p("button", {
-							onClick: () => k(null),
-							style: { backgroundColor: W },
+							onClick: () => O(null),
+							style: { backgroundColor: B },
 							className: "flex items-center justify-center gap-2 font-bold px-5 py-3 rounded-lg transition-opacity hover:opacity-90 text-white shadow-md w-full cursor-pointer",
 							children: /* @__PURE__ */ p("span", { children: "Try Again" })
 						}), /* @__PURE__ */ p("button", {
 							onClick: () => {
-								k(null), C(null);
+								O(null), S(null);
 							},
-							className: `w-full py-2.5 px-4 text-sm font-semibold transition-colors cursor-pointer ${U ? "text-zinc-400 hover:text-white" : "text-gray-500 hover:text-gray-900"}`,
+							className: `w-full py-2.5 px-4 text-sm font-semibold transition-colors cursor-pointer ${z ? "text-zinc-400 hover:text-white" : "text-gray-500 hover:text-gray-900"}`,
 							children: "Choose Another Ticket"
 						})]
 					})
 				]
 			})]
-		}) : S ? /* @__PURE__ */ p(_e, {
-			schema: S.form_schema,
+		}) : x ? /* @__PURE__ */ p(qe, {
+			schema: x.form_schema,
+			ticketType: x,
 			theme: e.theme,
 			displayMode: e.displayMode,
+			backgroundImage: e.backgroundImage || e.theme?.backgroundImage,
 			isExpanded: o,
 			onToggleExpand: () => c(!o),
 			onClose: () => i(!1),
-			onSubmit: Q,
-			onChange: Z,
-			initialValues: ie,
-			isDark: U,
-			apiClient: K,
-			storage: q,
+			onSubmit: me,
+			onChange: pe,
+			initialValues: X,
+			isDark: z,
+			apiClient: G,
+			storage: K,
 			onError: e.onError,
 			onEvent: e.onEvent,
+			showReviewFields: V,
 			onBack: () => {
-				Y.current && clearTimeout(Y.current), C(null);
+				J.current && clearTimeout(J.current), S(null);
 			}
 		}) : /* @__PURE__ */ m("div", {
-			className: `flex flex-col h-full overflow-hidden ${U ? "bg-black text-white" : "bg-gray-50 text-gray-900"}`,
+			className: `flex flex-col ${Z ? "w-full flex-1" : "h-full min-h-0"} ${z ? "bg-zinc-950 text-white" : "bg-[#fbf7f9] text-gray-900"}`,
 			children: [
 				/* @__PURE__ */ m("div", {
-					className: "p-4 shadow-sm flex justify-between items-center z-10 shrink-0",
+					className: "relative overflow-hidden shadow-xs z-10 shrink-0 border-b border-white/10",
 					style: {
-						backgroundColor: W,
+						backgroundColor: B,
+						background: `linear-gradient(110deg, ${B} 0%, ${B} 40%, color-mix(in srgb, ${B} 85%, black) 100%)`,
 						color: "white"
 					},
-					children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h2", {
-						className: "text-xl font-bold",
-						children: t === "registration" ? "Select Ticket" : "Attendee Portal"
-					}), /* @__PURE__ */ p("p", {
-						className: "text-xs opacity-90 mt-0.5",
-						children: t === "registration" ? b : "Registration & Profile Management"
-					})] }), /* @__PURE__ */ p("div", {
-						className: "flex items-center gap-3",
-						children: e.displayMode === "popup" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
-							onClick: () => c(!o),
-							title: o ? "Minimize" : "Expand",
-							className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
-							children: p(o ? oe : ae, { size: 18 })
-						}), /* @__PURE__ */ p("button", {
-							onClick: () => i(!1),
-							className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
-							children: /* @__PURE__ */ p(ge, { size: 22 })
-						})] })
+					children: [U && /* @__PURE__ */ m("div", {
+						className: "absolute inset-y-0 right-0 flex max-w-[65%] pointer-events-none select-none",
+						children: [/* @__PURE__ */ p("img", {
+							src: U,
+							alt: "",
+							"aria-hidden": "true",
+							className: "h-full w-auto object-cover object-right"
+						}), /* @__PURE__ */ p("div", {
+							className: "absolute inset-y-0 left-0 w-2/5",
+							style: { background: `linear-gradient(to right, color-mix(in srgb, ${B} 88%, black) 0%, transparent 100%)` }
+						})]
+					}), /* @__PURE__ */ m("div", {
+						className: "relative z-[1] px-5 sm:px-8 py-4 sm:py-5 flex justify-between items-center gap-3 min-w-0",
+						children: [/* @__PURE__ */ m("div", {
+							className: "flex items-center gap-3 min-w-0",
+							children: [/* @__PURE__ */ p("div", {
+								className: "w-10 h-10 rounded-xl bg-white/20 backdrop-blur-md flex items-center justify-center shrink-0 border border-white/30 shadow-xs",
+								children: /* @__PURE__ */ p(Le, {
+									size: 20,
+									className: "text-white"
+								})
+							}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ p("h2", {
+									className: "text-xl sm:text-2xl font-black tracking-tight",
+									children: V ? "Abstract Submission" : t === "registration" ? ee : "Attendee Portal"
+								}), /* @__PURE__ */ p("span", {
+									className: "text-2xs font-extrabold px-2 py-0.5 rounded-full bg-white/20 backdrop-blur-md uppercase tracking-wider text-white border border-white/30 hidden sm:inline-block",
+									children: "Official Portal"
+								})]
+							}), /* @__PURE__ */ p("p", {
+								className: "text-xs opacity-90 mt-0.5",
+								children: V ? "Select a form type below to submit your abstract" : t === "registration" ? "Select a registration form type below to begin your application" : "Registration & Profile Management"
+							})] })]
+						}), /* @__PURE__ */ p("div", {
+							className: "flex items-center gap-3",
+							children: e.displayMode === "popup" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
+								onClick: () => c(!o),
+								title: o ? "Minimize" : "Expand",
+								className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer p-1",
+								children: p(o ? Te : Ce, { size: 18 })
+							}), /* @__PURE__ */ p("button", {
+								onClick: () => i(!1),
+								className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer p-1",
+								children: /* @__PURE__ */ p($, { size: 22 })
+							})] })
+						})]
 					})]
 				}),
-				/* @__PURE__ */ m("div", {
-					className: `flex border-b shrink-0 shadow-2xs ${U ? "border-zinc-800 bg-black" : "border-gray-200 bg-white"}`,
+				!V && /* @__PURE__ */ m("div", {
+					className: `flex border-b shrink-0 shadow-2xs ${z ? "border-zinc-800 bg-zinc-900" : "border-gray-200 bg-white"}`,
 					children: [/* @__PURE__ */ m("button", {
 						type: "button",
 						onClick: () => n("registration"),
 						className: "flex-1 py-3 text-sm font-semibold text-center transition-all cursor-pointer relative",
-						style: { color: t === "registration" ? W : U ? "#a1a1aa" : "#6b7280" },
-						children: ["Registration", t === "registration" && /* @__PURE__ */ p("span", {
-							className: "absolute bottom-0 left-0 right-0 h-0.5",
-							style: { backgroundColor: W }
-						})]
+						style: { color: t === "registration" ? B : z ? "#a1a1aa" : "#6b7280" },
+						children: [
+							/* @__PURE__ */ p("span", { children: "Registration Forms" }),
+							/* @__PURE__ */ p("span", {
+								className: "ml-1.5 text-xs px-2 py-0.5 rounded-full bg-gray-100 dark:bg-zinc-800 font-bold",
+								children: h.length
+							}),
+							t === "registration" && /* @__PURE__ */ p("span", {
+								className: "absolute bottom-0 left-0 right-0 h-0.5",
+								style: { backgroundColor: B }
+							})
+						]
 					}), /* @__PURE__ */ m("button", {
 						type: "button",
 						onClick: () => n("attendee"),
 						className: "flex-1 py-3 text-sm font-semibold text-center transition-all cursor-pointer relative",
-						style: { color: t === "attendee" ? W : U ? "#a1a1aa" : "#6b7280" },
-						children: ["Attendee Login", t === "attendee" && /* @__PURE__ */ p("span", {
+						style: { color: t === "attendee" ? B : z ? "#a1a1aa" : "#6b7280" },
+						children: [/* @__PURE__ */ p("span", { children: "Attendee Login" }), t === "attendee" && /* @__PURE__ */ p("span", {
 							className: "absolute bottom-0 left-0 right-0 h-0.5",
-							style: { backgroundColor: W }
+							style: { backgroundColor: B }
 						})]
 					})]
 				}),
-				t === "registration" ? /* @__PURE__ */ p("div", {
-					className: `p-5 space-y-4 overflow-y-auto flex-1 ${U ? "bg-black" : "bg-gray-50"}`,
-					children: h.length === 0 ? /* @__PURE__ */ p("div", {
-						className: `text-center py-10 text-sm ${U ? "text-zinc-500" : "text-gray-400"}`,
-						children: "No tickets currently available."
-					}) : h.map((e) => /* @__PURE__ */ m("div", {
-						onClick: () => C(e),
-						className: `p-5 border-2 rounded-xl cursor-pointer transition-all shadow-sm hover:shadow-md ${U ? "bg-zinc-900" : "bg-white"}`,
-						style: { borderColor: U ? "#27272a" : "#e5e7eb" },
-						onMouseEnter: (e) => e.currentTarget.style.borderColor = W,
-						onMouseLeave: (e) => e.currentTarget.style.borderColor = U ? "#27272a" : "#e5e7eb",
+				V || t === "registration" ? /* @__PURE__ */ p("div", {
+					className: `${Z ? "w-full flex-1" : "overflow-y-auto flex-1 min-h-0 overscroll-contain"} relative ${e.backgroundImage || e.theme?.backgroundImage ? "bg-transparent" : z ? "bg-zinc-950" : "bg-[#fbf7f9]"}`,
+					style: ue ? {
+						backgroundImage: `linear-gradient(${z ? "rgba(9,9,11,0.88), rgba(9,9,11,0.88)" : "rgba(251,247,249,0.86), rgba(251,247,249,0.86)"}), url(${ue})`,
+						backgroundSize: "cover",
+						backgroundPosition: "center",
+						backgroundRepeat: "no-repeat",
+						backgroundAttachment: Z ? "fixed" : "scroll"
+					} : void 0,
+					children: /* @__PURE__ */ m("div", {
+						className: "max-w-6xl mx-auto w-full px-4 sm:px-6 py-6 sm:py-8 space-y-6",
 						children: [/* @__PURE__ */ p("div", {
-							className: `font-bold text-lg ${U ? "text-white" : "text-gray-900"}`,
-							children: e.type
-						}), /* @__PURE__ */ m("div", {
-							className: "font-semibold mt-1",
-							style: { color: W },
-							children: [
+							className: `p-4 rounded-2xl border transition-all shadow-xs ${z ? "bg-zinc-900/90 border-zinc-800" : "bg-white border-pink-100/80 shadow-[0_2px_12px_rgba(217,70,239,0.03)]"}`,
+							children: /* @__PURE__ */ m("div", {
+								className: "relative w-full md:w-72",
+								children: [
+									/* @__PURE__ */ p("input", {
+										type: "text",
+										value: T,
+										onChange: (e) => E(e.target.value),
+										placeholder: "Search form types...",
+										className: `w-full pl-9 pr-8 py-2 text-xs leading-5 rounded-xl border transition-all ${z ? "bg-zinc-800/80 border-zinc-700 text-white placeholder-zinc-500 focus:outline-none focus:ring-2 focus:ring-fuchsia-500/20" : "bg-[#faf4f8] border-[#f0e2ed] text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-fuchsia-500/20"}`
+									}),
+									/* @__PURE__ */ p("div", {
+										className: "absolute inset-y-0 left-3 flex items-center pointer-events-none text-gray-400",
+										children: /* @__PURE__ */ p(Fe, {
+											size: 14,
+											className: "block"
+										})
+									}),
+									T && /* @__PURE__ */ p("button", {
+										type: "button",
+										onClick: () => E(""),
+										className: "absolute inset-y-0 right-2.5 flex items-center text-gray-400 hover:text-gray-600 text-xs cursor-pointer",
+										children: "✕"
+									})
+								]
+							})
+						}), (() => {
+							let t = T.trim().toLowerCase(), n = t ? h.filter((e) => [
+								e.type,
+								e.name,
+								e.category,
+								e.description,
 								e.currency,
-								" ",
-								Number(e.price) > 0 ? Number(e.price).toLocaleString() : "Free"
-							]
-						})]
-					}, e.id))
+								e.price,
+								e.tax_info,
+								...Array.isArray(e.perks) ? e.perks : []
+							].filter((e) => e != null && e !== "").join(" ").toLowerCase().includes(t)) : h;
+							return h.length === 0 ? null : n.length === 0 ? /* @__PURE__ */ m("div", {
+								className: `text-center py-16 rounded-2xl border ${z ? "bg-zinc-900 border-zinc-800 text-zinc-400" : "bg-white border-pink-100 text-gray-500"}`,
+								children: [
+									/* @__PURE__ */ p("p", {
+										className: "text-base font-bold",
+										children: "No form types matched your search"
+									}),
+									/* @__PURE__ */ p("p", {
+										className: "text-xs mt-1",
+										children: "Try a different search term."
+									}),
+									/* @__PURE__ */ p("button", {
+										onClick: () => E(""),
+										className: "mt-4 px-4 py-2 rounded-xl text-xs font-bold text-white shadow-xs cursor-pointer",
+										style: { backgroundColor: B },
+										children: "Clear Search"
+									})
+								]
+							}) : /* @__PURE__ */ p("div", {
+								className: Z ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" : "space-y-4",
+								children: n.map((t) => {
+									let n = !!(e.backgroundImage || e.theme?.backgroundImage), r = t.form_schema?.fields?.length || 0, i = t.price !== void 0 && t.price !== null && t.price !== "", a = i && (Number(t.price) === 0 || String(t.price).toLowerCase() === "free"), o = Array.isArray(t.perks) ? t.perks : [];
+									return /* @__PURE__ */ m("div", {
+										onClick: () => S(t),
+										className: `rounded-2xl p-6 cursor-pointer transition-all duration-300 relative border border-l-4 flex flex-col justify-between group hover:-translate-y-1 ${n ? z ? "bg-black/40 border-white/10 hover:bg-black/55 backdrop-blur-md shadow-sm" : "bg-white/40 border-white/60 hover:bg-white/65 backdrop-blur-md shadow-sm" : z ? "bg-zinc-900 border-zinc-800 hover:border-zinc-700 shadow-sm" : "bg-white border-pink-100/90 hover:border-pink-200 shadow-[0_4px_20px_rgba(217,70,239,0.05)] hover:shadow-[0_8px_30px_rgba(217,70,239,0.12)]"}`,
+										style: { borderLeftColor: B },
+										children: [/* @__PURE__ */ m("div", { children: [
+											(t.category || t.seats_left) && /* @__PURE__ */ m("div", {
+												className: "flex items-center justify-between gap-2 mb-3",
+												children: [t.category && /* @__PURE__ */ p("span", {
+													className: `text-2xs font-extrabold uppercase tracking-wider px-2.5 py-1 rounded-full border ${z ? "bg-zinc-800 border-zinc-700 text-zinc-300" : "bg-pink-50 border-pink-200/80 text-[#86198f]"}`,
+													children: t.category
+												}), t.seats_left && /* @__PURE__ */ m("span", {
+													className: `text-2xs font-semibold px-2 py-0.5 rounded-full border flex items-center gap-1 ${z ? "bg-zinc-800 text-zinc-400 border-zinc-700" : "bg-gray-100 text-gray-600 border-gray-200"}`,
+													children: [/* @__PURE__ */ p(H, { size: 10 }), /* @__PURE__ */ p("span", { children: t.seats_left })]
+												})]
+											}),
+											/* @__PURE__ */ p("h3", {
+												className: `text-lg sm:text-xl font-bold leading-snug group-hover:text-fuchsia-600 transition-colors ${z ? "text-white" : "text-gray-900"}`,
+												children: t.type || t.name
+											}),
+											i && /* @__PURE__ */ m("div", {
+												className: "mt-3",
+												children: [/* @__PURE__ */ p("div", {
+													className: "flex items-baseline gap-1.5",
+													children: /* @__PURE__ */ p("span", {
+														className: "text-2xl sm:text-3xl font-black tracking-tight",
+														style: { color: B },
+														children: a ? "Free" : [t.currency, Number(t.price).toLocaleString()].filter(Boolean).join(" ")
+													})
+												}), t.tax_info && /* @__PURE__ */ p("p", {
+													className: "text-2xs text-gray-500 dark:text-zinc-400 mt-0.5 font-medium",
+													children: t.tax_info
+												})]
+											}),
+											t.description && /* @__PURE__ */ p("p", {
+												className: `text-xs mt-3 leading-relaxed ${z ? "text-zinc-300" : "text-gray-600"}`,
+												children: t.description
+											}),
+											o.length > 0 && /* @__PURE__ */ m("div", {
+												className: "mt-4 space-y-2",
+												children: [/* @__PURE__ */ p("p", {
+													className: "text-2xs font-bold uppercase tracking-wider text-gray-400 dark:text-zinc-500",
+													children: "What's Included:"
+												}), o.map((e, t) => /* @__PURE__ */ m("div", {
+													className: "flex items-start gap-2 text-xs",
+													children: [/* @__PURE__ */ p(le, {
+														size: 13,
+														className: "shrink-0 mt-0.5",
+														style: { color: B }
+													}), /* @__PURE__ */ p("span", {
+														className: z ? "text-zinc-300" : "text-gray-700",
+														children: e
+													})]
+												}, t))]
+											})
+										] }), /* @__PURE__ */ m("div", {
+											className: "mt-6 flex items-center justify-between gap-3",
+											children: [/* @__PURE__ */ m("span", {
+												className: "text-2xs font-medium text-gray-500 dark:text-zinc-400",
+												children: [
+													"📋 ",
+													r,
+													" fields to fill"
+												]
+											}), /* @__PURE__ */ m("button", {
+												type: "button",
+												className: "inline-flex items-center gap-1.5 text-xs font-bold px-3.5 py-2 rounded-xl text-white shadow-sm transition-all group-hover:shadow-md group-hover:scale-105 cursor-pointer",
+												style: { backgroundColor: B },
+												children: [/* @__PURE__ */ p("span", { children: "Select Form" }), /* @__PURE__ */ p(re, {
+													size: 13,
+													className: "transition-transform group-hover:translate-x-0.5"
+												})]
+											})]
+										})]
+									}, t.id);
+								})
+							});
+						})()]
+					})
 				}) : /* @__PURE__ */ p("div", {
-					className: "flex-1 overflow-hidden flex flex-col",
-					children: /* @__PURE__ */ p(ye, {
-						apiClient: K,
-						storage: q,
-						logger: G,
-						primaryColor: W,
-						isDark: U,
+					className: `flex flex-col ${Z ? "w-full flex-1" : "flex-1 overflow-hidden min-h-0"}`,
+					style: Z ? void 0 : { overflow: "clip" },
+					onScroll: Z ? void 0 : (e) => {
+						e.currentTarget.scrollTop !== 0 && (e.currentTarget.scrollTop = 0), e.currentTarget.scrollLeft !== 0 && (e.currentTarget.scrollLeft = 0);
+					},
+					children: /* @__PURE__ */ p(Xe, {
+						apiClient: G,
+						storage: K,
+						logger: W,
+						primaryColor: B,
+						isDark: z,
+						backgroundImage: e.backgroundImage || e.theme?.backgroundImage,
+						isWidgetPage: Z,
 						onEvent: e.onEvent,
 						onError: e.onError
 					})
 				})
 			]
-		})
+		})]
 	});
-}, we = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-950:oklch(28.2% .091 267.935);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.inset-y-0{inset-block:0}.-top-1\\.5{top:calc(var(--spacing) * -1.5)}.top-1\\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.right-0{right:0}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.bottom-0{bottom:0}.bottom-5{bottom:calc(var(--spacing) * 5)}.-left-1\\.5{left:calc(var(--spacing) * -1.5)}.left-0{left:0}.left-2\\.5{left:calc(var(--spacing) * 2.5)}.left-5{left:calc(var(--spacing) * 5)}.z-10{z-index:10}.z-50{z-index:50}.z-\\[9999\\]{z-index:9999}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-1\\.5{margin-inline:calc(var(--spacing) * -1.5)}.mx-1{margin-inline:var(--spacing)}.mx-auto{margin-inline:auto}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-1{margin-bottom:var(--spacing)}.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-0\\.5{height:calc(var(--spacing) * .5)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-\\[650px\\]{height:650px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-900\\/50{border-color:#7b330680}@supports (color:color-mix(in lab, red, red)){.border-amber-900\\/50{border-color:color-mix(in oklab, var(--color-amber-900) 50%, transparent)}}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-800{border-color:var(--color-blue-800)}.border-blue-800\\/80{border-color:#193cb8cc}@supports (color:color-mix(in lab, red, red)){.border-blue-800\\/80{border-color:color-mix(in oklab, var(--color-blue-800) 80%, transparent)}}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-800\\/80{border-color:#005f46cc}@supports (color:color-mix(in lab, red, red)){.border-emerald-800\\/80{border-color:color-mix(in oklab, var(--color-emerald-800) 80%, transparent)}}.border-emerald-900{border-color:var(--color-emerald-900)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-900{border-color:var(--color-gray-900)}.border-green-200{border-color:var(--color-green-200)}.border-purple-200{border-color:var(--color-purple-200)}.border-purple-600{border-color:var(--color-purple-600)}.border-red-200{border-color:var(--color-red-200)}.border-red-900{border-color:var(--color-red-900)}.border-red-900\\/50{border-color:#82181a80}@supports (color:color-mix(in lab, red, red)){.border-red-900\\/50{border-color:color-mix(in oklab, var(--color-red-900) 50%, transparent)}}.border-red-900\\/60{border-color:#82181a99}@supports (color:color-mix(in lab, red, red)){.border-red-900\\/60{border-color:color-mix(in oklab, var(--color-red-900) 60%, transparent)}}.border-slate-200{border-color:var(--color-slate-200)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-zinc-700{border-color:var(--color-zinc-700)}.border-zinc-800{border-color:var(--color-zinc-800)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-950\\/60{background-color:#46190199}@supports (color:color-mix(in lab, red, red)){.bg-amber-950\\/60{background-color:color-mix(in oklab, var(--color-amber-950) 60%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-50\\/40{background-color:#eff6ff66}@supports (color:color-mix(in lab, red, red)){.bg-blue-50\\/40{background-color:color-mix(in oklab, var(--color-blue-50) 40%, transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-950\\/40{background-color:#16245666}@supports (color:color-mix(in lab, red, red)){.bg-blue-950\\/40{background-color:color-mix(in oklab, var(--color-blue-950) 40%, transparent)}}.bg-blue-950\\/50{background-color:#16245680}@supports (color:color-mix(in lab, red, red)){.bg-blue-950\\/50{background-color:color-mix(in oklab, var(--color-blue-950) 50%, transparent)}}.bg-blue-950\\/60{background-color:#16245699}@supports (color:color-mix(in lab, red, red)){.bg-blue-950\\/60{background-color:color-mix(in oklab, var(--color-blue-950) 60%, transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-950\\/60{background-color:#002c2299}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/60{background-color:color-mix(in oklab, var(--color-emerald-950) 60%, transparent)}}.bg-emerald-950\\/80{background-color:#002c22cc}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/80{background-color:color-mix(in oklab, var(--color-emerald-950) 80%, transparent)}}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-600{background-color:var(--color-red-600)}.bg-red-950\\/40{background-color:#46080966}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/40{background-color:color-mix(in oklab, var(--color-red-950) 40%, transparent)}}.bg-red-950\\/50{background-color:#46080980}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/50{background-color:color-mix(in oklab, var(--color-red-950) 50%, transparent)}}.bg-red-950\\/60{background-color:#46080999}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/60{background-color:color-mix(in oklab, var(--color-red-950) 60%, transparent)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-white{background-color:var(--color-white)}.bg-zinc-800{background-color:var(--color-zinc-800)}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-900\\/60{background-color:#18181b99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/60{background-color:color-mix(in oklab, var(--color-zinc-900) 60%, transparent)}}.bg-zinc-950{background-color:var(--color-zinc-950)}.bg-zinc-950\\/60{background-color:#09090b99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-950\\/60{background-color:color-mix(in oklab, var(--color-zinc-950) 60%, transparent)}}.p-2\\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.px-1{padding-inline:var(--spacing)}.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\\.5{padding-block:calc(var(--spacing) * 3.5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-amber-400{color:var(--color-amber-400)}.text-amber-700{color:var(--color-amber-700)}.text-blue-300{color:var(--color-blue-300)}.text-blue-400{color:var(--color-blue-400)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-800{color:var(--color-emerald-800)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-white{color:var(--color-white)}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.placeholder-zinc-500::placeholder{color:var(--color-zinc-500)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.contrast-200{--tw-contrast:contrast(200%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\\:pointer-events-auto:is(:where(.group):hover *){pointer-events:auto}.group-hover\\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:border-solid:hover{--tw-border-style:solid;border-style:solid}.hover\\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\\:border-zinc-500:hover{border-color:var(--color-zinc-500)}.hover\\:border-zinc-700:hover{border-color:var(--color-zinc-700)}.hover\\:bg-black:hover{background-color:var(--color-black)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\\:bg-red-900\\/50:hover{background-color:#82181a80}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-red-900\\/50:hover{background-color:color-mix(in oklab, var(--color-red-900) 50%, transparent)}}.hover\\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.hover\\:text-blue-300:hover{color:var(--color-blue-300)}.hover\\:text-gray-900:hover{color:var(--color-gray-900)}.hover\\:text-white:hover{color:var(--color-white)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-90:hover{opacity:.9}.hover\\:opacity-100:hover{opacity:1}.hover\\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\\:cursor-grabbing:active{cursor:grabbing}.disabled\\:opacity-50:disabled{opacity:.5}@media (width>=48rem){.md\\:inline-block{display:inline-block}.md\\:w-1\\/2{width:50%}.md\\:pr-3{padding-right:calc(var(--spacing) * 3)}}@media (width>=64rem){.lg\\:w-1\\/3{width:33.3333%}.lg\\:w-2\\/3{width:66.6667%}.lg\\:flex-row{flex-direction:row}}@media (prefers-color-scheme:dark){.dark\\:border-zinc-800{border-color:var(--color-zinc-800)}.dark\\:bg-red-950\\/40{background-color:#46080966}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-red-950\\/40{background-color:color-mix(in oklab, var(--color-red-950) 40%, transparent)}}.dark\\:text-emerald-400{color:var(--color-emerald-400)}.dark\\:text-red-400{color:var(--color-red-400)}}}:host{all:initial;font-family:inherit}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}", Te = ({ children: e, useShadow: t = !0 }) => {
+}, tt = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-950:oklch(28.2% .091 267.935);--color-indigo-400:oklch(67.3% .182 276.935);--color-fuchsia-100:oklch(95.2% .037 318.852);--color-fuchsia-200:oklch(90.3% .076 319.62);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-fuchsia-700:oklch(51.8% .253 323.949);--color-fuchsia-800:oklch(45.2% .211 324.591);--color-fuchsia-950:oklch(29.3% .136 325.661);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-300:oklch(82.3% .12 346.018);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{inset-block:0}.-top-1\\.5{top:calc(var(--spacing) * -1.5)}.-top-16{top:calc(var(--spacing) * -16)}.top-0{top:0}.top-1\\/2{top:50%}.top-1\\/3{top:33.3333%}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-18{top:calc(var(--spacing) * 18)}.-right-16{right:calc(var(--spacing) * -16)}.right-0{right:0}.right-1\\/4{right:25%}.right-2\\.5{right:calc(var(--spacing) * 2.5)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.-bottom-10{bottom:calc(var(--spacing) * -10)}.bottom-0{bottom:0}.bottom-5{bottom:calc(var(--spacing) * 5)}.-left-1\\.5{left:calc(var(--spacing) * -1.5)}.-left-20{left:calc(var(--spacing) * -20)}.left-0{left:0}.left-2\\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-5{left:calc(var(--spacing) * 5)}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\\[1\\]{z-index:1}.z-\\[9999\\]{z-index:9999}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-1\\.5{margin-inline:calc(var(--spacing) * -1.5)}.mx-auto{margin-inline:auto}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-1{margin-bottom:var(--spacing)}.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.ml-1{margin-left:var(--spacing)}.ml-1\\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-0\\.5{height:calc(var(--spacing) * .5)}.h-3\\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-80{height:calc(var(--spacing) * 80)}.h-\\[2\\.5px\\]{height:2.5px}.h-\\[3px\\]{height:3px}.h-full{height:100%}.min-h-0{min-height:0}.min-h-screen{min-height:100vh}.w-2\\/5{width:40%}.w-3\\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-auto{width:auto}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\\[65\\%\\]{max-width:65%}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[220px\\]{max-width:220px}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\\[\\#f0e2ed\\]{border-color:#f0e2ed}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-900\\/50{border-color:#7b330680}@supports (color:color-mix(in lab, red, red)){.border-amber-900\\/50{border-color:color-mix(in oklab, var(--color-amber-900) 50%, transparent)}}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-800{border-color:var(--color-blue-800)}.border-blue-800\\/80{border-color:#193cb8cc}@supports (color:color-mix(in lab, red, red)){.border-blue-800\\/80{border-color:color-mix(in oklab, var(--color-blue-800) 80%, transparent)}}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-700{border-color:var(--color-emerald-700)}.border-emerald-800\\/80{border-color:#005f46cc}@supports (color:color-mix(in lab, red, red)){.border-emerald-800\\/80{border-color:color-mix(in oklab, var(--color-emerald-800) 80%, transparent)}}.border-emerald-900{border-color:var(--color-emerald-900)}.border-fuchsia-200{border-color:var(--color-fuchsia-200)}.border-fuchsia-500{border-color:var(--color-fuchsia-500)}.border-fuchsia-600{border-color:var(--color-fuchsia-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-200\\/80{border-color:#e5e7ebcc}@supports (color:color-mix(in lab, red, red)){.border-gray-200\\/80{border-color:color-mix(in oklab, var(--color-gray-200) 80%, transparent)}}.border-gray-200\\/90{border-color:#e5e7ebe6}@supports (color:color-mix(in lab, red, red)){.border-gray-200\\/90{border-color:color-mix(in oklab, var(--color-gray-200) 90%, transparent)}}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-900{border-color:var(--color-gray-900)}.border-green-200{border-color:var(--color-green-200)}.border-pink-100{border-color:var(--color-pink-100)}.border-pink-100\\/80{border-color:#fce7f3cc}@supports (color:color-mix(in lab, red, red)){.border-pink-100\\/80{border-color:color-mix(in oklab, var(--color-pink-100) 80%, transparent)}}.border-pink-100\\/90{border-color:#fce7f3e6}@supports (color:color-mix(in lab, red, red)){.border-pink-100\\/90{border-color:color-mix(in oklab, var(--color-pink-100) 90%, transparent)}}.border-pink-200\\/60{border-color:#fccee899}@supports (color:color-mix(in lab, red, red)){.border-pink-200\\/60{border-color:color-mix(in oklab, var(--color-pink-200) 60%, transparent)}}.border-pink-200\\/80{border-color:#fccee8cc}@supports (color:color-mix(in lab, red, red)){.border-pink-200\\/80{border-color:color-mix(in oklab, var(--color-pink-200) 80%, transparent)}}.border-red-200{border-color:var(--color-red-200)}.border-red-700{border-color:var(--color-red-700)}.border-red-900{border-color:var(--color-red-900)}.border-red-900\\/40{border-color:#82181a66}@supports (color:color-mix(in lab, red, red)){.border-red-900\\/40{border-color:color-mix(in oklab, var(--color-red-900) 40%, transparent)}}.border-red-900\\/60{border-color:#82181a99}@supports (color:color-mix(in lab, red, red)){.border-red-900\\/60{border-color:color-mix(in oklab, var(--color-red-900) 60%, transparent)}}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\\/12{border-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.border-white\\/12{border-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.border-white\\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.border-white\\/60{border-color:#fff9}@supports (color:color-mix(in lab, red, red)){.border-white\\/60{border-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.border-white\\/70{border-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.border-white\\/70{border-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.border-zinc-700{border-color:var(--color-zinc-700)}.border-zinc-800{border-color:var(--color-zinc-800)}.bg-\\[\\#faf4f8\\]{background-color:#faf4f8}.bg-\\[\\#fbf7f9\\]{background-color:#fbf7f9}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-50\\/80{background-color:#fffbebcc}@supports (color:color-mix(in lab, red, red)){.bg-amber-50\\/80{background-color:color-mix(in oklab, var(--color-amber-50) 80%, transparent)}}.bg-amber-950\\/60{background-color:#46190199}@supports (color:color-mix(in lab, red, red)){.bg-amber-950\\/60{background-color:color-mix(in oklab, var(--color-amber-950) 60%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\\/35{background-color:#00000059}@supports (color:color-mix(in lab, red, red)){.bg-black\\/35{background-color:color-mix(in oklab, var(--color-black) 35%, transparent)}}.bg-black\\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-50\\/70{background-color:#eff6ffb3}@supports (color:color-mix(in lab, red, red)){.bg-blue-50\\/70{background-color:color-mix(in oklab, var(--color-blue-50) 70%, transparent)}}.bg-blue-50\\/80{background-color:#eff6ffcc}@supports (color:color-mix(in lab, red, red)){.bg-blue-50\\/80{background-color:color-mix(in oklab, var(--color-blue-50) 80%, transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-950\\/50{background-color:#16245680}@supports (color:color-mix(in lab, red, red)){.bg-blue-950\\/50{background-color:color-mix(in oklab, var(--color-blue-950) 50%, transparent)}}.bg-blue-950\\/60{background-color:#16245699}@supports (color:color-mix(in lab, red, red)){.bg-blue-950\\/60{background-color:color-mix(in oklab, var(--color-blue-950) 60%, transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-950\\/60{background-color:#002c2299}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/60{background-color:color-mix(in oklab, var(--color-emerald-950) 60%, transparent)}}.bg-emerald-950\\/80{background-color:#002c22cc}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/80{background-color:color-mix(in oklab, var(--color-emerald-950) 80%, transparent)}}.bg-emerald-950\\/95{background-color:#002c22f2}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/95{background-color:color-mix(in oklab, var(--color-emerald-950) 95%, transparent)}}.bg-fuchsia-100{background-color:var(--color-fuchsia-100)}.bg-fuchsia-600{background-color:var(--color-fuchsia-600)}.bg-gray-50\\/80{background-color:#f9fafbcc}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\\/80{background-color:color-mix(in oklab, var(--color-gray-50) 80%, transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-100\\/70{background-color:#f3f4f6b3}@supports (color:color-mix(in lab, red, red)){.bg-gray-100\\/70{background-color:color-mix(in oklab, var(--color-gray-100) 70%, transparent)}}.bg-gray-100\\/80{background-color:#f3f4f6cc}@supports (color:color-mix(in lab, red, red)){.bg-gray-100\\/80{background-color:color-mix(in oklab, var(--color-gray-100) 80%, transparent)}}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50\\/80{background-color:#f0fdf4cc}@supports (color:color-mix(in lab, red, red)){.bg-green-50\\/80{background-color:color-mix(in oklab, var(--color-green-50) 80%, transparent)}}.bg-green-100\\/80{background-color:#dcfce7cc}@supports (color:color-mix(in lab, red, red)){.bg-green-100\\/80{background-color:color-mix(in oklab, var(--color-green-100) 80%, transparent)}}.bg-pink-50{background-color:var(--color-pink-50)}.bg-pink-50\\/70{background-color:#fdf2f8b3}@supports (color:color-mix(in lab, red, red)){.bg-pink-50\\/70{background-color:color-mix(in oklab, var(--color-pink-50) 70%, transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-50\\/70{background-color:#fef2f2b3}@supports (color:color-mix(in lab, red, red)){.bg-red-50\\/70{background-color:color-mix(in oklab, var(--color-red-50) 70%, transparent)}}.bg-red-50\\/80{background-color:#fef2f2cc}@supports (color:color-mix(in lab, red, red)){.bg-red-50\\/80{background-color:color-mix(in oklab, var(--color-red-50) 80%, transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-red-950\\/40{background-color:#46080966}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/40{background-color:color-mix(in oklab, var(--color-red-950) 40%, transparent)}}.bg-red-950\\/50{background-color:#46080980}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/50{background-color:color-mix(in oklab, var(--color-red-950) 50%, transparent)}}.bg-red-950\\/60{background-color:#46080999}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/60{background-color:color-mix(in oklab, var(--color-red-950) 60%, transparent)}}.bg-red-950\\/95{background-color:#460809f2}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/95{background-color:color-mix(in oklab, var(--color-red-950) 95%, transparent)}}.bg-slate-50\\/80{background-color:#f8fafccc}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\\/80{background-color:color-mix(in oklab, var(--color-slate-50) 80%, transparent)}}.bg-slate-100\\/90{background-color:#f1f5f9e6}@supports (color:color-mix(in lab, red, red)){.bg-slate-100\\/90{background-color:color-mix(in oklab, var(--color-slate-100) 90%, transparent)}}.bg-slate-900{background-color:var(--color-slate-900)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-white\\/28{background-color:#ffffff47}@supports (color:color-mix(in lab, red, red)){.bg-white\\/28{background-color:color-mix(in oklab, var(--color-white) 28%, transparent)}}.bg-white\\/40{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.bg-white\\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.bg-white\\/65{background-color:#ffffffa6}@supports (color:color-mix(in lab, red, red)){.bg-white\\/65{background-color:color-mix(in oklab, var(--color-white) 65%, transparent)}}.bg-white\\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-white\\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-white\\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-zinc-800{background-color:var(--color-zinc-800)}.bg-zinc-800\\/60{background-color:#27272a99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-800\\/60{background-color:color-mix(in oklab, var(--color-zinc-800) 60%, transparent)}}.bg-zinc-800\\/80{background-color:#27272acc}@supports (color:color-mix(in lab, red, red)){.bg-zinc-800\\/80{background-color:color-mix(in oklab, var(--color-zinc-800) 80%, transparent)}}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-900\\/40{background-color:#18181b66}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/40{background-color:color-mix(in oklab, var(--color-zinc-900) 40%, transparent)}}.bg-zinc-900\\/60{background-color:#18181b99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/60{background-color:color-mix(in oklab, var(--color-zinc-900) 60%, transparent)}}.bg-zinc-900\\/65{background-color:#18181ba6}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/65{background-color:color-mix(in oklab, var(--color-zinc-900) 65%, transparent)}}.bg-zinc-900\\/90{background-color:#18181be6}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/90{background-color:color-mix(in oklab, var(--color-zinc-900) 90%, transparent)}}.bg-zinc-900\\/95{background-color:#18181bf2}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/95{background-color:color-mix(in oklab, var(--color-zinc-900) 95%, transparent)}}.bg-zinc-950{background-color:var(--color-zinc-950)}.bg-zinc-950\\/60{background-color:#09090b99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-950\\/60{background-color:color-mix(in oklab, var(--color-zinc-950) 60%, transparent)}}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.object-cover{object-fit:cover}.object-right{object-position:right}.p-1{padding:var(--spacing)}.p-1\\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-2\\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-3\\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3\\.5{padding-left:calc(var(--spacing) * 3.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-words{overflow-wrap:break-word}.text-\\[\\#86198f\\]{color:#86198f}.text-amber-300{color:var(--color-amber-300)}.text-amber-400{color:var(--color-amber-400)}.text-amber-500{color:var(--color-amber-500)}.text-amber-700{color:var(--color-amber-700)}.text-blue-300{color:var(--color-blue-300)}.text-blue-400{color:var(--color-blue-400)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-800{color:var(--color-emerald-800)}.text-fuchsia-600{color:var(--color-fuchsia-600)}.text-fuchsia-700{color:var(--color-fuchsia-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-indigo-400{color:var(--color-indigo-400)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.text-white\\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.placeholder-\\[\\#a89bb0\\]::placeholder{color:#a89bb0}.placeholder-gray-400::placeholder{color:var(--color-gray-400)}.placeholder-gray-500::placeholder{color:var(--color-gray-500)}.placeholder-zinc-400::placeholder{color:var(--color-zinc-400)}.placeholder-zinc-500::placeholder{color:var(--color-zinc-500)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.opacity-\\[0\\.03\\]{opacity:.03}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_2px_12px_rgba\\(217\\,70\\,239\\,0\\.03\\)\\]{--tw-shadow:0 2px 12px var(--tw-shadow-color,#d946ef08);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_2px_12px_rgba\\(217\\,70\\,239\\,0\\.04\\)\\]{--tw-shadow:0 2px 12px var(--tw-shadow-color,#d946ef0a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_2px_16px_rgba\\(217\\,70\\,239\\,0\\.04\\)\\]{--tw-shadow:0 2px 16px var(--tw-shadow-color,#d946ef0a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_4px_20px_rgba\\(217\\,70\\,239\\,0\\.05\\)\\]{--tw-shadow:0 4px 20px var(--tw-shadow-color,#d946ef0d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.contrast-200{--tw-contrast:contrast(200%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\\:pointer-events-auto:is(:where(.group):hover *){pointer-events:auto}.group-hover\\:translate-x-0\\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\\:text-fuchsia-600:is(:where(.group):hover *){color:var(--color-fuchsia-600)}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\\:shadow-md:is(:where(.group):hover *){--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\\:border-pink-200:hover{border-color:var(--color-pink-200)}.hover\\:border-pink-300:hover{border-color:var(--color-pink-300)}.hover\\:border-zinc-600:hover{border-color:var(--color-zinc-600)}.hover\\:border-zinc-700:hover{border-color:var(--color-zinc-700)}.hover\\:bg-black:hover{background-color:var(--color-black)}.hover\\:bg-black\\/55:hover{background-color:#0000008c}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-black\\/55:hover{background-color:color-mix(in oklab, var(--color-black) 55%, transparent)}}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-pink-100\\/80:hover{background-color:#fce7f3cc}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-pink-100\\/80:hover{background-color:color-mix(in oklab, var(--color-pink-100) 80%, transparent)}}.hover\\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\\:bg-red-900\\/50:hover{background-color:#82181a80}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-red-900\\/50:hover{background-color:color-mix(in oklab, var(--color-red-900) 50%, transparent)}}.hover\\:bg-red-900\\/60:hover{background-color:#82181a99}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-red-900\\/60:hover{background-color:color-mix(in oklab, var(--color-red-900) 60%, transparent)}}.hover\\:bg-slate-100\\/50:hover{background-color:#f1f5f980}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-slate-100\\/50:hover{background-color:color-mix(in oklab, var(--color-slate-100) 50%, transparent)}}.hover\\:bg-white\\/35:hover{background-color:#ffffff59}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-white\\/35:hover{background-color:color-mix(in oklab, var(--color-white) 35%, transparent)}}.hover\\:bg-white\\/50:hover{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-white\\/50:hover{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.hover\\:bg-white\\/65:hover{background-color:#ffffffa6}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-white\\/65:hover{background-color:color-mix(in oklab, var(--color-white) 65%, transparent)}}.hover\\:text-blue-300:hover{color:var(--color-blue-300)}.hover\\:text-gray-600:hover{color:var(--color-gray-600)}.hover\\:text-gray-900:hover{color:var(--color-gray-900)}.hover\\:text-red-500:hover{color:var(--color-red-500)}.hover\\:text-white:hover{color:var(--color-white)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-80:hover{opacity:.8}.hover\\:opacity-90:hover{opacity:.9}.hover\\:opacity-95:hover{opacity:.95}.hover\\:opacity-100:hover{opacity:1}.hover\\:shadow-\\[0_8px_30px_rgba\\(217\\,70\\,239\\,0\\.12\\)\\]:hover{--tw-shadow:0 8px 30px var(--tw-shadow-color,#d946ef1f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\\:border-gray-400:focus{border-color:var(--color-gray-400)}.focus\\:border-zinc-500:focus{border-color:var(--color-zinc-500)}.focus\\:bg-white:focus{background-color:var(--color-white)}.focus\\:bg-zinc-900:focus{background-color:var(--color-zinc-900)}.focus\\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\\:ring-fuchsia-500\\/20:focus{--tw-ring-color:#e12afb33}@supports (color:color-mix(in lab, red, red)){.focus\\:ring-fuchsia-500\\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-fuchsia-500) 20%, transparent)}}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\\:scale-\\[0\\.99\\]:active{scale:.99}.active\\:cursor-grabbing:active{cursor:grabbing}.disabled\\:opacity-50:disabled{opacity:.5}@media (width>=40rem){.sm\\:block{display:block}.sm\\:inline-block{display:inline-block}.sm\\:p-4{padding:calc(var(--spacing) * 4)}.sm\\:p-5{padding:calc(var(--spacing) * 5)}.sm\\:p-6{padding:calc(var(--spacing) * 6)}.sm\\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\\:py-5{padding-block:calc(var(--spacing) * 5)}.sm\\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (width>=48rem){.md\\:block{display:block}.md\\:w-1\\/2{width:50%}.md\\:w-72{width:calc(var(--spacing) * 72)}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\\:border-fuchsia-800{border-color:var(--color-fuchsia-800)}.dark\\:border-zinc-700{border-color:var(--color-zinc-700)}.dark\\:border-zinc-800{border-color:var(--color-zinc-800)}.dark\\:bg-fuchsia-950\\/80{background-color:#4b004fcc}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-fuchsia-950\\/80{background-color:color-mix(in oklab, var(--color-fuchsia-950) 80%, transparent)}}.dark\\:bg-white{background-color:var(--color-white)}.dark\\:bg-zinc-800{background-color:var(--color-zinc-800)}.dark\\:bg-zinc-900{background-color:var(--color-zinc-900)}.dark\\:text-fuchsia-300{color:var(--color-fuchsia-300)}.dark\\:text-gray-900{color:var(--color-gray-900)}.dark\\:text-white{color:var(--color-white)}.dark\\:text-zinc-200{color:var(--color-zinc-200)}.dark\\:text-zinc-300{color:var(--color-zinc-300)}.dark\\:text-zinc-400{color:var(--color-zinc-400)}.dark\\:text-zinc-500{color:var(--color-zinc-500)}@media (hover:hover){.dark\\:hover\\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.dark\\:hover\\:bg-zinc-900\\/50:hover{background-color:#18181b80}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-zinc-900\\/50:hover{background-color:color-mix(in oklab, var(--color-zinc-900) 50%, transparent)}}.dark\\:hover\\:text-white:hover{color:var(--color-white)}}}}:host{all:initial;font-family:inherit}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}", nt = ({ children: e, useShadow: t = !0 }) => {
 	let n = u(null), [r, i] = d(null);
 	return c(() => {
 		if (typeof document > "u" || !n.current || !t) return;
 		let e = n.current.shadowRoot, r = null;
 		if (e) r = e.querySelector(".voxket-widget-root");
 		else {
-			n.current.setAttribute("data-voxket-shadow-host", ""), n.current.style.cssText = "width: 100%; height: 100%; display: block; position: relative;", e = n.current.attachShadow({ mode: "open" });
+			n.current.setAttribute("data-voxket-shadow-host", ""), n.current.style.cssText = "width: 100%; min-height: 100%; display: block; position: relative;", e = n.current.attachShadow({ mode: "open" });
 			let t = document.createElement("style");
 			t.innerText = ":host, *, *::before, *::after, ::backdrop {\n        --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate-x: initial;\n        --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial;\n        --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0;\n        --tw-border-style: solid; --tw-shadow: 0 0 #0000;\n        --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff;\n      }", e.appendChild(t);
 			let i = document.createElement("style");
-			i.textContent = we, e.appendChild(i), r = document.createElement("div"), r.className = "voxket-widget-root", r.style.cssText = "\n        all: initial;\n        box-sizing: border-box !important;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, sans-serif !important;\n        font-size: 14px !important;\n        color: #1a1a1a !important; \n        position: relative !important;\n        background-color: transparent !important;\n      ", e.appendChild(r);
+			i.textContent = tt, e.appendChild(i), r = document.createElement("div"), r.className = "voxket-widget-root", r.style.cssText = "\n        all: initial;\n        box-sizing: border-box !important;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, sans-serif !important;\n        font-size: 14px !important;\n        color: #1a1a1a !important; \n        position: relative !important;\n        width: 100% !important;\n        min-height: 100% !important;\n        display: block !important;\n        background-color: transparent !important;\n      ", e.appendChild(r);
 		}
 		r && i(r);
 	}, [t]), t ? /* @__PURE__ */ p("div", {
@@ -2699,7 +3882,7 @@ var xe = (e) => {
 		className: "w-full h-full",
 		children: r && e ? h(e, r) : null
 	}) : /* @__PURE__ */ p(f, { children: e });
-}, Ee = ({ config: e }) => t.createElement(Te, { useShadow: !0 }, t.createElement(Ce, { config: e })), De = class {
+}, rt = ({ config: e }) => t.createElement(nt, { useShadow: !0 }, t.createElement(et, { config: e })), it = class {
 	config;
 	container = null;
 	root = null;
@@ -2708,16 +3891,16 @@ var xe = (e) => {
 	}
 	mount(n) {
 		if (this.container = typeof n == "string" ? document.getElementById(n) : n, !this.container) throw Error("EventWidget: Mount container not found.");
-		this.root ||= e(this.container), this.root.render(t.createElement(Ee, { config: this.config }));
+		this.root ||= e(this.container), this.root.render(t.createElement(rt, { config: this.config }));
 	}
 	updateConfig(e) {
 		this.config = {
 			...this.config,
 			...e
-		}, this.root && this.root.render(t.createElement(Ee, { config: this.config }));
+		}, this.root && this.root.render(t.createElement(rt, { config: this.config }));
 	}
 	setConfig(e) {
-		this.config = e, this.root && this.root.render(t.createElement(Ee, { config: this.config }));
+		this.config = e, this.root && this.root.render(t.createElement(rt, { config: this.config }));
 	}
 	unmount() {
 		if (this.root) {
@@ -2727,4 +3910,4 @@ var xe = (e) => {
 	}
 };
 //#endregion
-export { Ee as EventWidget, De as EventWidgetClient };
+export { rt as EventWidget, it as EventWidgetClient };