@loafmarkets/ui 0.1.53 → 0.1.56

package/dist/index.mjs

@@ -1,11 +1,11 @@
 import * as React5 from 'react';
-import React5__default, { createContext, useState, useEffect, useMemo, useCallback, useRef, useContext } from 'react';
+import React5__default, { createContext, useState, useEffect, useMemo, useCallback, useContext, useRef } from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import styled24, { keyframes, css } from 'styled-components';
+import styled25, { keyframes, css } from 'styled-components';
 import { Newspaper, BedDouble, Bath, CarFront } from 'lucide-react';
 import * as LightweightCharts from 'lightweight-charts';
 import { BiChevronUp, BiChevronDown, BiX, BiCoin, BiWallet, BiCreditCard, BiCalendar, BiInfoCircle, BiPencil, BiImages, BiVideo, BiMap } from 'react-icons/bi';
@@ -1553,7 +1553,7 @@ var shimmer = keyframes`
     background-position: 200% 0;
   }
 `;
-var LogoContainer = styled24.span`
+var LogoContainer = styled25.span`
   display: inline-flex;
   align-items: center;
   gap: 0.35rem;
@@ -1638,7 +1638,7 @@ var LogoContainer = styled24.span`
     pointer-events: none;
   }
 `;
-var IconWrapper = styled24.span`
+var IconWrapper = styled25.span`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1651,7 +1651,7 @@ var IconWrapper = styled24.span`
     height: 14px;
   }
 `;
-var IconCircle = styled24.span`
+var IconCircle = styled25.span`
   position: absolute;
   width: ${({ size }) => size}px;
   height: ${({ size }) => size}px;
@@ -1662,7 +1662,7 @@ var IconCircle = styled24.span`
   transform-origin: center;
   will-change: transform, opacity;
 `;
-var IconCore = styled24.span`
+var IconCore = styled25.span`
   width: 5px;
   height: 5px;
   background: linear-gradient(135deg, #0ecb81 0%, #2ecc71 100%);
@@ -1671,14 +1671,14 @@ var IconCore = styled24.span`
   position: relative;
   z-index: 1;
 `;
-var LogoText = styled24.span`
+var LogoText = styled25.span`
   display: inline-flex;
   align-items: center;
   gap: 0.2rem;
   position: relative;
   z-index: 1;
 `;
-var LoafLogoImage = styled24.img`
+var LoafLogoImage = styled25.img`
   height: 20px;
   position: relative;
   z-index: 1;
@@ -1687,7 +1687,7 @@ var LoafLogoImage = styled24.img`
     height: 18px;
   }
 `;
-var LiquidityText = styled24.span`
+var LiquidityText = styled25.span`
   font-size: 0.65rem;
   font-weight: 400;
   background: linear-gradient(135deg, #f0b90b 0%, #ffd700 50%, #f0b90b 100%);
@@ -1909,7 +1909,8 @@ function DepthRow({
   depthPct,
   precision,
   amountPrecision,
-  hasUserOrder
+  hasUserOrder,
+  onPriceClick
 }) {
   const isAsk = side === "ask";
   const rowRef = React5.useRef(null);
@@ -1919,7 +1920,8 @@ function DepthRow({
     {
       ref: rowRef,
       className: "relative grid grid-cols-3 items-center gap-3 px-3 text-[0.8rem]",
-      style: { height: `${DEPTH_ROW_HEIGHT_PX}px` },
+      style: { height: `${DEPTH_ROW_HEIGHT_PX}px`, cursor: onPriceClick ? "pointer" : void 0 },
+      onClick: onPriceClick ? () => onPriceClick(price) : void 0,
       children: [
         /* @__PURE__ */ jsx(
           "div",
@@ -1935,7 +1937,7 @@ function DepthRow({
           "span",
           {
             "aria-label": "Your order at this price",
-            className: "absolute left-2 top-1/2 -translate-y-1/2 z-[2] h-[6px] w-[6px] rounded-full bg-[#C9A227] shadow-[0_0_6px_rgba(201,162,39,0.7)]"
+            className: "absolute left-0 top-1/2 -translate-y-1/2 z-[2] h-[6px] w-[6px] rounded-full bg-[#C9A227] shadow-[0_0_6px_rgba(201,162,39,0.7)]"
           }
         ) : null,
         /* @__PURE__ */ jsxs("div", { className: cn("relative z-[1] tabular-nums", isAsk ? "text-[#f6465d]" : "text-[#0ecb81]"), children: [
@@ -1971,6 +1973,7 @@ var Orderbook = React5.forwardRef(
     variant = "auto",
     userOrderPrices,
     isLoading = false,
+    onPriceClick,
     onLoafLiquidityClick,
     tradeExplorerUrl,
     className,
@@ -2066,7 +2069,8 @@ var Orderbook = React5.forwardRef(
       userBidPrices,
       isLoading,
       seenTradeKeysRef,
-      tradeExplorerUrl
+      tradeExplorerUrl,
+      onPriceClick
     };
     return /* @__PURE__ */ jsx(
       Card,
@@ -2132,7 +2136,8 @@ function DesktopOrderbookLayout({
   userBidPrices,
   isLoading,
   seenTradeKeysRef,
-  tradeExplorerUrl
+  tradeExplorerUrl,
+  onPriceClick
 }) {
   const midRef = React5.useRef(null);
   useMidPriceFlash(midRef, midPrice, "#0b1a24");
@@ -2253,7 +2258,8 @@ function DesktopOrderbookLayout({
                 depthPct: askCumDepths[i] / combinedMaxCumDepth * 100,
                 precision,
                 amountPrecision,
-                hasUserOrder: userAskPrices.has(l.price)
+                hasUserOrder: userAskPrices.has(l.price),
+                onPriceClick
               },
               `ask-${l.price}`
             ))
@@ -2293,7 +2299,8 @@ function DesktopOrderbookLayout({
                 depthPct: bidCumDepths[i] / combinedMaxCumDepth * 100,
                 precision,
                 amountPrecision,
-                hasUserOrder: userBidPrices.has(l.price)
+                hasUserOrder: userBidPrices.has(l.price),
+                onPriceClick
               },
               `bid-${l.price}`
             ))
@@ -2327,7 +2334,8 @@ function MobileOrderbookLayout({
   userBidPrices,
   isLoading,
   seenTradeKeysRef,
-  tradeExplorerUrl
+  tradeExplorerUrl,
+  onPriceClick
 }) {
   const midRef = React5.useRef(null);
   useMidPriceFlash(midRef, midPrice, "transparent");
@@ -2408,7 +2416,8 @@ function MobileOrderbookLayout({
           depthPct: askCumDepths[i] / combinedMaxCumDepth * 100,
           precision,
           amountPrecision,
-          hasUserOrder: userAskPrices.has(l.price)
+          hasUserOrder: userAskPrices.has(l.price),
+          onPriceClick
         },
         `mobile-ask-${l.price}`
       )) }),
@@ -2454,7 +2463,8 @@ function MobileOrderbookLayout({
           depthPct: bidCumDepths[i] / combinedMaxCumDepth * 100,
           precision,
           amountPrecision,
-          hasUserOrder: userBidPrices.has(l.price)
+          hasUserOrder: userBidPrices.has(l.price),
+          onPriceClick
         },
         `mobile-bid-${l.price}`
       )) })
@@ -2497,7 +2507,8 @@ function MobileDepthRow({
   depthPct,
   precision,
   amountPrecision,
-  hasUserOrder
+  hasUserOrder,
+  onPriceClick
 }) {
   const isAsk = side === "ask";
   const rowRef = React5.useRef(null);
@@ -2511,8 +2522,10 @@ function MobileDepthRow({
         gridTemplateColumns: "1.2fr 0.8fr",
         padding: "0.2rem 0",
         fontSize: "0.8rem",
-        position: "relative"
+        position: "relative",
+        cursor: onPriceClick ? "pointer" : void 0
       },
+      onClick: onPriceClick ? () => onPriceClick(price) : void 0,
       children: [
         hasUserOrder ? /* @__PURE__ */ jsx(
           "span",
@@ -2520,7 +2533,7 @@ function MobileDepthRow({
             "aria-label": "Your order at this price",
             style: {
               position: "absolute",
-              left: "6px",
+              left: "2px",
               top: "50%",
               transform: "translateY(-50%)",
               width: "6px",
@@ -2532,7 +2545,7 @@ function MobileDepthRow({
             }
           }
         ) : null,
-        /* @__PURE__ */ jsxs("div", { style: { position: "relative", zIndex: 1, color: isAsk ? "#f6465d" : "#0ecb81" }, children: [
+        /* @__PURE__ */ jsxs("div", { style: { position: "relative", zIndex: 1, color: isAsk ? "#f6465d" : "#0ecb81", paddingLeft: hasUserOrder ? "10px" : void 0 }, children: [
           "$",
           formatNumber(price, precision)
         ] }),
@@ -2722,17 +2735,30 @@ var PropertyNewsUpdates = React5.forwardRef(
     const isHomeVariant = variant === "home";
     const resolvedHeading = heading ?? (isPurchaseVariant ? "Live Purchases" : "Property News & Headlines");
     const [homeTab, setHomeTab] = React5.useState("all");
+    const [homePage, setHomePage] = React5.useState(0);
     const purchaseItems = purchasesProp ?? [];
     const [page, setPage] = React5.useState(0);
     React5.useEffect(() => {
       ensureAnimationsInjected();
     }, []);
+    React5.useEffect(() => {
+      setHomePage(0);
+    }, [homeTab]);
     const hasItems = Array.isArray(items) && items.length > 0;
     const totalPages = React5.useMemo(() => hasItems ? Math.max(1, Math.ceil(items.length / ITEMS_PER_PAGE)) : 1, [hasItems, items.length]);
     React5.useEffect(() => {
       setPage((prev) => Math.min(prev, totalPages - 1));
     }, [totalPages]);
     const paginatedItems = hasItems ? items.slice(page * ITEMS_PER_PAGE, page * ITEMS_PER_PAGE + ITEMS_PER_PAGE) : [];
+    const homeFilteredItems = React5.useMemo(
+      () => hasItems ? items.filter((it) => homeTab === "all" || it.type === homeTab) : [],
+      [hasItems, items, homeTab]
+    );
+    const homeTotalPages = React5.useMemo(
+      () => Math.max(1, Math.ceil(homeFilteredItems.length / ITEMS_PER_PAGE)),
+      [homeFilteredItems.length]
+    );
+    const homePaginatedItems = homeFilteredItems.slice(homePage * ITEMS_PER_PAGE, (homePage + 1) * ITEMS_PER_PAGE);
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -2913,26 +2939,46 @@ var PropertyNewsUpdates = React5.forwardRef(
                   }
                 ),
                 /* @__PURE__ */ jsx("span", { style: { fontSize: "0.8rem", color: "rgba(255,255,255,0.4)" }, children: "Awaiting offering..." })
-              ] }) : isHomeVariant ? hasItems ? items.filter((it) => homeTab === "all" || it.type === homeTab).map((item, index) => {
+              ] }) : isHomeVariant ? hasItems ? homePaginatedItems.map((item, index) => {
                 const key = item.displayId ?? item.id ?? `${item.title}-${index}`;
                 const tagType = item.type;
                 const isProperty = tagType === "property";
                 return /* @__PURE__ */ jsxs(
-                  "div",
+                  "a",
                   {
+                    href: item.url ?? "#",
+                    target: "_blank",
+                    rel: "noopener noreferrer",
                     style: {
                       display: "flex",
                       justifyContent: "space-between",
                       alignItems: "center",
                       padding: "0.75rem 0",
-                      borderBottom: index < items.length - 1 ? "1px solid rgba(255,255,255,0.05)" : "none",
-                      cursor: "pointer"
+                      borderBottom: index < homePaginatedItems.length - 1 ? "1px solid rgba(255,255,255,0.05)" : "none",
+                      cursor: "pointer",
+                      textDecoration: "none",
+                      color: "inherit"
                     },
                     children: [
                       /* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
                         /* @__PURE__ */ jsx("h3", { style: { fontSize: "0.85rem", fontWeight: 400, marginBottom: "0.25rem", color: "#f8f9fa", lineHeight: 1.4 }, children: item.title }),
-                        /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "0.75rem", alignItems: "center" }, children: [
+                        /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "0.5rem", alignItems: "center", flexWrap: "wrap" }, children: [
                           /* @__PURE__ */ jsx("span", { style: { color: "#848e9c", fontSize: "0.7rem" }, children: typeof item.date === "string" ? item.date : formatDate(item.date) }),
+                          item.source && /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              style: {
+                                padding: "0.1rem 0.4rem",
+                                borderRadius: "3px",
+                                fontSize: "0.62rem",
+                                fontWeight: 500,
+                                backgroundColor: "rgba(255,255,255,0.07)",
+                                color: "#848e9c",
+                                whiteSpace: "nowrap"
+                              },
+                              children: item.source
+                            }
+                          ),
                           /* @__PURE__ */ jsx(
                             "span",
                             {
@@ -2972,7 +3018,22 @@ var PropertyNewsUpdates = React5.forwardRef(
                       animation: item.isNew ? "propertyNewsSlideIn 0.5s ease-out" : void 0
                     },
                     children: [
-                      /* @__PURE__ */ jsx("p", { style: { fontSize: "0.9375rem", fontWeight: 500, marginBottom: "0.35rem" }, children: item.title }),
+                      /* @__PURE__ */ jsx("p", { style: { fontSize: "0.9375rem", fontWeight: 500, marginBottom: "0.35rem" }, children: item.url ? /* @__PURE__ */ jsx(
+                        "a",
+                        {
+                          href: item.url,
+                          target: "_blank",
+                          rel: "noopener noreferrer",
+                          style: { color: "inherit", textDecoration: "none" },
+                          onMouseEnter: (e) => {
+                            e.currentTarget.style.textDecoration = "underline";
+                          },
+                          onMouseLeave: (e) => {
+                            e.currentTarget.style.textDecoration = "none";
+                          },
+                          children: item.title
+                        }
+                      ) : item.title }),
                       /* @__PURE__ */ jsxs(
                         "div",
                         {
@@ -2981,10 +3042,31 @@ var PropertyNewsUpdates = React5.forwardRef(
                             justifyContent: "space-between",
                             alignItems: "center",
                             fontSize: "0.75rem",
-                            color: "#b5b8c5"
+                            color: "#b5b8c5",
+                            gap: "0.5rem"
                           },
                           children: [
-                            /* @__PURE__ */ jsx("span", { style: { color: isHighlighted ? "#0ecb81" : "inherit" }, children: dateLabel }),
+                            /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", minWidth: 0 }, children: [
+                              /* @__PURE__ */ jsx("span", { style: { color: isHighlighted ? "#0ecb81" : "inherit", whiteSpace: "nowrap" }, children: dateLabel }),
+                              item.source && /* @__PURE__ */ jsx(
+                                "span",
+                                {
+                                  style: {
+                                    padding: "0.15rem 0.45rem",
+                                    borderRadius: "3px",
+                                    fontSize: "0.65rem",
+                                    fontWeight: 500,
+                                    backgroundColor: "rgba(255,255,255,0.07)",
+                                    color: "#848e9c",
+                                    whiteSpace: "nowrap",
+                                    overflow: "hidden",
+                                    textOverflow: "ellipsis",
+                                    maxWidth: "120px"
+                                  },
+                                  children: item.source
+                                }
+                              )
+                            ] }),
                             /* @__PURE__ */ jsx(
                               "span",
                               {
@@ -2996,7 +3078,9 @@ var PropertyNewsUpdates = React5.forwardRef(
                                   color: styles2.color,
                                   fontSize: "0.68rem",
                                   fontWeight: 600,
-                                  textTransform: "uppercase"
+                                  textTransform: "uppercase",
+                                  whiteSpace: "nowrap",
+                                  flexShrink: 0
                                 },
                                 children: item.type === "property" ? styles2.label : "Market News"
                               }
@@ -3014,6 +3098,55 @@ var PropertyNewsUpdates = React5.forwardRef(
               ] })
             }
           ),
+          isHomeVariant && homeTotalPages > 1 ? /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center justify-between text-xs text-white/60", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setHomePage((prev) => Math.max(0, prev - 1)),
+                disabled: homePage === 0,
+                style: {
+                  background: "transparent",
+                  border: "1px solid rgba(255,255,255,0.15)",
+                  borderRadius: "999px",
+                  padding: "0.2rem 0.75rem",
+                  fontSize: "0.7rem",
+                  textTransform: "uppercase",
+                  letterSpacing: "0.15em",
+                  cursor: homePage === 0 ? "not-allowed" : "pointer",
+                  opacity: homePage === 0 ? 0.4 : 1,
+                  color: "rgba(255,255,255,0.6)"
+                },
+                children: "Prev"
+              }
+            ),
+            /* @__PURE__ */ jsxs("span", { style: { fontSize: "0.7rem", color: "rgba(255,255,255,0.5)" }, children: [
+              homePage + 1,
+              " / ",
+              homeTotalPages
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setHomePage((prev) => Math.min(homeTotalPages - 1, prev + 1)),
+                disabled: homePage >= homeTotalPages - 1,
+                style: {
+                  background: "transparent",
+                  border: "1px solid rgba(255,255,255,0.15)",
+                  borderRadius: "999px",
+                  padding: "0.2rem 0.75rem",
+                  fontSize: "0.7rem",
+                  textTransform: "uppercase",
+                  letterSpacing: "0.15em",
+                  cursor: homePage >= homeTotalPages - 1 ? "not-allowed" : "pointer",
+                  opacity: homePage >= homeTotalPages - 1 ? 0.4 : 1,
+                  color: "rgba(255,255,255,0.6)"
+                },
+                children: "Next"
+              }
+            )
+          ] }) : null,
           !isPurchaseVariant && !isHomeVariant && hasItems && totalPages > 1 ? /* @__PURE__ */ jsxs("div", { className: "mt-4 flex items-center justify-between text-xs text-white/60", children: [
             /* @__PURE__ */ jsx(
               "button",
@@ -3140,7 +3273,7 @@ var TradingSlider = React5.forwardRef(
   }
 );
 TradingSlider.displayName = "TradingSlider";
-var MobileToggleContainer = styled24.div`
+var MobileToggleContainer = styled25.div`
   display: none;
   
   @media (max-width: 1024px) {
@@ -3158,7 +3291,7 @@ var MobileToggleContainer = styled24.div`
     box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.3);
   }
 `;
-var MobileToggleButton = styled24.button`
+var MobileToggleButton = styled25.button`
   flex: 1;
   padding: 0.75rem;
   background-color: ${(props) => props.active ? "var(--color-accent)" : "transparent"};
@@ -3513,7 +3646,7 @@ var shimmer2 = keyframes`
     background-position: 200% 0;
   }
 `;
-var LogoContainer2 = styled24.span`
+var LogoContainer2 = styled25.span`
   display: inline-flex;
   align-items: center;
   gap: 0.35rem;
@@ -3608,7 +3741,7 @@ var LogoContainer2 = styled24.span`
     pointer-events: none;
   }
 `;
-var IconWrapper2 = styled24.div`
+var IconWrapper2 = styled25.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -3626,7 +3759,7 @@ var IconWrapper2 = styled24.div`
     height: 14px;
   }
 `;
-var IconCircle2 = styled24.div`
+var IconCircle2 = styled25.div`
   position: absolute;
   width: ${(props) => props.$size}px;
   height: ${(props) => props.$size}px;
@@ -3637,7 +3770,7 @@ var IconCircle2 = styled24.div`
   transform-origin: center;
   will-change: transform, opacity;
 `;
-var IconCore2 = styled24.div`
+var IconCore2 = styled25.div`
   width: 5px;
   height: 5px;
   background: linear-gradient(135deg, #0ecb81 0%, #2ecc71 100%);
@@ -3646,7 +3779,7 @@ var IconCore2 = styled24.div`
   position: relative;
   z-index: 1;
 `;
-var LogoText2 = styled24.span`
+var LogoText2 = styled25.span`
   display: inline-flex;
   align-items: center;
   gap: 0.2rem;
@@ -3654,7 +3787,7 @@ var LogoText2 = styled24.span`
   z-index: 1;
   vertical-align: middle;
 `;
-var LoafLogoImage2 = styled24.img`
+var LoafLogoImage2 = styled25.img`
   height: 20px;
   position: relative;
   z-index: 1;
@@ -3667,7 +3800,7 @@ var LoafLogoImage2 = styled24.img`
     height: 18px;
   }
 `;
-var LiquidityText2 = styled24.span`
+var LiquidityText2 = styled25.span`
   font-size: 0.65rem;
   font-weight: 400;
   background: linear-gradient(135deg, #f0b90b 0%, #ffd700 50%, #f0b90b 100%);
@@ -4780,14 +4913,14 @@ var PropertyHeroHeader = React5.forwardRef(
   }
 );
 PropertyHeroHeader.displayName = "PropertyHeroHeader";
-var OuterWrapper = styled24.div`
+var OuterWrapper = styled25.div`
   width: 100%;
   margin: 0 auto;
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
 `;
-var HeroContainer = styled24.div`
+var HeroContainer = styled25.div`
   position: relative;
   width: calc(100vw - 1.5rem);
   left: 50%;
@@ -4819,7 +4952,7 @@ var HeroContainer = styled24.div`
     border-radius: 6px;
   }
 `;
-var MobileAmenities = styled24.div`
+var MobileAmenities = styled25.div`
   display: none;
   align-items: center;
   justify-content: space-between;
@@ -4836,7 +4969,7 @@ var MobileAmenities = styled24.div`
     flex-wrap: wrap;
   }
 `;
-var MobileAmenity = styled24.span`
+var MobileAmenity = styled25.span`
   display: inline-flex;
   align-items: center;
   gap: 0.35rem;
@@ -4845,7 +4978,7 @@ var MobileAmenity = styled24.span`
   background: rgba(255, 255, 255, 0.08);
   font-weight: 500;
 `;
-var HeroImage = styled24.img`
+var HeroImage = styled25.img`
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -4859,7 +4992,7 @@ var HeroImage = styled24.img`
   transform: scale(1.0);
   transform-origin: center;
 `;
-var HeroGradient = styled24.div`
+var HeroGradient = styled25.div`
   position: absolute;
   bottom: 0;
   left: 0;
@@ -4868,7 +5001,7 @@ var HeroGradient = styled24.div`
   z-index: 1;
   background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
 `;
-var ActionButtons = styled24.div`
+var ActionButtons = styled25.div`
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -4883,7 +5016,7 @@ var ActionButtons = styled24.div`
     display: none;
   }
 `;
-var InfoCard = styled24.div`
+var InfoCard = styled25.div`
   display: inline-block;
   width: fit-content;
   max-width: 70%;
@@ -4908,7 +5041,7 @@ var InfoCard = styled24.div`
     max-width: 95%;
   }
 `;
-var InfoRow = styled24.div`
+var InfoRow = styled25.div`
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto;
   align-items: center;
@@ -4919,7 +5052,7 @@ var InfoRow = styled24.div`
     gap: 0.5rem;
   }
 `;
-var LocationText = styled24.span`
+var LocationText = styled25.span`
   font-size: clamp(1rem, 2.6vw, 1.25rem);
   color: rgba(255, 255, 255, 0.9);
   font-weight: 500;
@@ -4927,7 +5060,7 @@ var LocationText = styled24.span`
   text-overflow: ellipsis;
   white-space: nowrap;
 `;
-var PriceBlock = styled24.span`
+var PriceBlock = styled25.span`
   display: flex;
   align-items: center;
   font-size: clamp(1rem, 2.2vw, 1.25rem);
@@ -4937,7 +5070,7 @@ var PriceBlock = styled24.span`
   border-left: 1px solid rgba(255, 255, 255, 0.25);
   min-height: 1.5rem;
 `;
-var StatusBadge = styled24.div`
+var StatusBadge = styled25.div`
   position: absolute;
   top: 1rem;
   left: 1rem;
@@ -4954,7 +5087,7 @@ var StatusBadge = styled24.div`
   border: ${({ $isLive }) => $isLive ? "1px solid rgba(240, 185, 11, 0.5)" : "none"};
   backdrop-filter: blur(8px);
 `;
-var PulsingDot = styled24.span`
+var PulsingDot = styled25.span`
   display: inline-block;
   width: 8px;
   height: 8px;
@@ -5477,7 +5610,7 @@ var Header = ({
   ] });
 };
 Header.displayName = "Header";
-var SafeAreaCover = styled24.div`
+var SafeAreaCover = styled25.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -5488,7 +5621,7 @@ var SafeAreaCover = styled24.div`
   z-index: 1001;
   pointer-events: none;
 `;
-var Overlay = styled24.div`
+var Overlay = styled25.div`
   display: ${(props) => props.$isOpen ? "block" : "none"};
   position: fixed;
   top: 0;
@@ -5499,7 +5632,7 @@ var Overlay = styled24.div`
   backdrop-filter: blur(3px);
   z-index: 999;
 `;
-var MobileOnlyButton = styled24.button.attrs({ type: "button" })`
+var MobileOnlyButton = styled25.button.attrs({ type: "button" })`
   display: none;
   background-color: ${(props) => props.$isOpen ? "rgba(240, 185, 11, 0.2)" : "#f0b90b"};
   color: ${(props) => props.$isOpen ? "#ffffff" : "#0b0e11"};
@@ -5530,7 +5663,7 @@ var MobileOnlyButton = styled24.button.attrs({ type: "button" })`
     display: flex;
   }
 `;
-var HeaderContainer = styled24.header`
+var HeaderContainer = styled25.header`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -5556,13 +5689,13 @@ var HeaderContainer = styled24.header`
     padding-top: max(env(safe-area-inset-top, 0px), var(--telegram-safe-top, 0px));
   }
 `;
-var HeaderSpacer = styled24.div`
+var HeaderSpacer = styled25.div`
   width: 100%;
   min-height: 56px;
   min-height: calc(56px + max(env(safe-area-inset-top, 0px), var(--telegram-safe-top, 0px)));
   flex-shrink: 0;
 `;
-var Logo = styled24.div`
+var Logo = styled25.div`
   display: flex;
   align-items: center;
   margin-right: 24px;
@@ -5583,11 +5716,11 @@ var Logo = styled24.div`
     }
   }
 `;
-var LogoLink = styled24.a`
+var LogoLink = styled25.a`
   display: inline-flex;
   align-items: center;
 `;
-var Nav = styled24.nav`
+var Nav = styled25.nav`
   display: flex;
   flex-direction: column;
 
@@ -5639,7 +5772,7 @@ var Nav = styled24.nav`
     }
   }
 `;
-var NavLink = styled24.a`
+var NavLink = styled25.a`
   margin: 0 12px;
   color: #eaecef;
   font-weight: 500;
@@ -5698,7 +5831,7 @@ var NavLink = styled24.a`
     }
   }
 `;
-var Button2 = styled24.button.attrs({ type: "button" })`
+var Button2 = styled25.button.attrs({ type: "button" })`
   padding: 0.5rem 1rem;
   border-radius: 6px;
   font-weight: 500;
@@ -5736,7 +5869,7 @@ var Button2 = styled24.button.attrs({ type: "button" })`
     margin-left: 0.5rem;
   }
 `;
-var UserMenu = styled24.div`
+var UserMenu = styled25.div`
   position: relative;
   margin-left: 0.75rem;
   height: 56px;
@@ -5747,7 +5880,7 @@ var UserMenu = styled24.div`
     margin-left: auto;
   }
 `;
-var UserButton = styled24.button.attrs({ type: "button" })`
+var UserButton = styled25.button.attrs({ type: "button" })`
   display: flex;
   align-items: center;
   background: transparent;
@@ -5772,7 +5905,7 @@ var UserButton = styled24.button.attrs({ type: "button" })`
     transform: ${(props) => props.$isOpen ? "rotate(180deg)" : "rotate(0)"};
   }
 `;
-var DropdownMenu = styled24.div`
+var DropdownMenu = styled25.div`
   position: absolute;
   top: 100%;
   /* Anchor to the button's right edge so a short label (narrow button) near
@@ -5800,7 +5933,7 @@ var DropdownMenu = styled24.div`
     display: block;
   }
 `;
-var MenuItem = styled24.div`
+var MenuItem = styled25.div`
   padding: 0.75rem 1.25rem;
   cursor: pointer;
   transition: all 0.2s ease;
@@ -5820,7 +5953,7 @@ var MenuItem = styled24.div`
     color: #f6465d;
   }
 `;
-var MobileMenuHeader = styled24.div`
+var MobileMenuHeader = styled25.div`
   display: flex;
   justify-content: flex-end;
   align-items: center;
@@ -5829,7 +5962,7 @@ var MobileMenuHeader = styled24.div`
   border-bottom: 1px solid rgba(255, 255, 255, 0.05);
   background: rgba(0, 0, 0, 0.2);
 `;
-var MobileMenuClose = styled24.button.attrs({ type: "button" })`
+var MobileMenuClose = styled25.button.attrs({ type: "button" })`
   background: none;
   border: none;
   color: #eaecef;
@@ -5840,7 +5973,7 @@ var MobileMenuClose = styled24.button.attrs({ type: "button" })`
   align-items: center;
   justify-content: center;
 `;
-var SearchBar = styled24.div`
+var SearchBar = styled25.div`
   display: flex;
   align-items: center;
   background: rgba(255, 255, 255, 0.03);
@@ -5876,7 +6009,7 @@ var SearchBar = styled24.div`
     }
   }
 `;
-var MobileNavItem = styled24.div`
+var MobileNavItem = styled25.div`
   display: flex;
   align-items: center;
   padding: 14px 20px;
@@ -6616,7 +6749,7 @@ var LoginPopup = ({
   }
   return null;
 };
-var Overlay2 = styled24.div`
+var Overlay2 = styled25.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -6639,7 +6772,7 @@ var Overlay2 = styled24.div`
     }
   }
 `;
-var PopupContainer = styled24.div`
+var PopupContainer = styled25.div`
   background-color: var(--color-background, #0a0a0a);
   border: 1px solid rgba(230, 198, 86, 0.3);
   border-radius: var(--border-radius, 12px);
@@ -6666,7 +6799,7 @@ var PopupContainer = styled24.div`
     max-width: 90%;
   }
 `;
-var KycPopupContainer = styled24.div`
+var KycPopupContainer = styled25.div`
   background-color: var(--color-background, #0a0a0a);
   border: 1px solid rgba(230, 198, 86, 0.3);
   border-radius: var(--border-radius, 12px);
@@ -6694,7 +6827,7 @@ var KycPopupContainer = styled24.div`
     max-width: 95%;
   }
 `;
-var KycWidgetContainer = styled24.div`
+var KycWidgetContainer = styled25.div`
   min-height: 500px;
   width: 100%;
   display: flex;
@@ -6702,7 +6835,7 @@ var KycWidgetContainer = styled24.div`
   position: relative;
   gap: 0.75rem;
 `;
-var InlineCloseButton = styled24.button`
+var InlineCloseButton = styled25.button`
   position: absolute;
   top: -12px;
   right: -12px;
@@ -6728,7 +6861,7 @@ var InlineCloseButton = styled24.button`
     height: 18px;
   }
 `;
-var CloseButton = styled24.button`
+var CloseButton = styled25.button`
   position: absolute;
   top: 1rem;
   right: 1rem;
@@ -6747,7 +6880,7 @@ var CloseButton = styled24.button`
     color: var(--color-accent, #e6c656);
   }
 `;
-var Title = styled24.h2`
+var Title = styled25.h2`
   font-size: 1.75rem;
   font-weight: 600;
   color: var(--color-text, #eaecef);
@@ -6759,21 +6892,21 @@ var Title = styled24.h2`
   justify-content: center;
   gap: 1rem;
 `;
-var LogoContainer3 = styled24.div`
+var LogoContainer3 = styled25.div`
   display: flex;
   justify-content: center;
   margin-bottom: 0.5rem;
 `;
-var LogoImage = styled24.img`
+var LogoImage = styled25.img`
   height: 60px;
 `;
-var ButtonsContainer = styled24.div`
+var ButtonsContainer = styled25.div`
   display: flex;
   flex-direction: column;
   gap: 1rem;
   margin-bottom: 1.5rem;
 `;
-var LoginButton = styled24.button`
+var LoginButton = styled25.button`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -6799,7 +6932,7 @@ var LoginButton = styled24.button`
     color: var(--color-accent, #e6c656);
   }
 `;
-var Divider = styled24.div`
+var Divider = styled25.div`
   display: flex;
   align-items: center;
   margin: 1.5rem 0;
@@ -6812,13 +6945,13 @@ var Divider = styled24.div`
     background-color: rgba(230, 198, 86, 0.2);
   }
 `;
-var InfoText = styled24.p`
+var InfoText = styled25.p`
   color: var(--color-text-secondary, #848e9c);
   font-size: 0.875rem;
   text-align: center;
   line-height: 1.5;
 `;
-var AnnotationContainer = styled24.div`
+var AnnotationContainer = styled25.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -6826,7 +6959,7 @@ var AnnotationContainer = styled24.div`
   padding-top: 1.5rem;
   border-top: 1px solid rgba(230, 198, 86, 0.2);
 `;
-var Annotation = styled24.div`
+var Annotation = styled25.div`
   display: flex;
   align-items: flex-start;
   gap: 1rem;
@@ -6841,22 +6974,22 @@ var Annotation = styled24.div`
     color: var(--color-accent, #e6c656);
   }
 `;
-var AnnotationText = styled24.span`
+var AnnotationText = styled25.span`
   flex: 1;
   line-height: 1.4;
 `;
-var AnnotationLabel = styled24.span`
+var AnnotationLabel = styled25.span`
   color: var(--color-text, #eaecef);
   font-weight: 500;
   margin-right: 0.25rem;
 `;
-var EmailFormContainer = styled24.div`
+var EmailFormContainer = styled25.div`
   display: flex;
   flex-direction: column;
   gap: 1rem;
   margin-bottom: 1.5rem;
 `;
-var EmailInput = styled24.input`
+var EmailInput = styled25.input`
   width: 100%;
   padding: 1rem 1.25rem;
   background-color: var(--color-background-light, #1a1a1a);
@@ -6875,12 +7008,12 @@ var EmailInput = styled24.input`
     color: var(--color-text-secondary, #848e9c);
   }
 `;
-var OTPContainer = styled24.div`
+var OTPContainer = styled25.div`
   display: flex;
   gap: 0.5rem;
   justify-content: center;
 `;
-var OTPInput = styled24.input`
+var OTPInput = styled25.input`
   width: 48px;
   height: 56px;
   text-align: center;
@@ -6898,7 +7031,7 @@ var OTPInput = styled24.input`
     box-shadow: 0 0 0 2px rgba(230, 198, 86, 0.2);
   }
 `;
-var SubmitButton = styled24.button`
+var SubmitButton = styled25.button`
   width: 100%;
   padding: 0.85rem;
   background-color: var(--color-accent, #e6c656);
@@ -6921,7 +7054,7 @@ var SubmitButton = styled24.button`
     cursor: not-allowed;
   }
 `;
-var BackButton = styled24.button`
+var BackButton = styled25.button`
   background: none;
   border: none;
   color: var(--color-text-secondary, #848e9c);
@@ -6936,13 +7069,13 @@ var BackButton = styled24.button`
     color: var(--color-accent, #e6c656);
   }
 `;
-var StatusMessage = styled24.p`
+var StatusMessage = styled25.p`
   color: ${(props) => props.$error ? "#f6465d" : "#0ecb81"};
   font-size: 0.875rem;
   text-align: center;
   margin-top: 0.5rem;
 `;
-var OnboardingStepContainer = styled24.div`
+var OnboardingStepContainer = styled25.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -6950,25 +7083,25 @@ var OnboardingStepContainer = styled24.div`
   padding: 0.25rem 0;
   gap: 0.5rem;
 `;
-var OnboardingHeading = styled24.h2`
+var OnboardingHeading = styled25.h2`
   font-size: 1.2rem;
   font-weight: 600;
   color: var(--color-text, #eaecef);
   margin: 0;
 `;
-var OnboardingSubtext = styled24.p`
+var OnboardingSubtext = styled25.p`
   font-size: 0.95rem;
   color: var(--color-text-secondary, #848e9c);
   line-height: 1.6;
   margin-bottom: 2rem;
 `;
-var OnboardingButtonGroup = styled24.div`
+var OnboardingButtonGroup = styled25.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
   width: 100%;
 `;
-var OnboardingSkipButton = styled24.button`
+var OnboardingSkipButton = styled25.button`
   width: 100%;
   padding: 0.75rem 0.9rem;
   background-color: rgba(255, 255, 255, 0.05);
@@ -6985,7 +7118,7 @@ var OnboardingSkipButton = styled24.button`
     color: var(--color-text, #eaecef);
   }
 `;
-var ModalOptionCard = styled24.button`
+var ModalOptionCard = styled25.button`
   display: flex;
   align-items: center;
   gap: 1rem;
@@ -7008,7 +7141,7 @@ var ModalOptionCard = styled24.button`
     cursor: not-allowed;
   }
 `;
-var FundingPopupContainer = styled24.div`
+var FundingPopupContainer = styled25.div`
   background-color: var(--color-background, #0a0a0a);
   border: 1px solid rgba(230, 198, 86, 0.3);
   border-radius: var(--border-radius, 12px);
@@ -7036,7 +7169,7 @@ var FundingPopupContainer = styled24.div`
     max-width: 95%;
   }
 `;
-var TransakWidgetContainer = styled24.div`
+var TransakWidgetContainer = styled25.div`
   width: 100%;
   height: 700px;
   display: flex;
@@ -7048,7 +7181,7 @@ var TransakWidgetContainer = styled24.div`
     height: 600px;
   }
 `;
-var TransakIframe = styled24.iframe`
+var TransakIframe = styled25.iframe`
   width: 100%;
   height: 100%;
   border: none;
@@ -7385,7 +7518,7 @@ var PropertyCompareBar = React5.forwardRef(
   }
 );
 PropertyCompareBar.displayName = "PropertyCompareBar";
-var PropertySelectorContainer = styled24.div`
+var PropertySelectorContainer = styled25.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -7439,7 +7572,7 @@ var PropertySelectorContainer = styled24.div`
           `};
   }
 `;
-var PropertySelector = styled24.div`
+var PropertySelector = styled25.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -7453,7 +7586,7 @@ var PropertySelector = styled24.div`
     }
   }
 `;
-var PropertyAddress = styled24.div`
+var PropertyAddress = styled25.div`
   font-size: 1.125rem;
   font-weight: 600;
   display: flex;
@@ -7474,7 +7607,7 @@ var PropertyAddress = styled24.div`
     white-space: normal;
   }
 `;
-var PropertySelectorDropdown = styled24.div`
+var PropertySelectorDropdown = styled25.div`
   position: absolute;
   top: calc(100% + 12px);
   left: 0;
@@ -7494,7 +7627,7 @@ var PropertySelectorDropdown = styled24.div`
     to { opacity: 1; transform: translateY(0); }
   }
 `;
-var PropertySelectorOption = styled24.div`
+var PropertySelectorOption = styled25.div`
   padding: 1.25rem 1.5rem;
   transition: all 0.2s ease;
   border-bottom: 1px solid rgba(255, 255, 255, 0.03);
@@ -7520,13 +7653,13 @@ var PropertySelectorOption = styled24.div`
     background: linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0%, transparent 100%);
   }
 `;
-var PropertySelectorName = styled24.div`
+var PropertySelectorName = styled25.div`
   font-weight: 600;
   font-size: 1rem;
   color: #ffffff;
   margin-bottom: 0.15rem;
 `;
-var PropertySelectorSubtitle = styled24.div`
+var PropertySelectorSubtitle = styled25.div`
   font-size: 0.875rem;
   color: rgba(255, 255, 255, 0.5);
   span {
@@ -7535,7 +7668,7 @@ var PropertySelectorSubtitle = styled24.div`
     font-size: 0.75rem;
   }
 `;
-var PropertyValueBlock = styled24.div`
+var PropertyValueBlock = styled25.div`
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -7603,7 +7736,7 @@ var PropertyValueBlock = styled24.div`
     white-space: normal;
   }
 `;
-var PropertyValueLabel = styled24.span`
+var PropertyValueLabel = styled25.span`
   font-size: 0.7rem;
   color: var(--color-text-secondary, rgba(255, 255, 255, 0.6));
   text-transform: uppercase;
@@ -7614,7 +7747,7 @@ var PropertyValueLabel = styled24.span`
     letter-spacing: 0.4px;
   }
 `;
-var PropertyValueAmount = styled24.span`
+var PropertyValueAmount = styled25.span`
   font-size: 1.1rem;
   font-weight: 600;
   color: #fff;
@@ -7623,7 +7756,7 @@ var PropertyValueAmount = styled24.span`
     font-size: 0.95rem;
   }
 `;
-var PropertyValueChange = styled24.span`
+var PropertyValueChange = styled25.span`
   font-size: 0.75rem;
   font-weight: 500;
   color: ${(props) => props.$isPositive == null ? "var(--color-text-secondary, rgba(255, 255, 255, 0.6))" : props.$isPositive ? "var(--color-positive, #0ecb81)" : "var(--color-negative, #f6465d)"};
@@ -7632,7 +7765,7 @@ var PropertyValueChange = styled24.span`
     font-size: 0.65rem;
   }
 `;
-var PriceBlock2 = styled24.div`
+var PriceBlock2 = styled25.div`
   display: none;
 
   ${({ $variant }) => $variant === "pill" && css`
@@ -7647,13 +7780,13 @@ var PriceBlock2 = styled24.div`
       }
     `}
 `;
-var PriceAmount = styled24.span`
+var PriceAmount = styled25.span`
   font-size: 1.6rem;
   font-weight: 600;
   color: #fff;
   letter-spacing: 0.2px;
 `;
-var PriceChange = styled24.span`
+var PriceChange = styled25.span`
   font-size: 0.85rem;
   font-weight: 500;
   display: inline-flex;
@@ -7788,7 +7921,7 @@ function GalleryMapSection({
     ] })
   ] });
 }
-var Row = styled24.div`
+var Row = styled25.div`
   display: grid;
   grid-template-columns: 2fr 1fr;
   gap: 1.5rem;
@@ -7799,14 +7932,14 @@ var Row = styled24.div`
   width: 100%;
   @media (max-width: 1024px) { grid-template-columns: 1fr; }
 `;
-var PanelBase = styled24.div`
+var PanelBase = styled25.div`
   background: var(--color-card-darker, #111);
   border-radius: 8px;
   padding: 1rem;
   display: flex;
   flex-direction: column;
 `;
-var PanelHeader = styled24.div`
+var PanelHeader = styled25.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -7821,32 +7954,32 @@ var PanelHeader = styled24.div`
   }
   span { font-size: 0.75rem; color: var(--color-text-secondary); }
 `;
-var GalleryPanel = styled24(PanelBase)`
+var GalleryPanel = styled25(PanelBase)`
   min-width: 0; overflow: hidden;
 `;
-var Carousel = styled24.div`
+var Carousel = styled25.div`
   position: relative; width: 100%; overflow: hidden; border-radius: 8px;
 `;
-var VideoOverlay = styled24.div`
+var VideoOverlay = styled25.div`
   position: absolute; inset: 0; z-index: 3; background: #000; border-radius: 8px;
   display: flex; align-items: center; justify-content: center;
 `;
-var Track = styled24.div`
+var Track = styled25.div`
   display: flex; transition: transform 0.4s ease;
 `;
-var Slide = styled24.div`
+var Slide = styled25.div`
   min-width: 100%; position: relative; cursor: pointer;
   img { width: 100%; height: 315px; object-fit: cover; border-radius: 8px; }
   @media (max-width: 768px) { img { height: 155px; } }
 `;
-var SlideCaption = styled24.div`
+var SlideCaption = styled25.div`
   position: absolute; bottom: 0; left: 0; right: 0; padding: 1rem;
   background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
   border-radius: 0 0 8px 8px;
   h4 { margin: 0; font-size: 0.95rem; font-weight: 600; color: #fff; }
   p { margin: 0.25rem 0 0; font-size: 0.75rem; color: rgba(255,255,255,0.7); }
 `;
-var CarouselButton = styled24.button`
+var CarouselButton = styled25.button`
   position: absolute; top: 50%; transform: translateY(-50%);
   background: rgba(0,0,0,0.8); border: 2px solid rgba(255,255,255,0.3);
   color: white; width: 56px; height: 56px; border-radius: 50%;
@@ -7857,30 +7990,30 @@ var CarouselButton = styled24.button`
   svg { width: 28px; height: 28px; stroke: #fff; }
   @media (max-width: 768px) { width: 36px; height: 36px; svg { width: 18px; height: 18px; } }
 `;
-var ThumbStrip = styled24.div`
+var ThumbStrip = styled25.div`
   display: flex; align-items: center; gap: 0; margin-top: 1rem;
 `;
-var ThumbScroll = styled24.div`
+var ThumbScroll = styled25.div`
   display: flex; gap: 0.5rem; overflow-x: auto; flex: 1; min-width: 0;
   padding-bottom: 0.5rem;
   scrollbar-width: none;
   &::-webkit-scrollbar { display: none; }
 `;
-var Thumbnail = styled24.div`
+var Thumbnail = styled25.div`
   min-width: 60px; height: 45px; border-radius: 4px; overflow: hidden;
   cursor: pointer; border: 2px solid transparent; opacity: 0.6;
   transition: all 0.2s ease; flex-shrink: 0;
   &[data-active='true'] { border-color: #D4AF37; opacity: 1; }
   img { width: 100%; height: 100%; object-fit: cover; }
 `;
-var ThumbDivider = styled24.div`
+var ThumbDivider = styled25.div`
   width: 1px; height: 36px; background: rgba(255,255,255,0.15);
   margin: 0 0.5rem; flex-shrink: 0; align-self: center;
 `;
-var FixedButtons = styled24.div`
+var FixedButtons = styled25.div`
   display: flex; gap: 0.4rem; flex-shrink: 0; align-self: center;
 `;
-var FixedBtn = styled24.button`
+var FixedBtn = styled25.button`
   height: 45px; padding: 0 0.75rem; border-radius: 4px;
   display: flex; align-items: center; justify-content: center; gap: 0.4rem;
   cursor: pointer; transition: all 0.2s ease;
@@ -7889,7 +8022,7 @@ var FixedBtn = styled24.button`
   color: ${(p) => p.$active ? "#D4AF37" : "rgba(255,255,255,0.7)"};
   font-size: 0.75rem; font-weight: 500; letter-spacing: 0.02em; white-space: nowrap;
 `;
-var CategoryRow = styled24.div`
+var CategoryRow = styled25.div`
   display: flex; justify-content: center; gap: 0.5rem; margin-top: 0.75rem;
   overflow-x: auto; -webkit-overflow-scrolling: touch;
   scrollbar-width: none; &::-webkit-scrollbar { display: none; }
@@ -7901,14 +8034,14 @@ var CategoryRow = styled24.div`
   }
   button[data-active='true'] { background: rgba(212,175,55,0.2); border-color: #D4AF37; color: #D4AF37; }
 `;
-var MapPanel = styled24(PanelBase)`
+var MapPanel = styled25(PanelBase)`
   min-height: 280px; padding: 1.5rem;
   min-width: 0; overflow: hidden;
 `;
-var MapFrame = styled24.div`
+var MapFrame = styled25.div`
   flex: 1; border-radius: 6px; overflow: hidden; min-height: 280px; position: relative;
 `;
-var IframeShield = styled24.div`
+var IframeShield = styled25.div`
   position: absolute; inset: 0; z-index: 1; cursor: pointer;
 `;
 var BedIcon = /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
@@ -8121,43 +8254,43 @@ function PropertyOverview({
     ] })
   ] });
 }
-var TopGrid = styled24.div`
+var TopGrid = styled25.div`
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 2rem;
   margin-bottom: 2rem;
   @media (max-width: 768px) { grid-template-columns: 1fr; }
 `;
-var Panel = styled24.div`
+var Panel = styled25.div`
   background: #111;
   border-radius: 12px;
   padding: 1.5rem;
 `;
-var PanelHeading = styled24.h2`
+var PanelHeading = styled25.h2`
   font-size: 1.25rem;
   margin-bottom: 1rem;
   color: #fff;
   font-weight: 600;
 `;
-var DescriptionWrap = styled24.div`
+var DescriptionWrap = styled25.div`
   position: relative;
   max-height: ${(p) => p.$expanded ? "2000px" : "150px"};
   overflow: hidden;
   transition: max-height 0.3s ease;
 `;
-var DescFade = styled24.div`
+var DescFade = styled25.div`
   position: absolute;
   bottom: 0; left: 0; right: 0;
   height: 60px;
   background: linear-gradient(to bottom, rgba(17,17,17,0), #111);
   pointer-events: none;
 `;
-var ButtonRow = styled24.div`
+var ButtonRow = styled25.div`
   margin-top: 1.5rem;
   display: flex;
   gap: 0.75rem;
 `;
-var OutlineBtn = styled24.button`
+var OutlineBtn = styled25.button`
   padding: 0.55rem 1.35rem;
   border-radius: 10px;
   border: 1px solid rgba(255,255,255,0.28);
@@ -8167,7 +8300,7 @@ var OutlineBtn = styled24.button`
   font-weight: 600;
   cursor: pointer;
 `;
-var PrimaryBtn = styled24.button`
+var PrimaryBtn = styled25.button`
   padding: 0.75rem 1.5rem;
   border-radius: 4px;
   border: none;
@@ -8177,26 +8310,26 @@ var PrimaryBtn = styled24.button`
   font-weight: 600;
   cursor: pointer;
 `;
-var FinancialGrid = styled24.div`
+var FinancialGrid = styled25.div`
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 0.75rem;
 `;
-var FinancialCard = styled24.div`
+var FinancialCard = styled25.div`
   background: rgba(255,255,255,0.03);
   border-radius: 10px;
   padding: 1rem 1.25rem;
   border: 1px solid ${(p) => p.$gold ? "rgba(212,175,55,0.3)" : "rgba(255,255,255,0.06)"};
   position: relative;
 `;
-var BadgeSpan = styled24.span`
+var BadgeSpan = styled25.span`
   position: absolute;
   top: 0.5rem; right: 0.75rem;
   font-size: 0.65rem;
   color: #4CAF50;
   display: flex; align-items: center; gap: 4px;
 `;
-var FinancialLabel = styled24.div`
+var FinancialLabel = styled25.div`
   font-size: 0.65rem;
   color: ${(p) => p.$gold ? "#D4AF37" : "rgba(255,255,255,0.6)"};
   text-transform: uppercase;
@@ -8204,49 +8337,49 @@ var FinancialLabel = styled24.div`
   margin-bottom: 0.4rem;
   font-weight: 500;
 `;
-var FinancialValue = styled24.div`
+var FinancialValue = styled25.div`
   font-size: 1.25rem;
   font-weight: 700;
   color: ${(p) => p.$gold ? "#D4AF37" : "#fff"};
   line-height: 1;
 `;
-var AssetDetailsPanel = styled24.div`
+var AssetDetailsPanel = styled25.div`
   margin-bottom: 2rem; background: #111; border-radius: 12px; padding: 1.5rem;
 `;
-var AssetPanelsGrid = styled24.div`
+var AssetPanelsGrid = styled25.div`
   display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem;
   @media (max-width: 768px) { grid-template-columns: 1fr; }
 `;
-var MetricsPanel = styled24.div`
+var MetricsPanel = styled25.div`
   background: rgba(255,255,255,0.03); border-radius: 12px;
   border: 1px solid rgba(255,255,255,0.06); padding: 1.25rem 1.5rem; overflow: hidden;
 `;
-var InfoPanel = styled24(MetricsPanel)``;
-var MetricsPanelTitle = styled24.div`
+var InfoPanel = styled25(MetricsPanel)``;
+var MetricsPanelTitle = styled25.div`
   font-size: 0.65rem; color: #D4AF37; text-transform: uppercase;
   letter-spacing: 0.12em; font-weight: 600; margin-bottom: 1rem;
   padding-bottom: 0.75rem; border-bottom: 1px solid rgba(255,255,255,0.06);
 `;
-var LandFloorCard = styled24.div`
+var LandFloorCard = styled25.div`
   background: linear-gradient(135deg, rgba(212,175,55,0.12), rgba(184,134,11,0.06));
   border-radius: 10px; padding: 0.85rem 1rem;
   border: 1px solid rgba(212,175,55,0.25);
   display: flex; gap: 1rem; margin-bottom: 0.75rem;
 `;
-var MetricLabel = styled24.div`
+var MetricLabel = styled25.div`
   font-size: 0.65rem; color: #D4AF37; text-transform: uppercase;
   letter-spacing: 0.1em; margin-bottom: 0.4rem; font-weight: 500;
 `;
-var MetricValueRow = styled24.div`
+var MetricValueRow = styled25.div`
   display: flex; align-items: baseline; gap: 0.25rem;
 `;
-var MetricBig = styled24.span`
+var MetricBig = styled25.span`
   font-size: 1.5rem; font-weight: 700; color: #D4AF37; line-height: 1;
 `;
-var MetricUnit = styled24.span`
+var MetricUnit = styled25.span`
   font-size: 0.7rem; color: rgba(212,175,55,0.7); font-weight: 500;
 `;
-var FeaturesGrid = styled24.div`
+var FeaturesGrid = styled25.div`
   display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem;
   @media (max-width: 768px) { grid-template-columns: repeat(2, 1fr); }
 `;
@@ -8331,7 +8464,7 @@ function PropertyOffers({ offers }) {
     )) })
   ] });
 }
-var OfferPricePulse = styled24.span`
+var OfferPricePulse = styled25.span`
   width: 8px;
   height: 8px;
   border-radius: 999px;
@@ -8733,7 +8866,7 @@ function generateMockPastSales() {
     }
   ];
 }
-var FilterButtonsContainer = styled24.div`
+var FilterButtonsContainer = styled25.div`
   display: flex;
   gap: 0.5rem;
   flex-wrap: wrap;
@@ -8742,7 +8875,7 @@ var FilterButtonsContainer = styled24.div`
     gap: 0.25rem;
   }
 `;
-var FilterButton = styled24.button`
+var FilterButton = styled25.button`
   background-color: ${(props) => props.$active ? "var(--color-accent, #f0b90b)" : "transparent"};
   color: ${(props) => props.$active ? "#000" : "#fff"};
   border: 1px solid var(--color-accent, #f0b90b);
@@ -8761,7 +8894,7 @@ var FilterButton = styled24.button`
     font-size: 0.75rem;
   }
 `;
-var HistoryContainer = styled24.div`
+var HistoryContainer = styled25.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -8778,7 +8911,7 @@ var HistoryContainer = styled24.div`
     z-index: 0;
   }
 `;
-var HistoryPanel = styled24.div`
+var HistoryPanel = styled25.div`
   margin-bottom: 1.5rem;
   margin-left: 2rem;
   border: 1px solid rgba(240, 185, 11, 0.15);
@@ -8820,7 +8953,7 @@ var HistoryPanel = styled24.div`
       }
     `}
 `;
-var LeaseSection = styled24.div`
+var LeaseSection = styled25.div`
   margin: 0.3rem 1rem;
   padding: 0.3rem 1rem 0.3rem;
   background-color: rgba(30, 32, 38, 0.2);
@@ -8838,7 +8971,7 @@ var LeaseSection = styled24.div`
     background-color: rgba(255, 255, 255, 0.15);
   }
 `;
-var HistoryRow = styled24.tr`
+var HistoryRow = styled25.tr`
   background-color: ${(props) => props.$isOwnershipStart ? "rgba(240, 185, 11, 0.05)" : "transparent"};
 
   td {
@@ -8855,7 +8988,7 @@ var HistoryRow = styled24.tr`
     background-color: rgba(255, 255, 255, 0.08);
   }
 `;
-var TypeBadge = styled24.span`
+var TypeBadge = styled25.span`
   display: inline-block;
   padding: 0.25rem 0.5rem;
   border-radius: 4px;
@@ -8905,13 +9038,13 @@ var TypeBadge = styled24.span`
     font-size: 0.65rem;
   }
 `;
-var PastSalesSection = styled24.div`
+var PastSalesSection = styled25.div`
   background-color: rgba(30, 32, 38, 0.95);
   border-radius: 8px;
   padding: 1.25rem;
   margin-bottom: 1.5rem;
 `;
-var SalesTable = styled24.table`
+var SalesTable = styled25.table`
   width: 100%;
   border-collapse: collapse;
   table-layout: fixed;
@@ -8989,13 +9122,13 @@ function PropertyDocuments({ documentsData }) {
     }) })
   ] });
 }
-var Section = styled24.section`
+var Section = styled25.section`
   background: var(--color-card, rgba(30, 35, 41, 0.8));
   border-radius: 12px;
   padding: 1.5rem;
   margin-bottom: 1.5rem;
 `;
-var SectionHeading = styled24.h2`
+var SectionHeading = styled25.h2`
   font-size: 0.9rem;
   font-weight: 600;
   padding-bottom: 0.75rem;
@@ -9006,12 +9139,12 @@ var SectionHeading = styled24.h2`
   align-items: center;
   gap: 0.5rem;
 `;
-var DocList = styled24.ul`
+var DocList = styled25.ul`
   list-style: none;
   padding: 0;
   margin: 0;
 `;
-var DocItem = styled24.li`
+var DocItem = styled25.li`
   padding: 0.75rem 0;
   border-bottom: 1px solid var(--color-border, rgba(255, 255, 255, 0.1));
 
@@ -9019,7 +9152,7 @@ var DocItem = styled24.li`
     border-bottom: none;
   }
 `;
-var DocLink = styled24.a`
+var DocLink = styled25.a`
   display: flex;
   align-items: center;
   color: var(--color-text);
@@ -9030,19 +9163,19 @@ var DocLink = styled24.a`
     color: var(--color-accent);
   }
 `;
-var DocItemDisabled = styled24.div`
+var DocItemDisabled = styled25.div`
   display: flex;
   align-items: center;
   color: var(--color-text-secondary);
   cursor: not-allowed;
   opacity: 0.6;
 `;
-var DocIconWrapper = styled24.span`
+var DocIconWrapper = styled25.span`
   margin-right: 0.75rem;
   flex-shrink: 0;
   color: var(--color-text-secondary);
 `;
-var ComingSoonBadge = styled24.span`
+var ComingSoonBadge = styled25.span`
   margin-left: auto;
   padding: 0.25rem 0.5rem;
   background: rgba(212, 175, 55, 0.1);
@@ -9124,13 +9257,13 @@ function PropertyInspectionTimes({
     ] })
   ] });
 }
-var Section2 = styled24.section`
+var Section2 = styled25.section`
   background: var(--color-card, rgba(30, 35, 41, 0.8));
   border-radius: 12px;
   padding: 1.5rem;
   margin-bottom: 1.5rem;
 `;
-var SectionHeading2 = styled24.h2`
+var SectionHeading2 = styled25.h2`
   font-size: 0.9rem;
   font-weight: 600;
   padding-bottom: 0.75rem;
@@ -9141,17 +9274,17 @@ var SectionHeading2 = styled24.h2`
   align-items: center;
   gap: 0.5rem;
 `;
-var Intro = styled24.p`
+var Intro = styled25.p`
   font-size: 0.9rem;
   color: var(--color-text-secondary);
   margin-bottom: 1.5rem;
 `;
-var SlotList = styled24.div`
+var SlotList = styled25.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
 `;
-var SlotRow = styled24.div`
+var SlotRow = styled25.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -9160,27 +9293,27 @@ var SlotRow = styled24.div`
   border-radius: 8px;
   border: 1px solid rgba(255, 255, 255, 0.06);
 `;
-var SlotInfo = styled24.div``;
-var SlotDate = styled24.div`
+var SlotInfo = styled25.div``;
+var SlotDate = styled25.div`
   font-size: 0.9rem;
   font-weight: 600;
   color: var(--color-text);
   margin-bottom: 0.25rem;
 `;
-var SlotTime = styled24.div`
+var SlotTime = styled25.div`
   font-size: 0.8rem;
   color: var(--color-text-secondary);
 `;
-var SlotActions = styled24.div`
+var SlotActions = styled25.div`
   display: flex;
   align-items: center;
   gap: 1rem;
 `;
-var SpotsLeft = styled24.span`
+var SpotsLeft = styled25.span`
   font-size: 0.75rem;
   color: ${({ $low }) => $low ? "#f6465d" : "var(--color-text-secondary)"};
 `;
-var BookButton = styled24.button`
+var BookButton = styled25.button`
   padding: 0.4rem 1rem;
   background: transparent;
   border: 1px solid var(--color-accent, #f0b90b);
@@ -9200,7 +9333,7 @@ var BookButton = styled24.button`
     cursor: not-allowed;
   }
 `;
-var StatusMessage2 = styled24.div`
+var StatusMessage2 = styled25.div`
   font-size: 0.85rem;
   padding: 0.75rem 1rem;
   border-radius: 6px;
@@ -9208,7 +9341,7 @@ var StatusMessage2 = styled24.div`
   background: ${({ $error }) => $error ? "rgba(246,70,93,0.08)" : "rgba(255,255,255,0.03)"};
   border: 1px solid ${({ $error }) => $error ? "rgba(246,70,93,0.2)" : "rgba(255,255,255,0.06)"};
 `;
-var RetryButton = styled24.button`
+var RetryButton = styled25.button`
   margin-left: 0.5rem;
   text-decoration: underline;
   cursor: pointer;
@@ -9216,13 +9349,13 @@ var RetryButton = styled24.button`
   border: none;
   color: inherit;
 `;
-var Disclaimer = styled24.p`
+var Disclaimer = styled25.p`
   font-size: 0.75rem;
   color: var(--color-text-secondary);
   margin-top: 0.5rem;
   text-align: center;
 `;
-var SignInPrompt = styled24.div`
+var SignInPrompt = styled25.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -9231,18 +9364,18 @@ var SignInPrompt = styled24.div`
   border-radius: 8px;
   border: 1px solid rgba(255, 255, 255, 0.06);
 `;
-var SignInText = styled24.div``;
-var SignInTitle = styled24.div`
+var SignInText = styled25.div``;
+var SignInTitle = styled25.div`
   font-size: 0.95rem;
   font-weight: 600;
   color: var(--color-text);
   margin-bottom: 0.25rem;
 `;
-var SignInSub = styled24.div`
+var SignInSub = styled25.div`
   font-size: 0.8rem;
   color: var(--color-text-secondary);
 `;
-var SignInButton = styled24.button`
+var SignInButton = styled25.button`
   padding: 0.5rem 1.25rem;
   background: transparent;
   border: 1px solid var(--color-accent, #f0b90b);
@@ -9258,6 +9391,191 @@ var SignInButton = styled24.button`
     background: rgba(240, 185, 11, 0.1);
   }
 `;
+var slideIn = keyframes`
+  from { transform: translateX(110%); opacity: 0; }
+  to   { transform: translateX(0);    opacity: 1; }
+`;
+var slideOut = keyframes`
+  from { transform: translateX(0);    opacity: 1; }
+  to   { transform: translateX(110%); opacity: 0; }
+`;
+var progressShrink = keyframes`
+  from { width: 100%; }
+  to   { width: 0%; }
+`;
+var VARIANT_COLORS = {
+  success: { accent: "#0ecb81", icon: "\u2713" },
+  error: { accent: "#f6465d", icon: "\u2715" },
+  info: { accent: "#E6C656", icon: "\u2139" },
+  pending: { accent: "#7EB3E6", icon: "\u25CC" }
+};
+var Wrapper = styled25.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  width: 340px;
+  background: #0d0f1a;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 10px;
+  overflow: hidden;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255,255,255,0.04);
+  animation: ${({ $exiting }) => $exiting ? css`${slideOut} 0.28s cubic-bezier(0.4,0,1,1) forwards` : css`${slideIn} 0.32s cubic-bezier(0,0,0.2,1) forwards`};
+  pointer-events: all;
+`;
+var Body = styled25.div`
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  padding: 14px 16px 12px;
+`;
+var IconDot = styled25.div`
+  flex-shrink: 0;
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  background: ${({ $color }) => $color}1a;
+  border: 1px solid ${({ $color }) => $color}55;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 0.75rem;
+  font-weight: 700;
+  color: ${({ $color }) => $color};
+  margin-top: 1px;
+`;
+var Content = styled25.div`
+  flex: 1;
+  min-width: 0;
+`;
+var Title2 = styled25.p`
+  margin: 0 0 2px;
+  font-size: 0.8rem;
+  font-weight: 600;
+  color: #fff;
+  letter-spacing: 0.01em;
+`;
+var Amount = styled25.p`
+  margin: 0 0 6px;
+  font-size: 1.05rem;
+  font-weight: 700;
+  color: #E6C656;
+  letter-spacing: -0.01em;
+`;
+var TxRow = styled25.a`
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  font-family: 'IBM Plex Mono', 'Space Mono', monospace;
+  font-size: 0.68rem;
+  color: rgba(255, 255, 255, 0.4);
+  text-decoration: none;
+  transition: color 0.15s;
+  &:hover {
+    color: #7EB3E6;
+  }
+`;
+var TxArrow = styled25.span`
+  font-size: 0.6rem;
+  opacity: 0.6;
+`;
+var CloseBtn = styled25.button`
+  flex-shrink: 0;
+  background: none;
+  border: none;
+  padding: 2px 4px;
+  cursor: pointer;
+  color: rgba(255, 255, 255, 0.25);
+  font-size: 0.9rem;
+  line-height: 1;
+  transition: color 0.15s;
+  &:hover { color: rgba(255, 255, 255, 0.7); }
+`;
+var ProgressBar = styled25.div`
+  height: 2px;
+  background: rgba(255, 255, 255, 0.06);
+  position: relative;
+  &::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 0;
+    height: 100%;
+    background: ${({ $color }) => $color};
+    animation: ${css`${progressShrink} ${({ $duration }) => $duration}ms linear forwards`};
+  }
+`;
+var Container = styled25.div`
+  position: fixed;
+  bottom: 24px;
+  right: 24px;
+  z-index: 9999;
+  display: flex;
+  flex-direction: column-reverse;
+  gap: 10px;
+  pointer-events: none;
+`;
+var DEFAULT_EXPLORER = "https://sepolia.basescan.org/tx/";
+function truncateHash(hash) {
+  return `${hash.slice(0, 6)}\u2026${hash.slice(-4)}`;
+}
+function ToastItem({ toast, onDismiss }) {
+  const [exiting, setExiting] = useState(false);
+  const timerRef = useRef(null);
+  const dismiss = useCallback(() => {
+    setExiting(true);
+    setTimeout(() => onDismiss(toast.id), 280);
+  }, [onDismiss, toast.id]);
+  useEffect(() => {
+    const duration2 = toast.duration ?? 6e3;
+    if (duration2 > 0) {
+      timerRef.current = setTimeout(dismiss, duration2);
+    }
+    return () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    };
+  }, [dismiss, toast.duration]);
+  const { accent, icon } = VARIANT_COLORS[toast.variant];
+  const duration = toast.duration ?? 6e3;
+  const explorerBase = toast.explorerUrl ?? DEFAULT_EXPLORER;
+  const txUrl = toast.txHash ? `${explorerBase}${toast.txHash}` : void 0;
+  return /* @__PURE__ */ jsxs(Wrapper, { $exiting: exiting, children: [
+    /* @__PURE__ */ jsxs(Body, { children: [
+      /* @__PURE__ */ jsx(IconDot, { $color: accent, children: icon }),
+      /* @__PURE__ */ jsxs(Content, { children: [
+        /* @__PURE__ */ jsx(Title2, { children: toast.title }),
+        toast.amount && /* @__PURE__ */ jsx(Amount, { children: toast.amount }),
+        toast.txHash && txUrl && /* @__PURE__ */ jsxs(TxRow, { href: txUrl, target: "_blank", rel: "noopener noreferrer", children: [
+          truncateHash(toast.txHash),
+          /* @__PURE__ */ jsx(TxArrow, { children: "\u2197" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(CloseBtn, { type: "button", onClick: dismiss, "aria-label": "Dismiss", children: "\u2715" })
+    ] }),
+    duration > 0 && /* @__PURE__ */ jsx(ProgressBar, { $color: accent, $duration: duration })
+  ] });
+}
+var ToastContext = createContext(null);
+function ToastProvider({ children }) {
+  const [toasts, setToasts] = useState([]);
+  const addToast = useCallback((data) => {
+    const id = `toast-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;
+    setToasts((prev) => [...prev, { ...data, id }]);
+    return id;
+  }, []);
+  const dismiss = useCallback((id) => {
+    setToasts((prev) => prev.filter((t) => t.id !== id));
+  }, []);
+  return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: { toast: addToast, dismiss }, children: [
+    children,
+    /* @__PURE__ */ jsx(Container, { children: toasts.map((t) => /* @__PURE__ */ jsx(ToastItem, { toast: t, onDismiss: dismiss }, t.id)) })
+  ] });
+}
+function useToast() {
+  const ctx = useContext(ToastContext);
+  if (!ctx) throw new Error("useToast must be used within a ToastProvider");
+  return ctx;
+}
 function AssetSelectorBar({
   propertyName,
   tokenPrice,
@@ -9334,10 +9652,10 @@ function AssetSelectorBar({
     }) })
   ] }) });
 }
-var AssetSelectorWrapper = styled24.div`
+var AssetSelectorWrapper = styled25.div`
   width: 100%;
 `;
-var IPOAssetSelector = styled24.div`
+var IPOAssetSelector = styled25.div`
   position: relative;
   display: flex;
   justify-content: space-between;
@@ -9362,7 +9680,7 @@ var IPOAssetSelector = styled24.div`
     padding: 0.6rem 0.75rem;
   }
 `;
-var AssetSelectorDropdown = styled24.div`
+var AssetSelectorDropdown = styled25.div`
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -9371,7 +9689,7 @@ var AssetSelectorDropdown = styled24.div`
   transition: all 0.2s ease;
   &:hover { background-color: rgba(255,255,255,0.05); }
 `;
-var AssetName = styled24.div`
+var AssetName = styled25.div`
   display: flex;
   align-items: center;
   font-weight: 600;
@@ -9390,7 +9708,7 @@ var AssetName = styled24.div`
     svg { margin-left: 0.4rem; width: 16px; height: 16px; }
   }
 `;
-var SelectorMetrics = styled24.div`
+var SelectorMetrics = styled25.div`
   display: flex;
   align-items: center;
   gap: 1rem;
@@ -9415,7 +9733,7 @@ var SelectorMetrics = styled24.div`
     gap: 0.5rem;
   }
 `;
-var MetricLabel2 = styled24.span`
+var MetricLabel2 = styled25.span`
   font-size: 0.75rem;
   color: var(--color-text-secondary);
   text-transform: uppercase;
@@ -9428,7 +9746,7 @@ var MetricLabel2 = styled24.span`
     margin-right: 0.35rem;
   }
 `;
-var MetricValue = styled24.span`
+var MetricValue = styled25.span`
   font-size: 1.25rem;
   font-weight: 700;
   color: ${(p) => p.$accent ? "#D4AF37" : "#fff"};
@@ -9441,7 +9759,7 @@ var MetricValue = styled24.span`
     font-size: 0.95rem;
   }
 `;
-var MetricChange = styled24.span`
+var MetricChange = styled25.span`
   font-size: 0.85rem;
   font-weight: 600;
   color: ${(p) => p.$positive ? "var(--color-positive, #0ecb81)" : "var(--color-negative, #f6465d)"};
@@ -9453,12 +9771,12 @@ var MetricChange = styled24.span`
     font-size: 0.75rem;
   }
 `;
-var Separator = styled24.span`
+var Separator = styled25.span`
   font-size: 1rem;
   color: rgba(255,255,255,0.2);
   font-weight: 300;
 `;
-var IPODropdown = styled24.div`
+var IPODropdown = styled25.div`
   position: absolute;
   top: calc(100% + 12px);
   left: 0;
@@ -9481,7 +9799,7 @@ var IPODropdown = styled24.div`
     to { opacity: 1; transform: translateY(0); }
   }
 `;
-var IPOOption = styled24.div`
+var IPOOption = styled25.div`
   padding: 1.25rem 1.5rem;
   transition: all 0.2s ease;
   border-bottom: 1px solid rgba(255,255,255,0.03);
@@ -9500,13 +9818,13 @@ var IPOOption = styled24.div`
   &:hover { background: linear-gradient(90deg, rgba(255,255,255,0.06) 0%, transparent 100%); }
   ${(p) => p.$selected && `background: linear-gradient(90deg, rgba(56,97,251,0.15) 0%, transparent 100%);`}
 `;
-var IPOOptionName = styled24.div`
+var IPOOptionName = styled25.div`
   font-weight: 600;
   font-size: 1rem;
   color: #ffffff;
   margin-bottom: 0.35rem;
 `;
-var IPOOptionLocation = styled24.div`
+var IPOOptionLocation = styled25.div`
   font-size: 0.875rem;
   color: rgba(255,255,255,0.5);
   span {
@@ -9564,7 +9882,7 @@ function OfferingProgressCard({
     const interval = setInterval(() => setCountdown(calculateCountdown()), 1e3);
     return () => clearInterval(interval);
   }, [opensAt]);
-  return /* @__PURE__ */ jsxs(Container, { children: [
+  return /* @__PURE__ */ jsxs(Container2, { children: [
     /* @__PURE__ */ jsxs(Header2, { children: [
       /* @__PURE__ */ jsxs("h3", { children: [
         /* @__PURE__ */ jsx(FaChartLine, {}),
@@ -9665,7 +9983,7 @@ function OfferingProgressCard({
     ] })
   ] });
 }
-var Container = styled24.div`
+var Container2 = styled25.div`
   background-color: var(--color-card-darker, #111);
   border-radius: 8px;
   padding: 1.5rem;
@@ -9678,7 +9996,7 @@ var Container = styled24.div`
     padding: 1rem;
   }
 `;
-var Header2 = styled24.div`
+var Header2 = styled25.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -9695,7 +10013,7 @@ var Header2 = styled24.div`
     margin: 0;
   }
 `;
-var StatusSpan = styled24.span`
+var StatusSpan = styled25.span`
   display: flex;
   align-items: center;
   gap: 0.35rem;
@@ -9711,7 +10029,7 @@ var StatusSpan = styled24.span`
     letter-spacing: 0.05em;
   }
 `;
-var StatusDot = styled24.span`
+var StatusDot = styled25.span`
   width: 6px;
   height: 6px;
   border-radius: 50%;
@@ -9723,10 +10041,10 @@ var StatusDot = styled24.span`
     100% { opacity: 0.4; }
   }
 `;
-var PreLiveBody = styled24.div`
+var PreLiveBody = styled25.div`
   padding: 1.25rem 0;
 `;
-var PreLiveStatus = styled24.div`
+var PreLiveStatus = styled25.div`
   font-size: 0.7rem;
   color: ${(p) => p.$statusColor};
   text-transform: uppercase;
@@ -9735,33 +10053,33 @@ var PreLiveStatus = styled24.div`
   text-align: center;
   margin-bottom: 1.25rem;
 `;
-var MetricsRow = styled24.div`
+var MetricsRow = styled25.div`
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   border-top: 1px solid rgba(255,255,255,0.06);
   padding-top: 1rem;
 `;
-var MetricLabel3 = styled24.div`
+var MetricLabel3 = styled25.div`
   font-size: 0.6rem;
   color: var(--color-text-secondary);
   text-transform: uppercase;
   letter-spacing: 0.1em;
   margin-bottom: 0.25rem;
 `;
-var MetricValue2 = styled24.div`
+var MetricValue2 = styled25.div`
   font-size: 1.5rem;
   font-weight: 700;
   color: ${(p) => p.$accent ? "#D4AF37" : "#fff"};
 `;
-var CountdownCenter = styled24.div`
+var CountdownCenter = styled25.div`
   text-align: center;
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-bottom: 1.25rem;
 `;
-var CountdownLabel = styled24.div`
+var CountdownLabel = styled25.div`
   font-size: 0.7rem;
   color: #D4AF37;
   text-transform: uppercase;
@@ -9769,13 +10087,13 @@ var CountdownLabel = styled24.div`
   margin-bottom: 0.5rem;
   font-weight: 600;
 `;
-var CountdownDigits = styled24.div`
+var CountdownDigits = styled25.div`
   display: flex;
   align-items: baseline;
   justify-content: center;
   gap: 0.35rem;
 `;
-var CountdownNumber = styled24.span`
+var CountdownNumber = styled25.span`
   font-size: 2.5rem;
   font-weight: 700;
   font-family: monospace;
@@ -9784,26 +10102,26 @@ var CountdownNumber = styled24.span`
     font-size: 1.75rem;
   }
 `;
-var CountdownUnitLabel = styled24.span`
+var CountdownUnitLabel = styled25.span`
   font-size: 0.85rem;
   color: var(--color-text-secondary);
 `;
-var CountdownSeparator = styled24.span`
+var CountdownSeparator = styled25.span`
   color: rgba(255,255,255,0.2);
   margin: 0 0.2rem;
   font-size: 1.5rem;
 `;
-var LiveBody = styled24.div`
+var LiveBody = styled25.div`
   display: flex;
   flex-direction: column;
   gap: 1rem;
 `;
-var LiveTopRow = styled24.div`
+var LiveTopRow = styled25.div`
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
 `;
-var LiveLabel = styled24.div`
+var LiveLabel = styled25.div`
   font-size: 0.875rem;
   color: var(--color-text-secondary);
   margin-bottom: 0.25rem;
@@ -9816,7 +10134,7 @@ var LiveLabel = styled24.div`
     opacity: 0.7;
   }
 `;
-var LivePercent = styled24.div`
+var LivePercent = styled25.div`
   font-size: 2rem;
   font-weight: 600;
   color: #D4AF37;
@@ -9829,14 +10147,14 @@ var LivePercent = styled24.div`
     opacity: 0.8;
   }
 `;
-var UnitsValue = styled24.div`
+var UnitsValue = styled25.div`
   font-size: clamp(1.25rem, 4vw, 1.75rem);
   font-weight: 700;
   white-space: nowrap;
   span { color: #D4AF37; }
   small { color: rgba(255,255,255,0.3); font-weight: 700; margin-left: 0.35rem; font-size: inherit; }
 `;
-var ProgressBarOuter = styled24.div`
+var ProgressBarOuter = styled25.div`
   width: 100%;
   height: 12px;
   background: rgba(255,255,255,0.1);
@@ -9844,23 +10162,23 @@ var ProgressBarOuter = styled24.div`
   overflow: hidden;
   position: relative;
 `;
-var ProgressBarInner = styled24.div`
+var ProgressBarInner = styled25.div`
   height: 100%;
   background: linear-gradient(90deg, #D4AF37, #f0b90b);
   border-radius: 6px;
   transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
   will-change: width;
 `;
-var ProgressInfo = styled24.div`
+var ProgressInfo = styled25.div`
   display: flex;
   justify-content: space-between;
   font-size: 0.875rem;
 `;
-var ProgressSubscribers = styled24.div`
+var ProgressSubscribers = styled25.div`
   color: var(--color-text-secondary);
   font-weight: 500;
 `;
-var ProgressAmounts = styled24.div`
+var ProgressAmounts = styled25.div`
   font-weight: 600;
   .raised { color: #D4AF37; }
   .target { color: rgba(255,255,255,0.3); }
@@ -9945,7 +10263,7 @@ function VideoActivitySection({
     ] })
   ] });
 }
-var Section3 = styled24.div`
+var Section3 = styled25.div`
   display: flex;
   gap: 1.5rem;
   align-items: stretch;
@@ -9954,7 +10272,7 @@ var Section3 = styled24.div`
     gap: 1rem;
   }
 `;
-var VideoPanel = styled24.div`
+var VideoPanel = styled25.div`
   flex: 1;
   background-color: var(--color-card-darker, #111);
   border-radius: 8px;
@@ -9998,7 +10316,7 @@ var VideoPanel = styled24.div`
     }
   }
 `;
-var ActivityPanel = styled24.div`
+var ActivityPanel = styled25.div`
   flex: 0 0 auto;
   min-width: 450px;
   max-width: 520px;
@@ -10079,7 +10397,7 @@ var ActivityPanel = styled24.div`
     to { transform: rotate(360deg); }
   }
 `;
-var SkeletonFeedRow = styled24.div`
+var SkeletonFeedRow = styled25.div`
   padding: 0.625rem 0.75rem;
   border-bottom: 1px solid rgba(255,255,255,0.04);
   display: flex;
@@ -10103,7 +10421,7 @@ var SkeletonFeedRow = styled24.div`
     padding: 0.4rem 0.6rem;
   }
 `;
-var EndedBanner = styled24.div`
+var EndedBanner = styled25.div`
   font-size: 0.7rem;
   font-weight: 600;
   letter-spacing: 0.04em;
@@ -10116,7 +10434,7 @@ var EndedBanner = styled24.div`
   margin-bottom: 0.5rem;
   text-align: center;
 `;
-var FeedList = styled24.div`
+var FeedList = styled25.div`
   width: 100%;
   overflow-y: auto;
   scrollbar-width: none;
@@ -10125,7 +10443,7 @@ var FeedList = styled24.div`
     display: none;
   }
 `;
-var PurchaseItem = styled24.div`
+var PurchaseItem = styled25.div`
   padding: 0.625rem 0.75rem;
   border-bottom: 1px solid rgba(255,255,255,0.05);
   display: flex;
@@ -10154,12 +10472,12 @@ var PurchaseItem = styled24.div`
     padding: 0.4rem 0.6rem;
   }
 `;
-var PurchaseInfo = styled24.div`
+var PurchaseInfo = styled25.div`
   display: flex;
   flex-direction: column;
   min-width: 0;
 `;
-var PurchaseName = styled24.div`
+var PurchaseName = styled25.div`
   font-weight: 500;
   font-size: 0.875rem;
   color: #fff;
@@ -10167,19 +10485,19 @@ var PurchaseName = styled24.div`
   overflow: hidden;
   text-overflow: ellipsis;
 `;
-var PurchaseTime = styled24.div`
+var PurchaseTime = styled25.div`
   font-size: 0.7rem;
   color: var(--color-text-secondary);
   margin-top: 0.125rem;
 `;
-var PurchaseAmount = styled24.div`
+var PurchaseAmount = styled25.div`
   font-weight: 600;
   font-size: 0.875rem;
   color: #fff;
   white-space: nowrap;
   margin-left: 1rem;
 `;
-var LiveIndicatorDot = styled24.span`
+var LiveIndicatorDot = styled25.span`
   display: inline-block;
   width: 8px;
   height: 8px;
@@ -10548,7 +10866,7 @@ function OrderPanel({
     ] })
   ] });
 }
-var Panel2 = styled24.div`
+var Panel2 = styled25.div`
   background-color: var(--color-card-darker, #111);
   border-radius: 8px;
   padding: 1.5rem;
@@ -10575,7 +10893,7 @@ var Panel2 = styled24.div`
     border-radius: 6px;
   }
 `;
-var PanelHeader2 = styled24.div`
+var PanelHeader2 = styled25.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -10588,7 +10906,7 @@ var PanelHeader2 = styled24.div`
     color: var(--color-text);
   }
 `;
-var StatusBadge2 = styled24.span`
+var StatusBadge2 = styled25.span`
   font-size: 0.7rem;
   font-weight: 600;
   display: inline-flex;
@@ -10601,7 +10919,7 @@ var StatusBadge2 = styled24.span`
     display: inline-block;
   }
 `;
-var Card2 = styled24.div`
+var Card2 = styled25.div`
   background: rgba(0,0,0,0.4);
   border: 1px solid rgba(255,255,255,0.15);
   border-radius: 12px;
@@ -10612,12 +10930,12 @@ var Card2 = styled24.div`
     border-radius: 10px;
   }
 `;
-var CardLabel = styled24.div`
+var CardLabel = styled25.div`
   font-size: 0.75rem;
   color: var(--color-text-secondary);
   margin-bottom: 0.5rem;
 `;
-var CardInputRow = styled24.div`
+var CardInputRow = styled25.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -10642,7 +10960,7 @@ var CardInputRow = styled24.div`
     white-space: nowrap;
   }
 `;
-var QuickSelectRow = styled24.div`
+var QuickSelectRow = styled25.div`
   display: flex;
   gap: 0.5rem;
   margin-top: 0.75rem;
@@ -10671,7 +10989,7 @@ var QuickSelectRow = styled24.div`
     button { font-size: 0.7rem; padding: 0.35rem 0; }
   }
 `;
-var FundsRow = styled24.div`
+var FundsRow = styled25.div`
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -10682,7 +11000,7 @@ var FundsRow = styled24.div`
     color: #fff;
   }
 `;
-var DepositButton = styled24.button`
+var DepositButton = styled25.button`
   background: transparent;
   border: 1px solid rgba(212,175,55,0.4);
   border-radius: 4px;
@@ -10692,23 +11010,23 @@ var DepositButton = styled24.button`
   cursor: pointer;
   font-weight: 500;
 `;
-var Divider2 = styled24.div`
+var Divider2 = styled25.div`
   text-align: center;
   margin: 0.5rem 0;
   color: var(--color-text-secondary);
 `;
-var CardTopRow = styled24.div`
+var CardTopRow = styled25.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 0.5rem;
 `;
-var CardHint = styled24.span`
+var CardHint = styled25.span`
   font-size: 0.7rem;
   color: var(--color-text-secondary);
   opacity: 0.7;
 `;
-var OrderSummary = styled24.div`
+var OrderSummary = styled25.div`
   border-top: 1px solid rgba(255,255,255,0.08);
   padding-top: 1rem;
   margin-top: 0.5rem;
@@ -10717,13 +11035,13 @@ var OrderSummary = styled24.div`
   flex-direction: column;
   gap: 0.5rem;
 `;
-var SummaryRow = styled24.div`
+var SummaryRow = styled25.div`
   display: flex;
   justify-content: space-between;
   color: var(--color-text-secondary);
   strong { color: #fff; }
 `;
-var SummaryTotal = styled24(SummaryRow)`
+var SummaryTotal = styled25(SummaryRow)`
   padding-top: 0.5rem;
   border-top: 1px solid rgba(255,255,255,0.08);
   color: #fff;
@@ -10731,12 +11049,12 @@ var SummaryTotal = styled24(SummaryRow)`
     font-weight: 600;
   }
 `;
-var FormBody = styled24.div`
+var FormBody = styled25.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
 `;
-var SubscribeButton = styled24.button`
+var SubscribeButton = styled25.button`
   width: 100%;
   margin-top: 1rem;
   padding: 0.875rem;
@@ -10761,13 +11079,13 @@ var SubscribeButton = styled24.button`
     color: #0a0a0a;
   }
 `;
-var BalanceCards = styled24.div`
+var BalanceCards = styled25.div`
   display: flex;
   gap: 1rem;
   margin-top: 1rem;
   flex-wrap: wrap;
 `;
-var BalanceCard = styled24.div`
+var BalanceCard = styled25.div`
   flex: 1;
   background: rgba(255,255,255,0.03);
   border-radius: 12px;
@@ -10775,14 +11093,14 @@ var BalanceCard = styled24.div`
   text-align: center;
   position: relative;
 `;
-var BalanceLabel = styled24.div`
+var BalanceLabel = styled25.div`
   font-size: 0.75rem;
   color: var(--color-text-secondary);
   text-transform: uppercase;
   letter-spacing: 0.5px;
   margin-bottom: 0.5rem;
 `;
-var BalanceValue = styled24.div`
+var BalanceValue = styled25.div`
   font-size: 1.5rem;
   font-weight: 700;
   color: #fff;
@@ -10798,20 +11116,20 @@ var BalanceValue = styled24.div`
     font-size: 1.2rem;
   }
 `;
-var BalanceAction = styled24.div`
+var BalanceAction = styled25.div`
   font-size: 0.75rem;
   color: #D4AF37;
   cursor: pointer;
   font-weight: 500;
   margin-top: 0.5rem;
 `;
-var BalanceSub = styled24.div`
+var BalanceSub = styled25.div`
   font-size: 0.85rem;
   font-weight: 500;
   color: var(--color-text-secondary);
   margin-top: 0.25rem;
 `;
-var OrderPendingCard = styled24.div`
+var OrderPendingCard = styled25.div`
   margin-bottom: 1.5rem;
   background: linear-gradient(180deg, rgba(25,27,31,0.95) 0%, rgba(18,20,24,0.98) 100%);
   border: 1px solid rgba(212,175,55,0.08);
@@ -10915,7 +11233,7 @@ var OrderPendingCard = styled24.div`
     animation: pulse 2s ease-in-out infinite;
   }
 `;
-var OrderSuccessCard = styled24.div`
+var OrderSuccessCard = styled25.div`
   margin-bottom: 1.5rem;
   background: linear-gradient(180deg, rgba(25,27,31,0.95) 0%, rgba(18,20,24,0.98) 100%);
   border: 1px solid rgba(212,175,55,0.12);
@@ -11019,7 +11337,7 @@ var OrderSuccessCard = styled24.div`
     transition: all 0.2s ease;
   }
 `;
-var InsufficientFunds = styled24.div`
+var InsufficientFunds = styled25.div`
   margin-top: 1rem;
   padding: 0.75rem 1rem;
   border-radius: 8px;
@@ -11084,6 +11402,7 @@ function PortfolioActivityPanel({
   const resolvedDefaultTab = defaultTab ?? (showPositionsTab ? "positions" : "subscriptions");
   const [activeTab, setActiveTab] = useState(resolvedDefaultTab);
   const [activityPage, setActivityPage] = useState(0);
+  const [pendingCancelOrderId, setPendingCancelOrderId] = useState(null);
   const activeTabTotal = useMemo(() => {
     switch (activeTab) {
       case "positions":
@@ -11124,7 +11443,7 @@ function PortfolioActivityPanel({
     setActiveTab(tab);
     setActivityPage(0);
   };
-  return /* @__PURE__ */ jsxs(Container2, { className, style, children: [
+  return /* @__PURE__ */ jsxs(Container3, { className, style, children: [
     /* @__PURE__ */ jsx(PanelTitle, { children: "Activity" }),
     /* @__PURE__ */ jsxs(TabContainer, { children: [
       showPositionsTab && /* @__PURE__ */ jsxs(Tab, { $active: activeTab === "positions", onClick: () => handleTabChange("positions"), children: [
@@ -11271,7 +11590,7 @@ function PortfolioActivityPanel({
                 disabled: isCancelling || cancellingOrderId != null,
                 onClick: (e) => {
                   e.stopPropagation();
-                  onCancelOrder(order.id);
+                  setPendingCancelOrderId(order.id);
                 },
                 children: isCancelling ? "Cancelling\u2026" : "Cancel"
               }
@@ -11394,17 +11713,38 @@ function PortfolioActivityPanel({
           children: "Next \u2192"
         }
       )
-    ] })
+    ] }),
+    pendingCancelOrderId !== null && /* @__PURE__ */ jsx(CancelConfirmOverlay, { onClick: () => setPendingCancelOrderId(null), children: /* @__PURE__ */ jsxs(CancelConfirmModal, { onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsx(CancelConfirmTitle, { children: "Cancel Order" }),
+      /* @__PURE__ */ jsx(CancelConfirmBody, { children: "Are you sure you want to cancel this order? This action cannot be undone." }),
+      /* @__PURE__ */ jsxs(CancelConfirmActions, { children: [
+        /* @__PURE__ */ jsx(CancelConfirmDismiss, { type: "button", onClick: () => setPendingCancelOrderId(null), children: "Keep Order" }),
+        /* @__PURE__ */ jsx(
+          CancelConfirmProceed,
+          {
+            type: "button",
+            disabled: cancellingOrderId != null,
+            onClick: async () => {
+              if (onCancelOrder && pendingCancelOrderId !== null) {
+                await onCancelOrder(pendingCancelOrderId);
+              }
+              setPendingCancelOrderId(null);
+            },
+            children: cancellingOrderId === pendingCancelOrderId ? "Cancelling\u2026" : "Yes, Cancel"
+          }
+        )
+      ] })
+    ] }) })
   ] });
 }
-var Container2 = styled24.div``;
-var PanelTitle = styled24.h3`
+var Container3 = styled25.div``;
+var PanelTitle = styled25.h3`
   font-size: 1rem;
   font-weight: 600;
   color: var(--color-text, #fff);
   margin: 0 0 0.75rem;
 `;
-var TabContainer = styled24.div`
+var TabContainer = styled25.div`
   display: flex;
   gap: 0;
   border-bottom: 1px solid rgba(255, 255, 255, 0.06);
@@ -11415,7 +11755,7 @@ var TabContainer = styled24.div`
   scrollbar-width: none;
   &::-webkit-scrollbar { display: none; }
 `;
-var Tab = styled24.button`
+var Tab = styled25.button`
   background: transparent;
   border: none;
   padding: 0.6rem 1rem;
@@ -11444,12 +11784,12 @@ var Tab = styled24.button`
     color: ${({ $active }) => $active ? "#fff" : "rgba(255, 255, 255, 0.65)"};
   }
 `;
-var TabCount = styled24.span`
+var TabCount = styled25.span`
   color: #E6C656;
   font-weight: 600;
   margin-left: 2px;
 `;
-var ActivityRow = styled24.div`
+var ActivityRow = styled25.div`
   display: grid;
   grid-template-columns: auto 1fr auto auto;
   align-items: center;
@@ -11465,7 +11805,7 @@ var ActivityRow = styled24.div`
     background: rgba(255, 255, 255, 0.015);
   }
 `;
-var ActivitySideBadge = styled24.span`
+var ActivitySideBadge = styled25.span`
   font-size: 0.6rem;
   font-weight: 700;
   text-transform: uppercase;
@@ -11477,21 +11817,21 @@ var ActivitySideBadge = styled24.span`
   color: ${({ $side }) => $side === "Buy" ? "#0ecb81" : "#f6465d"};
   background: ${({ $side }) => $side === "Buy" ? "rgba(14, 203, 129, 0.1)" : "rgba(246, 70, 93, 0.1)"};
 `;
-var ActivityInfo = styled24.div`
+var ActivityInfo = styled25.div`
   display: flex;
   flex-direction: column;
   gap: 0.1rem;
 `;
-var ActivityPrimary = styled24.span`
+var ActivityPrimary = styled25.span`
   font-size: 0.8rem;
   color: #fff;
   font-weight: 500;
 `;
-var ActivitySecondary = styled24.span`
+var ActivitySecondary = styled25.span`
   font-size: 0.6rem;
   color: rgba(255, 255, 255, 0.35);
 `;
-var ActivityTag = styled24.span`
+var ActivityTag = styled25.span`
   font-size: 0.58rem;
   font-weight: 600;
   padding: 0.15rem 0.45rem;
@@ -11500,20 +11840,20 @@ var ActivityTag = styled24.span`
   background: ${({ $bg }) => $bg || "rgba(255, 255, 255, 0.06)"};
   white-space: nowrap;
 `;
-var ActivityAmount = styled24.span`
+var ActivityAmount = styled25.span`
   font-size: 0.8rem;
   font-weight: 600;
   color: #fff;
   text-align: right;
   white-space: nowrap;
 `;
-var ActivityActions = styled24.div`
+var ActivityActions = styled25.div`
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 0.35rem;
 `;
-var ActivityRedirectButton = styled24.a`
+var ActivityRedirectButton = styled25.a`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -11535,13 +11875,13 @@ var ActivityRedirectButton = styled24.a`
     outline-offset: 2px;
   }
 `;
-var EmptyState = styled24.div`
+var EmptyState = styled25.div`
   padding: 1.5rem 0.75rem;
   text-align: center;
   font-size: 0.8rem;
   color: rgba(255, 255, 255, 0.45);
 `;
-var PaginationRow = styled24.div`
+var PaginationRow = styled25.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -11550,7 +11890,7 @@ var PaginationRow = styled24.div`
   padding-top: 1rem;
   border-top: 1px solid rgba(255, 255, 255, 0.06);
 `;
-var PaginationButton = styled24.button`
+var PaginationButton = styled25.button`
   background: transparent;
   border: 1px solid rgba(255, 255, 255, 0.12);
   border-radius: 8px;
@@ -11564,11 +11904,11 @@ var PaginationButton = styled24.button`
     cursor: default;
   }
 `;
-var PaginationLabel = styled24.span`
+var PaginationLabel = styled25.span`
   font-size: 0.8rem;
   color: rgba(255, 255, 255, 0.4);
 `;
-var HoldingsItem = styled24.div`
+var HoldingsItem = styled25.div`
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   align-items: center;
@@ -11577,17 +11917,17 @@ var HoldingsItem = styled24.div`
   cursor: pointer;
   &:hover { background: rgba(255, 255, 255, 0.015); }
 `;
-var HoldingsLeft = styled24.div`
+var HoldingsLeft = styled25.div`
   display: flex;
   flex-direction: column;
   gap: 0.15rem;
 `;
-var HoldingsProperty = styled24.div`
+var HoldingsProperty = styled25.div`
   font-size: 0.85rem;
   font-weight: 600;
   color: #fff;
 `;
-var HoldingsPortfolio = styled24.div`
+var HoldingsPortfolio = styled25.div`
   font-size: 0.7rem;
   color: rgba(255, 255, 255, 0.5);
   span {
@@ -11595,7 +11935,7 @@ var HoldingsPortfolio = styled24.div`
     font-weight: 500;
   }
 `;
-var HoldingsQuantity = styled24.div`
+var HoldingsQuantity = styled25.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -11604,27 +11944,27 @@ var HoldingsQuantity = styled24.div`
   font-weight: 500;
   color: #fff;
 `;
-var HoldingsAvgEntry = styled24.div`
+var HoldingsAvgEntry = styled25.div`
   font-size: 0.7rem;
   color: var(--color-accent, #E6C87E);
   font-weight: 500;
 `;
-var HoldingsPnL = styled24.div`
+var HoldingsPnL = styled25.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   gap: 0.15rem;
 `;
-var PnLAmount = styled24.div`
+var PnLAmount = styled25.div`
   font-size: 0.85rem;
   font-weight: 600;
   color: ${(p) => p.$positive ? "#0ecb81" : "#f6465d"};
 `;
-var PnLPercentage = styled24.div`
+var PnLPercentage = styled25.div`
   font-size: 0.7rem;
   color: ${(p) => p.$positive ? "#0ecb81" : "#f6465d"};
 `;
-var CancelButton = styled24.button`
+var CancelButton = styled25.button`
   background: transparent;
   border: 1px solid rgba(246, 70, 93, 0.3);
   border-radius: 4px;
@@ -11646,6 +11986,78 @@ var CancelButton = styled24.button`
     cursor: not-allowed;
   }
 `;
+var CancelConfirmOverlay = styled25.div`
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.6);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+`;
+var CancelConfirmModal = styled25.div`
+  background: #1a1a1a;
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  border-radius: 12px;
+  padding: 1.5rem;
+  max-width: 360px;
+  width: 90%;
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+`;
+var CancelConfirmTitle = styled25.div`
+  font-size: 1rem;
+  font-weight: 600;
+  color: #fff;
+`;
+var CancelConfirmBody = styled25.div`
+  font-size: 0.85rem;
+  color: rgba(255, 255, 255, 0.6);
+  line-height: 1.5;
+`;
+var CancelConfirmActions = styled25.div`
+  display: flex;
+  gap: 0.5rem;
+  margin-top: 0.25rem;
+`;
+var CancelConfirmDismiss = styled25.button`
+  flex: 1;
+  background: rgba(255, 255, 255, 0.06);
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  border-radius: 8px;
+  padding: 0.6rem 1rem;
+  font-size: 0.8rem;
+  font-weight: 500;
+  color: rgba(255, 255, 255, 0.7);
+  cursor: pointer;
+  transition: all 0.15s ease;
+
+  &:hover {
+    background: rgba(255, 255, 255, 0.1);
+  }
+`;
+var CancelConfirmProceed = styled25.button`
+  flex: 1;
+  background: rgba(246, 70, 93, 0.15);
+  border: 1px solid rgba(246, 70, 93, 0.4);
+  border-radius: 8px;
+  padding: 0.6rem 1rem;
+  font-size: 0.8rem;
+  font-weight: 600;
+  color: #f6465d;
+  cursor: pointer;
+  transition: all 0.15s ease;
+
+  &:hover {
+    background: rgba(246, 70, 93, 0.25);
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`;
 function NewsOrdersSection({ newsItems, activityData }) {
   return /* @__PURE__ */ jsxs(Row2, { children: [
     /* @__PURE__ */ jsxs(TradeNewsPanel, { children: [
@@ -11690,7 +12102,7 @@ function NewsOrdersSection({ newsItems, activityData }) {
     ) })
   ] });
 }
-var Row2 = styled24.div`
+var Row2 = styled25.div`
   display: grid;
   grid-template-columns: 1fr 2fr;
   gap: 1.5rem;
@@ -11708,7 +12120,7 @@ var Row2 = styled24.div`
     overflow: hidden;
   }
 `;
-var TradeNewsPanel = styled24.div`
+var TradeNewsPanel = styled25.div`
   background-color: var(--color-card-darker, #111);
   border-radius: 8px;
   padding: 1.5rem;
@@ -11727,8 +12139,8 @@ var TradeNewsPanel = styled24.div`
     min-height: auto;
   }
 `;
-var ActivityWrapper = styled24(TradeNewsPanel)``;
-var TradeNewsHeader = styled24.div`
+var ActivityWrapper = styled25(TradeNewsPanel)``;
+var TradeNewsHeader = styled25.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -11762,7 +12174,7 @@ var TradeNewsHeader = styled24.div`
     100% { opacity: 0.4; }
   }
 `;
-var TradeNewsList = styled24.div`
+var TradeNewsList = styled25.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -11770,7 +12182,7 @@ var TradeNewsList = styled24.div`
   overflow: visible;
   max-width: 100%;
 `;
-var TradeNewsItem = styled24.div`
+var TradeNewsItem = styled25.div`
   display: flex;
   flex-direction: column;
   padding: 0.75rem;
@@ -11786,25 +12198,25 @@ var TradeNewsItem = styled24.div`
     transform: translateY(-2px);
   }
 `;
-var TradeNewsTitle = styled24.h4`
+var TradeNewsTitle = styled25.h4`
   font-size: 0.9375rem;
   font-weight: 500;
   margin: 0 0 0.5rem 0;
   color: var(--color-text);
 `;
-var TradeNewsInfo = styled24.div`
+var TradeNewsInfo = styled25.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
   font-size: 0.75rem;
   color: var(--color-text-secondary);
 `;
-var TradeNewsDate = styled24.span`
+var TradeNewsDate = styled25.span`
   &[data-new='true'] {
     color: #0ecb81;
   }
 `;
-var TradeNewsCategory = styled24.span`
+var TradeNewsCategory = styled25.span`
   padding: 0.25rem 0.5rem;
   border-radius: 4px;
   background-color: rgba(240,185,11,0.1);
@@ -11920,7 +12332,7 @@ function OrderConfirmationModal({
     ] })
   ] }) });
 }
-var Overlay3 = styled24.div`
+var Overlay3 = styled25.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -11933,7 +12345,7 @@ var Overlay3 = styled24.div`
   z-index: 10000;
   backdrop-filter: blur(4px);
 `;
-var Modal = styled24.div`
+var Modal = styled25.div`
   background: linear-gradient(135deg, rgba(26,29,35,0.95) 0%, rgba(26,29,35,0.98) 100%);
   border: 1px solid rgba(255,255,255,0.1);
   border-radius: 16px;
@@ -11942,7 +12354,7 @@ var Modal = styled24.div`
   width: 90%;
   box-shadow: 0 20px 60px rgba(0,0,0,0.5);
 `;
-var ModalHeader = styled24.div`
+var ModalHeader = styled25.div`
   display: flex;
   align-items: center;
   margin-bottom: 1.5rem;
@@ -11958,7 +12370,7 @@ var ModalHeader = styled24.div`
     gap: 0.5rem;
   }
 `;
-var Badge2 = styled24.span`
+var Badge2 = styled25.span`
   padding: 0.25rem 0.75rem;
   border-radius: 6px;
   font-size: 0.75rem;
@@ -11969,12 +12381,12 @@ var Badge2 = styled24.span`
   color: #D4AF37;
   border: 1px solid rgba(212,175,55,0.3);
 `;
-var ModalBody = styled24.div`
+var ModalBody = styled25.div`
   margin-bottom: 1.5rem;
   display: flex;
   flex-direction: column;
 `;
-var ModalRow = styled24.div`
+var ModalRow = styled25.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -11997,7 +12409,7 @@ var ModalRow = styled24.div`
     font-weight: 600;
   }
 `;
-var Warning = styled24.div`
+var Warning = styled25.div`
   background: rgba(246,70,93,0.1);
   border: 1px solid rgba(246,70,93,0.3);
   border-radius: 8px;
@@ -12017,7 +12429,7 @@ var Warning = styled24.div`
     line-height: 1.5;
   }
 `;
-var Summary = styled24.div`
+var Summary = styled25.div`
   background: rgba(255,255,255,0.03);
   border: 1px solid rgba(255,255,255,0.08);
   border-radius: 8px;
@@ -12030,7 +12442,7 @@ var Summary = styled24.div`
 var spin = keyframes`
   to { transform: rotate(360deg); }
 `;
-var Spinner = styled24.span`
+var Spinner = styled25.span`
   display: inline-block;
   width: 14px;
   height: 14px;
@@ -12041,7 +12453,7 @@ var Spinner = styled24.span`
   margin-right: 0.5rem;
   vertical-align: -2px;
 `;
-var ButtonRow2 = styled24.div`
+var ButtonRow2 = styled25.div`
   display: flex;
   gap: 1rem;
   justify-content: flex-end;
@@ -12145,6 +12557,7 @@ function PropertyBuy({
   onSelectorSelect,
   portfolioActivity
 }) {
+  const { toast } = useToast();
   const [sliderValue, setSliderValue] = useState(0);
   const [availableBalance, setAvailableBalance] = useState(walletUsdcBalance ?? 0);
   const [manualOrderAmount, setManualOrderAmount] = useState(null);
@@ -12197,6 +12610,13 @@ function PropertyBuy({
   }, [walletPropertyTokenBalance]);
   const handleOrderButtonClick = () => {
     if (!ipoStarted || tokenQuantity === 0) {
+      if (rawSpend > 0 && tokenQuantity === 0) {
+        toast({
+          variant: "error",
+          title: "Amount too low",
+          amount: `Minimum purchase is 1 token ($${tokenPrice.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })})`
+        });
+      }
       return;
     }
     setShowOrderConfirmModal(true);
@@ -12408,7 +12828,7 @@ function PropertyBuy({
     )
   ] });
 }
-var HeroGrid = styled24.div`
+var HeroGrid = styled25.div`
   display: grid;
   grid-template-columns: 1fr auto;
   grid-template-rows: auto auto minmax(450px, 520px);
@@ -12477,7 +12897,7 @@ var HeroGrid = styled24.div`
     gap: 0.5rem;
   }
 `;
-var PaymentOption = styled24.div`
+var PaymentOption = styled25.div`
   display: flex;
   align-items: center;
   padding: 1rem;
@@ -12494,7 +12914,7 @@ var PaymentOption = styled24.div`
     border-color: rgba(0, 123, 255, 0.5);
   }
 `;
-var RadioIndicator = styled24.div`
+var RadioIndicator = styled25.div`
   width: 20px;
   height: 20px;
   border-radius: 50%;
@@ -12514,7 +12934,7 @@ var RadioIndicator = styled24.div`
     transition: opacity 0.2s;
   }
 `;
-var PaymentMethodDetails = styled24.div`
+var PaymentMethodDetails = styled25.div`
   background: rgba(0, 0, 0, 0.2);
   border-radius: 8px;
   padding: 1rem;
@@ -12533,7 +12953,7 @@ var PaymentMethodDetails = styled24.div`
     }
   }
 `;
-var ConfirmButton = styled24.button`
+var ConfirmButton = styled25.button`
   background: ${(props) => props.disabled ? "rgba(255, 255, 255, 0.1)" : "linear-gradient(to right, #d4af37, #f2d35b)"};
   border: none;
   border-radius: 8px;
@@ -13251,7 +13671,7 @@ var OwnerBooking = ({ propertyName, token }) => {
   ] });
 };
 var owner_booking_default = OwnerBooking;
-var DateSelectorDropdown = styled24.div`
+var DateSelectorDropdown = styled25.div`
   position: absolute;
   top: calc(100% + 0.5rem);
   left: 0;
@@ -13265,7 +13685,7 @@ var DateSelectorDropdown = styled24.div`
   display: ${({ $isOpen }) => $isOpen ? "block" : "none"};
   z-index: 10;
 `;
-var MonthButton = styled24.button`
+var MonthButton = styled25.button`
   background: ${({ $isSelected }) => $isSelected ? "rgba(212, 175, 55, 0.2)" : "transparent"};
   border: 1px solid
     ${({ $isSelected }) => $isSelected ? "#d4af37" : "rgba(255, 255, 255, 0.12)"};
@@ -13281,7 +13701,7 @@ var MonthButton = styled24.button`
     border-color: rgba(212, 175, 55, 0.5);
   }
 `;
-var DayCell = styled24.div`
+var DayCell = styled25.div`
   aspect-ratio: 1;
   display: flex;
   align-items: center;
@@ -13315,7 +13735,7 @@ var DayCell = styled24.div`
     opacity: ${({ $isCurrentMonth, $savedRangeColor }) => $isCurrentMonth ? $savedRangeColor ? 0.85 : 1 : 0.35};
   }
 `;
-var AddDateRangeButton = styled24.button`
+var AddDateRangeButton = styled25.button`
   flex: 1;
   min-width: 180px;
   background: rgba(212, 175, 55, 0.18);
@@ -13337,21 +13757,21 @@ var AddDateRangeButton = styled24.button`
     cursor: not-allowed;
   }
 `;
-var ConfirmButton2 = styled24(AddDateRangeButton)`
+var ConfirmButton2 = styled25(AddDateRangeButton)`
   flex: 0 0 auto;
   min-width: 140px;
   background: rgba(212, 175, 55, 0.35);
   border-color: rgba(212, 175, 55, 0.6);
   font-weight: 600;
 `;
-var ReservationCard = styled24.div`
+var ReservationCard = styled25.div`
   background: rgba(0, 0, 0, 0.4);
   border-radius: 12px;
   padding: 1rem;
   margin-top: 1rem;
   border-left: 4px solid ${({ $accent }) => $accent};
 `;
-var ActionButton = styled24.button`
+var ActionButton = styled25.button`
   background: none;
   border: none;
   color: ${({ $variant }) => $variant === "danger" ? "#ff7676" : "#d4af37"};
@@ -13801,7 +14221,7 @@ function calculatePositionFromPrice(price, undervaluedPrice, fairValue, overvalu
   }
   return 50 + 50 * (price - fairValue) / (overvaluedPrice - fairValue);
 }
-var ValuationIndicator = styled24.div`
+var ValuationIndicator = styled25.div`
   background-color: rgba(50, 52, 58, 0.95);
   border-radius: 6px;
   padding: 1rem;
@@ -13823,7 +14243,7 @@ var ValuationIndicator = styled24.div`
     }
   }
 `;
-var GaugeIndicator = styled24.div`
+var GaugeIndicator = styled25.div`
   position: absolute;
   left: ${(props) => props.position}%;
   top: 0.35rem;
@@ -13834,7 +14254,7 @@ var GaugeIndicator = styled24.div`
   background: ${(props) => props.type === "fairValue" ? "#f0b90b" : "rgba(10, 12, 18, 0.95)"};
   box-shadow: ${(props) => props.type === "lastPrice" ? "0 6px 18px rgba(0, 0, 0, 0.65)" : "0 6px 16px rgba(0, 0, 0, 0.45)"};
 `;
-var GaugePriceTag = styled24.div`
+var GaugePriceTag = styled25.div`
   position: absolute;
   left: ${(props) => props.position}%;
   top: -46px;
@@ -13859,18 +14279,18 @@ var GaugePriceTag = styled24.div`
     color: var(--color-accent);
   }
 `;
-var HiddenMobileChart = styled24.div`
+var HiddenMobileChart = styled25.div`
   display: none;
   @media (max-width: 480px) {
     display: block;
   }
 `;
-var ValuationWrapper = styled24.div`
+var ValuationWrapper = styled25.div`
   display: flex;
   flex-direction: column;
   gap: 2rem;
 `;
-var LoadingOverlay = styled24.div`
+var LoadingOverlay = styled25.div`
   margin-top: 1rem;
   padding: 0.75rem 1rem;
   border-radius: 8px;
@@ -13878,7 +14298,7 @@ var LoadingOverlay = styled24.div`
   color: rgba(255, 255, 255, 0.8);
   font-size: 0.9rem;
 `;
-var ErrorMessage = styled24.div`
+var ErrorMessage = styled25.div`
   margin-top: 1rem;
   padding: 0.75rem 1rem;
   border-radius: 8px;
@@ -13887,33 +14307,33 @@ var ErrorMessage = styled24.div`
   font-size: 0.9rem;
   border: 1px solid rgba(244, 67, 54, 0.4);
 `;
-var SectionTitle = styled24.h2`
+var SectionTitle = styled25.h2`
   margin: 0;
   font-size: clamp(1.75rem, 2.5vw, 2.25rem);
   font-weight: 600;
   color: #fff;
   letter-spacing: 0.01em;
 `;
-var LoafPricingSection = styled24.div`
+var LoafPricingSection = styled25.div`
   background-color: rgba(30, 32, 38, 0.95);
   border-radius: 8px;
   padding: 1.25rem;
   margin-bottom: 1.5rem;
 `;
-var SectionSubheading = styled24.h2`
+var SectionSubheading = styled25.h2`
   margin: 0;
   font-size: 1.1rem;
   font-weight: 600;
   color: #fff;
   letter-spacing: 0.02em;
 `;
-var PricingModelCard = styled24.div`
+var PricingModelCard = styled25.div`
   background-color: rgba(40, 42, 48, 0.95);
   border-radius: 8px;
   padding: 1.5rem;
   margin-top: 1rem;
 `;
-var PricingModelHeader = styled24.div`
+var PricingModelHeader = styled25.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -13928,13 +14348,13 @@ var PricingModelHeader = styled24.div`
     color: rgba(255, 255, 255, 0.75);
   }
 `;
-var PricingModelTitle = styled24.h3`
+var PricingModelTitle = styled25.h3`
   margin: 0;
   font-size: 1.2rem;
   font-weight: 600;
   color: #fff;
 `;
-var PricingModelValue = styled24.div`
+var PricingModelValue = styled25.div`
   font-size: 1.4rem;
   font-weight: 700;
   color: var(--color-primary);
@@ -13943,43 +14363,43 @@ var PricingModelValue = styled24.div`
     font-size: 1.2rem;
   }
 `;
-var PricingModelDetails = styled24.div`
+var PricingModelDetails = styled25.div`
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   gap: 1.5rem;
   margin-bottom: 1.5rem;
 `;
-var PricingModelDetail = styled24.div`
+var PricingModelDetail = styled25.div`
   background-color: rgba(50, 52, 58, 0.95);
   border-radius: 6px;
   padding: 1rem;
 `;
-var PropertyDetailLabel = styled24.div`
+var PropertyDetailLabel = styled25.div`
   font-size: 0.85rem;
   color: rgba(255, 255, 255, 0.7);
   margin-bottom: 0.5rem;
 `;
-var PricingDetailValue = styled24.div`
+var PricingDetailValue = styled25.div`
   font-size: 1rem;
   color: #fff;
   font-weight: 500;
 `;
-var ValuationHeader = styled24.div`
+var ValuationHeader = styled25.div`
   display: flex;
   justify-content: space-between;
   margin-bottom: 0.75rem;
 `;
-var ValuationTitle = styled24.div`
+var ValuationTitle = styled25.div`
   font-size: 0.9rem;
   color: rgba(255, 255, 255, 0.7);
 `;
-var ValuationGauge = styled24.div`
+var ValuationGauge = styled25.div`
   position: relative;
   width: 100%;
   padding: 1.1rem 0 2rem;
   margin: 0.75rem 0 1rem;
 `;
-var GaugeBackground = styled24.div`
+var GaugeBackground = styled25.div`
   width: 100%;
   height: 18px;
   border-radius: 999px;
@@ -13988,21 +14408,21 @@ var GaugeBackground = styled24.div`
   overflow: hidden;
   box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.35), 0 8px 18px rgba(0, 0, 0, 0.25);
 `;
-var ValuationDetails = styled24.div`
+var ValuationDetails = styled25.div`
   display: flex;
   justify-content: space-between;
   margin-top: 1rem;
 `;
-var ValuationItem = styled24.div`
+var ValuationItem = styled25.div`
   display: flex;
   flex-direction: column;
 `;
-var ValuationValue = styled24.div`
+var ValuationValue = styled25.div`
   font-size: 1rem;
   font-weight: 600;
   color: #fff;
 `;
-var ChartContainer = styled24.div`
+var ChartContainer = styled25.div`
   width: 100%;
   height: 301.52px;
   margin-top: 1.5rem;
@@ -14011,14 +14431,14 @@ var ChartContainer = styled24.div`
   padding: 1rem;
   position: relative;
 `;
-var ChartBackground = styled24.div`
+var ChartBackground = styled25.div`
   position: relative;
   height: 100%;
   width: 100%;
   background: rgba(255, 255, 255, 0.03);
   border-radius: 8px;
 `;
-var ValuationSvg = styled24.svg`
+var ValuationSvg = styled25.svg`
   position: absolute;
   top: 10px;
   right: 0;
@@ -14028,7 +14448,7 @@ var ValuationSvg = styled24.svg`
   width: 100%;
   height: calc(100% - 35px);
 `;
-var YAxisLabel = styled24.div`
+var YAxisLabel = styled25.div`
   position: absolute;
   left: -40px;
   font-size: 10px;
@@ -14036,7 +14456,7 @@ var YAxisLabel = styled24.div`
   text-align: right;
   padding-right: 5px;
 `;
-var ValuationCallout = styled24.div`
+var ValuationCallout = styled25.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -14046,7 +14466,7 @@ var ValuationCallout = styled24.div`
   border: 1px solid rgba(76, 175, 80, 0.2);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
 `;
-var ValuationBadge = styled24.div`
+var ValuationBadge = styled25.div`
   background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
   color: white;
   padding: 5px 12px;
@@ -14055,17 +14475,17 @@ var ValuationBadge = styled24.div`
   font-weight: 600;
   box-shadow: 0 2px 4px rgba(76, 175, 80, 0.25);
 `;
-var AreaDemandChart = styled24.div`
+var AreaDemandChart = styled25.div`
   height: 60px;
   width: 100%;
   position: relative;
 `;
-var ChartLabel = styled24.div`
+var ChartLabel = styled25.div`
   position: absolute;
   font-size: 9px;
   color: rgba(255, 255, 255, 0.7);
 `;
-var RecentSalesSection = styled24.div`
+var RecentSalesSection = styled25.div`
   background-color: rgba(30, 32, 38, 0.95);
   border-radius: 8px;
   padding: 1.25rem;
@@ -14075,7 +14495,7 @@ var RecentSalesSection = styled24.div`
     position: relative;
   }
 `;
-var SalesGrid = styled24.div`
+var SalesGrid = styled25.div`
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 1.5rem;
@@ -14096,7 +14516,7 @@ var SalesGrid = styled24.div`
     scrollbar-width: none;
   }
 `;
-var SaleCard = styled24.div`
+var SaleCard = styled25.div`
   background-color: var(--color-card, #1e2329);
   border-radius: var(--border-radius, 8px);
   overflow: hidden;
@@ -14120,13 +14540,13 @@ var SaleCard = styled24.div`
     }
   }
 `;
-var SaleImageContainer = styled24.div`
+var SaleImageContainer = styled25.div`
   position: relative;
   width: 100%;
   height: 200px;
   overflow: hidden;
 `;
-var SaleImage = styled24.img`
+var SaleImage = styled25.img`
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -14137,7 +14557,7 @@ var SaleImage = styled24.img`
     transform: scale(1.05);
   }
 `;
-var SoldTag = styled24.div`
+var SoldTag = styled25.div`
   position: absolute;
   top: 1rem;
   right: 1rem;
@@ -14151,10 +14571,10 @@ var SoldTag = styled24.div`
   align-items: center;
   gap: 4px;
 `;
-var SoldIcon = styled24.div`
+var SoldIcon = styled25.div`
   display: none;
 `;
-var SalePriceBar = styled24.div`
+var SalePriceBar = styled25.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -14162,37 +14582,37 @@ var SalePriceBar = styled24.div`
   background: linear-gradient(90deg, rgba(240, 185, 11, 0.1) 0%, rgba(240, 185, 11, 0.05) 100%);
   border-bottom: 1px solid rgba(255, 255, 255, 0.05);
 `;
-var SalePriceLeft = styled24.div`
+var SalePriceLeft = styled25.div`
   display: flex;
   flex-direction: column;
 `;
-var SalePriceLabel = styled24.span`
+var SalePriceLabel = styled25.span`
   font-size: 0.7rem;
   color: rgba(255, 255, 255, 0.5);
   text-transform: uppercase;
   letter-spacing: 0.5px;
 `;
-var SalePriceAmount = styled24.span`
+var SalePriceAmount = styled25.span`
   font-size: 1.1rem;
   font-weight: 700;
   color: var(--color-accent, #f0b90b);
 `;
-var SaleContent = styled24.div`
+var SaleContent = styled25.div`
   padding: 1rem;
 `;
-var SaleAddress = styled24.h3`
+var SaleAddress = styled25.h3`
   margin: 0;
   margin-bottom: 0.25rem;
   font-size: 1rem;
   font-weight: 600;
   color: var(--color-text, #eaecef);
 `;
-var SaleSuburb = styled24.div`
+var SaleSuburb = styled25.div`
   font-size: 0.8rem;
   color: var(--color-text-secondary, #848e9c);
   margin-bottom: 0.5rem;
 `;
-var SaleStatsBar = styled24.div`
+var SaleStatsBar = styled25.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -14200,7 +14620,7 @@ var SaleStatsBar = styled24.div`
   background-color: rgba(0, 0, 0, 0.3);
   border-top: 1px solid rgba(255, 255, 255, 0.05);
 `;
-var SaleStatItem = styled24.div`
+var SaleStatItem = styled25.div`
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -14213,11 +14633,11 @@ var SaleStatItem = styled24.div`
     opacity: 0.7;
   }
 `;
-var SaleDate = styled24.div`
+var SaleDate = styled25.div`
   font-size: 0.75rem;
   color: var(--color-text-secondary, #848e9c);
 `;
-var SwipeIndicator = styled24.div`
+var SwipeIndicator = styled25.div`
   display: none;
 
   @media (max-width: 768px) {
@@ -14250,7 +14670,7 @@ var pulse3 = keyframes`
   0%, 100% { transform: scale(1); opacity: 0.8; }
   50% { transform: scale(1.2); opacity: 1; }
 `;
-var FeatureTooltip = styled24.div`
+var FeatureTooltip = styled25.div`
   position: absolute;
   transform: translate(-50%, calc(-100% - 24px));
   min-width: 180px;
@@ -14292,7 +14712,7 @@ var FeatureTooltip = styled24.div`
     filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.35));
   }
 `;
-var GalleryOverlay = styled24.div`
+var GalleryOverlay = styled25.div`
   position: fixed;
   inset: 0;
   z-index: 1000;
@@ -14301,7 +14721,7 @@ var GalleryOverlay = styled24.div`
   flex-direction: column;
   animation: ${fadeIn} 0.3s ease;
 `;
-var GalleryHeader = styled24.div`
+var GalleryHeader = styled25.div`
   position: relative;
   padding: 1.5rem 2rem;
   display: flex;
@@ -14317,7 +14737,7 @@ var GalleryHeader = styled24.div`
     padding: 1rem;
   }
 `;
-var PropertyInfo = styled24.div`
+var PropertyInfo = styled25.div`
   color: white;
 
   h2 {
@@ -14332,7 +14752,7 @@ var PropertyInfo = styled24.div`
     font-size: 0.95rem;
   }
 `;
-var CloseButton2 = styled24.button`
+var CloseButton2 = styled25.button`
   width: 48px;
   height: 48px;
   border-radius: 50%;
@@ -14350,7 +14770,7 @@ var CloseButton2 = styled24.button`
     transform: rotate(90deg);
   }
 `;
-var MainImageContainer = styled24.div`
+var MainImageContainer = styled25.div`
   position: relative;
   flex: 1;
   display: flex;
@@ -14362,7 +14782,7 @@ var MainImageContainer = styled24.div`
     padding: 60px 0 110px;
   }
 `;
-var MainImage = styled24.img`
+var MainImage = styled25.img`
   max-width: 90%;
   max-height: 100%;
   object-fit: contain;
@@ -14379,7 +14799,7 @@ var MainImage = styled24.img`
     max-width: 100%;
   }
 `;
-var Hotspot = styled24.button`
+var Hotspot = styled25.button`
   position: absolute;
   width: 32px;
   height: 32px;
@@ -14398,7 +14818,7 @@ var Hotspot = styled24.button`
     transform: translate(-50%, -50%) scale(1.2);
   }
 `;
-var ThumbnailStrip = styled24.div`
+var ThumbnailStrip = styled25.div`
   position: absolute;
   bottom: 0;
   left: 0;
@@ -14413,7 +14833,7 @@ var ThumbnailStrip = styled24.div`
     display: none;
   }
 `;
-var Thumbnail2 = styled24.button`
+var Thumbnail2 = styled25.button`
   width: 86px;
   height: 64px;
   border-radius: 6px;
@@ -14434,7 +14854,7 @@ var Thumbnail2 = styled24.button`
     object-fit: cover;
   }
 `;
-var NavigationButton = styled24.button`
+var NavigationButton = styled25.button`
   position: absolute;
   top: 50%;
   ${(p) => p.$dir === "prev" ? "left: 2rem;" : "right: 2rem;"}
@@ -14454,7 +14874,7 @@ var NavigationButton = styled24.button`
     display: none;
   }
 `;
-var SliderContainer = styled24.div`
+var SliderContainer = styled25.div`
   position: absolute;
   bottom: 110px;
   left: 50%;
@@ -14471,21 +14891,21 @@ var SliderContainer = styled24.div`
     width: 85%;
   }
 `;
-var SliderTrack = styled24.div`
+var SliderTrack = styled25.div`
   position: relative;
   height: 4px;
   background: rgba(255, 255, 255, 0.2);
   border-radius: 999px;
   cursor: pointer;
 `;
-var SliderProgress = styled24.div`
+var SliderProgress = styled25.div`
   position: absolute;
   inset: 0;
   width: ${(p) => p.$progress}%;
   background: linear-gradient(90deg, var(--color-accent, #f0b90b), rgba(240, 185, 11, 0.5));
   border-radius: inherit;
 `;
-var SliderThumb = styled24.div`
+var SliderThumb = styled25.div`
   position: absolute;
   top: 50%;
   left: ${(p) => p.$position}%;
@@ -14497,7 +14917,7 @@ var SliderThumb = styled24.div`
   border: 3px solid white;
   box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
 `;
-var SliderLabels = styled24.div`
+var SliderLabels = styled25.div`
   display: flex;
   justify-content: space-between;
   margin-top: 0.75rem;
@@ -14512,7 +14932,7 @@ var SliderLabels = styled24.div`
     display: none;
   }
 `;
-var MobileDots = styled24.div`
+var MobileDots = styled25.div`
   position: absolute;
   bottom: 1.5rem;
   left: 50%;
@@ -14524,7 +14944,7 @@ var MobileDots = styled24.div`
     display: none;
   }
 `;
-var MobileDot = styled24.button`
+var MobileDot = styled25.button`
   width: 8px;
   height: 8px;
   border-radius: 50%;
@@ -14754,191 +15174,6 @@ function GalleryContent({ galleryImages, startIndex, title, subtitle, onClose })
     }
   );
 }
-var slideIn = keyframes`
-  from { transform: translateX(110%); opacity: 0; }
-  to   { transform: translateX(0);    opacity: 1; }
-`;
-var slideOut = keyframes`
-  from { transform: translateX(0);    opacity: 1; }
-  to   { transform: translateX(110%); opacity: 0; }
-`;
-var progressShrink = keyframes`
-  from { width: 100%; }
-  to   { width: 0%; }
-`;
-var VARIANT_COLORS = {
-  success: { accent: "#0ecb81", icon: "\u2713" },
-  error: { accent: "#f6465d", icon: "\u2715" },
-  info: { accent: "#E6C656", icon: "\u2139" },
-  pending: { accent: "#7EB3E6", icon: "\u25CC" }
-};
-var Wrapper = styled24.div`
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  gap: 0;
-  width: 340px;
-  background: #0d0f1a;
-  border: 1px solid rgba(255, 255, 255, 0.08);
-  border-radius: 10px;
-  overflow: hidden;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255,255,255,0.04);
-  animation: ${({ $exiting }) => $exiting ? css`${slideOut} 0.28s cubic-bezier(0.4,0,1,1) forwards` : css`${slideIn} 0.32s cubic-bezier(0,0,0.2,1) forwards`};
-  pointer-events: all;
-`;
-var Body = styled24.div`
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-  padding: 14px 16px 12px;
-`;
-var IconDot = styled24.div`
-  flex-shrink: 0;
-  width: 28px;
-  height: 28px;
-  border-radius: 50%;
-  background: ${({ $color }) => $color}1a;
-  border: 1px solid ${({ $color }) => $color}55;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 0.75rem;
-  font-weight: 700;
-  color: ${({ $color }) => $color};
-  margin-top: 1px;
-`;
-var Content = styled24.div`
-  flex: 1;
-  min-width: 0;
-`;
-var Title2 = styled24.p`
-  margin: 0 0 2px;
-  font-size: 0.8rem;
-  font-weight: 600;
-  color: #fff;
-  letter-spacing: 0.01em;
-`;
-var Amount = styled24.p`
-  margin: 0 0 6px;
-  font-size: 1.05rem;
-  font-weight: 700;
-  color: #E6C656;
-  letter-spacing: -0.01em;
-`;
-var TxRow = styled24.a`
-  display: inline-flex;
-  align-items: center;
-  gap: 5px;
-  font-family: 'IBM Plex Mono', 'Space Mono', monospace;
-  font-size: 0.68rem;
-  color: rgba(255, 255, 255, 0.4);
-  text-decoration: none;
-  transition: color 0.15s;
-  &:hover {
-    color: #7EB3E6;
-  }
-`;
-var TxArrow = styled24.span`
-  font-size: 0.6rem;
-  opacity: 0.6;
-`;
-var CloseBtn = styled24.button`
-  flex-shrink: 0;
-  background: none;
-  border: none;
-  padding: 2px 4px;
-  cursor: pointer;
-  color: rgba(255, 255, 255, 0.25);
-  font-size: 0.9rem;
-  line-height: 1;
-  transition: color 0.15s;
-  &:hover { color: rgba(255, 255, 255, 0.7); }
-`;
-var ProgressBar = styled24.div`
-  height: 2px;
-  background: rgba(255, 255, 255, 0.06);
-  position: relative;
-  &::after {
-    content: '';
-    position: absolute;
-    left: 0;
-    top: 0;
-    height: 100%;
-    background: ${({ $color }) => $color};
-    animation: ${css`${progressShrink} ${({ $duration }) => $duration}ms linear forwards`};
-  }
-`;
-var Container3 = styled24.div`
-  position: fixed;
-  bottom: 24px;
-  right: 24px;
-  z-index: 9999;
-  display: flex;
-  flex-direction: column-reverse;
-  gap: 10px;
-  pointer-events: none;
-`;
-var DEFAULT_EXPLORER = "https://sepolia.basescan.org/tx/";
-function truncateHash(hash) {
-  return `${hash.slice(0, 6)}\u2026${hash.slice(-4)}`;
-}
-function ToastItem({ toast, onDismiss }) {
-  const [exiting, setExiting] = useState(false);
-  const timerRef = useRef(null);
-  const dismiss = useCallback(() => {
-    setExiting(true);
-    setTimeout(() => onDismiss(toast.id), 280);
-  }, [onDismiss, toast.id]);
-  useEffect(() => {
-    const duration2 = toast.duration ?? 6e3;
-    if (duration2 > 0) {
-      timerRef.current = setTimeout(dismiss, duration2);
-    }
-    return () => {
-      if (timerRef.current) clearTimeout(timerRef.current);
-    };
-  }, [dismiss, toast.duration]);
-  const { accent, icon } = VARIANT_COLORS[toast.variant];
-  const duration = toast.duration ?? 6e3;
-  const explorerBase = toast.explorerUrl ?? DEFAULT_EXPLORER;
-  const txUrl = toast.txHash ? `${explorerBase}${toast.txHash}` : void 0;
-  return /* @__PURE__ */ jsxs(Wrapper, { $exiting: exiting, children: [
-    /* @__PURE__ */ jsxs(Body, { children: [
-      /* @__PURE__ */ jsx(IconDot, { $color: accent, children: icon }),
-      /* @__PURE__ */ jsxs(Content, { children: [
-        /* @__PURE__ */ jsx(Title2, { children: toast.title }),
-        toast.amount && /* @__PURE__ */ jsx(Amount, { children: toast.amount }),
-        toast.txHash && txUrl && /* @__PURE__ */ jsxs(TxRow, { href: txUrl, target: "_blank", rel: "noopener noreferrer", children: [
-          truncateHash(toast.txHash),
-          /* @__PURE__ */ jsx(TxArrow, { children: "\u2197" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(CloseBtn, { type: "button", onClick: dismiss, "aria-label": "Dismiss", children: "\u2715" })
-    ] }),
-    duration > 0 && /* @__PURE__ */ jsx(ProgressBar, { $color: accent, $duration: duration })
-  ] });
-}
-var ToastContext = createContext(null);
-function ToastProvider({ children }) {
-  const [toasts, setToasts] = useState([]);
-  const addToast = useCallback((data) => {
-    const id = `toast-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;
-    setToasts((prev) => [...prev, { ...data, id }]);
-    return id;
-  }, []);
-  const dismiss = useCallback((id) => {
-    setToasts((prev) => prev.filter((t) => t.id !== id));
-  }, []);
-  return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: { toast: addToast, dismiss }, children: [
-    children,
-    /* @__PURE__ */ jsx(Container3, { children: toasts.map((t) => /* @__PURE__ */ jsx(ToastItem, { toast: t, onDismiss: dismiss }, t.id)) })
-  ] });
-}
-function useToast() {
-  const ctx = useContext(ToastContext);
-  if (!ctx) throw new Error("useToast must be used within a ToastProvider");
-  return ctx;
-}
 var INTERVALS = [1e3, 2e3, 4e3, 5e3, 7e3, 1e4, 12e3];
 function useAdaptivePolling({ enabled, onPoll }) {
   const onPollRef = useRef(onPoll);