@loafmarkets/ui 0.1.145 → 0.1.147

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -5,7 +5,7 @@ import { cva } from 'class-variance-authority';
5
5
  import { clsx } from 'clsx';
6
6
  import { twMerge } from 'tailwind-merge';
7
7
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
8
- import styled19, { keyframes, css } from 'styled-components';
8
+ import styled9, { keyframes, css } from 'styled-components';
9
9
  import * as ReactDOM from 'react-dom';
10
10
  import { Newspaper } from 'lucide-react';
11
11
  import * as LightweightCharts from 'lightweight-charts';
@@ -1544,7 +1544,7 @@ var breathe = keyframes`
1544
1544
  box-shadow: 0 0 6px rgba(14, 203, 129, 0.7), 0 0 12px rgba(14, 203, 129, 0.3);
1545
1545
  }
1546
1546
  `;
1547
- var LogoContainer = styled19.span`
1547
+ var LogoContainer = styled9.span`
1548
1548
  display: inline-flex;
1549
1549
  align-items: center;
1550
1550
  gap: 0.4rem;
@@ -1581,12 +1581,12 @@ var LogoContainer = styled19.span`
1581
1581
  }
1582
1582
  }
1583
1583
  `;
1584
- var LogoText = styled19.span`
1584
+ var LogoText = styled9.span`
1585
1585
  display: inline-flex;
1586
1586
  align-items: center;
1587
1587
  gap: 0.25rem;
1588
1588
  `;
1589
- var LoafLogoImage = styled19.img`
1589
+ var LoafLogoImage = styled9.img`
1590
1590
  height: 18px;
1591
1591
  display: block;
1592
1592
 
@@ -1594,7 +1594,7 @@ var LoafLogoImage = styled19.img`
1594
1594
  height: 16px;
1595
1595
  }
1596
1596
  `;
1597
- var LiquidityText = styled19.span`
1597
+ var LiquidityText = styled9.span`
1598
1598
  font-size: 0.65rem;
1599
1599
  font-weight: 500;
1600
1600
  background: linear-gradient(135deg, #e6c87e 0%, #d4af5c 100%);
@@ -1608,7 +1608,7 @@ var LiquidityText = styled19.span`
1608
1608
  font-size: 0.55rem;
1609
1609
  }
1610
1610
  `;
1611
- var StatusDot = styled19.span`
1611
+ var StatusDot = styled9.span`
1612
1612
  width: 6px;
1613
1613
  height: 6px;
1614
1614
  border-radius: 50%;
@@ -3216,7 +3216,7 @@ var TradingSlider = React5.forwardRef(
3216
3216
  }
3217
3217
  );
3218
3218
  TradingSlider.displayName = "TradingSlider";
3219
- var MobileToggleContainer = styled19.div`
3219
+ var MobileToggleContainer = styled9.div`
3220
3220
  display: none;
3221
3221
 
3222
3222
  @media (max-width: 1024px) {
@@ -3234,7 +3234,7 @@ var MobileToggleContainer = styled19.div`
3234
3234
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.3);
3235
3235
  }
3236
3236
  `;
3237
- var MobileToggleButton = styled19.button`
3237
+ var MobileToggleButton = styled9.button`
3238
3238
  flex: 1;
3239
3239
  padding: 0.75rem;
3240
3240
  background-color: ${(props) => props.active ? "var(--color-accent)" : "transparent"};
@@ -3579,7 +3579,7 @@ var breathe2 = keyframes`
3579
3579
  box-shadow: 0 0 6px rgba(14, 203, 129, 0.7), 0 0 12px rgba(14, 203, 129, 0.3);
3580
3580
  }
3581
3581
  `;
3582
- var LogoContainer2 = styled19.span`
3582
+ var LogoContainer2 = styled9.span`
3583
3583
  display: inline-flex;
3584
3584
  align-items: center;
3585
3585
  gap: 0.4rem;
@@ -3616,12 +3616,12 @@ var LogoContainer2 = styled19.span`
3616
3616
  }
3617
3617
  }
3618
3618
  `;
3619
- var LogoText2 = styled19.span`
3619
+ var LogoText2 = styled9.span`
3620
3620
  display: inline-flex;
3621
3621
  align-items: center;
3622
3622
  gap: 0.25rem;
3623
3623
  `;
3624
- var LoafLogoImage2 = styled19.img`
3624
+ var LoafLogoImage2 = styled9.img`
3625
3625
  height: 18px;
3626
3626
  display: block;
3627
3627
 
@@ -3629,7 +3629,7 @@ var LoafLogoImage2 = styled19.img`
3629
3629
  height: 16px;
3630
3630
  }
3631
3631
  `;
3632
- var LiquidityText2 = styled19.span`
3632
+ var LiquidityText2 = styled9.span`
3633
3633
  font-size: 0.65rem;
3634
3634
  font-weight: 500;
3635
3635
  background: linear-gradient(135deg, #e6c87e 0%, #d4af5c 100%);
@@ -3643,7 +3643,7 @@ var LiquidityText2 = styled19.span`
3643
3643
  font-size: 0.55rem;
3644
3644
  }
3645
3645
  `;
3646
- var StatusDot2 = styled19.span`
3646
+ var StatusDot2 = styled9.span`
3647
3647
  width: 6px;
3648
3648
  height: 6px;
3649
3649
  border-radius: 50%;
@@ -4643,14 +4643,14 @@ var PropertyHeroHeader = React5.forwardRef(
4643
4643
  }
4644
4644
  );
4645
4645
  PropertyHeroHeader.displayName = "PropertyHeroHeader";
4646
- var OuterWrapper = styled19.div`
4646
+ var OuterWrapper = styled9.div`
4647
4647
  width: 100%;
4648
4648
  margin: 0 auto;
4649
4649
  display: flex;
4650
4650
  flex-direction: column;
4651
4651
  gap: 0.5rem;
4652
4652
  `;
4653
- var HeroContainer = styled19.div`
4653
+ var HeroContainer = styled9.div`
4654
4654
  position: relative;
4655
4655
  width: calc(100vw - 1.5rem);
4656
4656
  left: 50%;
@@ -4682,7 +4682,7 @@ var HeroContainer = styled19.div`
4682
4682
  border-radius: 6px;
4683
4683
  }
4684
4684
  `;
4685
- var HeroImage = styled19.img`
4685
+ var HeroImage = styled9.img`
4686
4686
  width: 100%;
4687
4687
  height: 100%;
4688
4688
  object-fit: cover;
@@ -4696,7 +4696,7 @@ var HeroImage = styled19.img`
4696
4696
  transform: scale(1.0);
4697
4697
  transform-origin: center;
4698
4698
  `;
4699
- var ActionButtons = styled19.div`
4699
+ var ActionButtons = styled9.div`
4700
4700
  display: flex;
4701
4701
  flex-wrap: wrap;
4702
4702
  align-items: center;
@@ -4711,7 +4711,7 @@ var ActionButtons = styled19.div`
4711
4711
  display: none;
4712
4712
  }
4713
4713
  `;
4714
- var CardLayout = styled19.div`
4714
+ var CardLayout = styled9.div`
4715
4715
  display: flex;
4716
4716
  align-items: center;
4717
4717
  gap: 1rem;
@@ -4720,7 +4720,7 @@ var CardLayout = styled19.div`
4720
4720
  gap: 0.75rem;
4721
4721
  }
4722
4722
  `;
4723
- var Thumbnail = styled19.img`
4723
+ var Thumbnail = styled9.img`
4724
4724
  width: 72px;
4725
4725
  height: 72px;
4726
4726
  border-radius: 8px;
@@ -4739,11 +4739,11 @@ var Thumbnail = styled19.img`
4739
4739
  height: 48px;
4740
4740
  }
4741
4741
  `;
4742
- var CardContent2 = styled19.div`
4742
+ var CardContent2 = styled9.div`
4743
4743
  min-width: 0;
4744
4744
  flex: 1;
4745
4745
  `;
4746
- var InfoCard = styled19.div`
4746
+ var InfoCard = styled9.div`
4747
4747
  border-radius: 12px;
4748
4748
  background: rgba(0, 0, 0, 0.15);
4749
4749
  padding: 1rem 1.5rem;
@@ -4761,14 +4761,14 @@ var InfoCard = styled19.div`
4761
4761
  padding: 0.65rem 0.85rem;
4762
4762
  }
4763
4763
  `;
4764
- var NameGroup = styled19.div`
4764
+ var NameGroup = styled9.div`
4765
4765
  display: flex;
4766
4766
  align-items: center;
4767
4767
  gap: 0.75rem;
4768
4768
  min-width: 0;
4769
4769
  flex-wrap: wrap;
4770
4770
  `;
4771
- var TypeBadge = styled19.span`
4771
+ var TypeBadge = styled9.span`
4772
4772
  display: inline-flex;
4773
4773
  align-items: center;
4774
4774
  padding: 0.2rem 0.5rem;
@@ -4783,19 +4783,19 @@ var TypeBadge = styled19.span`
4783
4783
  white-space: nowrap;
4784
4784
  flex-shrink: 0;
4785
4785
  `;
4786
- var InfoRow = styled19.div`
4786
+ var InfoRow = styled9.div`
4787
4787
  display: flex;
4788
4788
  align-items: baseline;
4789
4789
  justify-content: space-between;
4790
4790
  gap: 1rem;
4791
4791
  `;
4792
- var PriceGroup = styled19.div`
4792
+ var PriceGroup = styled9.div`
4793
4793
  display: flex;
4794
4794
  flex-direction: column;
4795
4795
  align-items: flex-end;
4796
4796
  flex-shrink: 0;
4797
4797
  `;
4798
- var PriceRow = styled19.span`
4798
+ var PriceRow = styled9.span`
4799
4799
  display: inline-flex;
4800
4800
  align-items: baseline;
4801
4801
  font-size: clamp(1.3rem, 3vw, 1.8rem);
@@ -4806,18 +4806,18 @@ var PriceRow = styled19.span`
4806
4806
  white-space: nowrap;
4807
4807
  flex-shrink: 0;
4808
4808
  `;
4809
- var CurrencyLabel = styled19.span`
4809
+ var CurrencyLabel = styled9.span`
4810
4810
  font-size: 0.55em;
4811
4811
  font-weight: 500;
4812
4812
  color: rgba(255, 255, 255, 0.4);
4813
4813
  margin-right: 0.3em;
4814
4814
  `;
4815
- var PriceArrow = styled19.span`
4815
+ var PriceArrow = styled9.span`
4816
4816
  color: ${({ $isPositive }) => $isPositive ? "#0ecb81" : "#f6465d"};
4817
4817
  font-size: 0.65em;
4818
4818
  margin: 0 0.1em;
4819
4819
  `;
4820
- var AddressText = styled19.p`
4820
+ var AddressText = styled9.p`
4821
4821
  font-size: 1.1rem;
4822
4822
  color: rgba(255, 255, 255, 0.7);
4823
4823
  font-weight: 400;
@@ -4831,7 +4831,7 @@ var AddressText = styled19.p`
4831
4831
  font-size: 0.9rem;
4832
4832
  }
4833
4833
  `;
4834
- var PriceChangeRow = styled19.span`
4834
+ var PriceChangeRow = styled9.span`
4835
4835
  display: inline-flex;
4836
4836
  align-items: center;
4837
4837
  white-space: nowrap;
@@ -4841,7 +4841,7 @@ var PriceChangeRow = styled19.span`
4841
4841
  font-variant-numeric: tabular-nums;
4842
4842
  color: ${({ $isPositive }) => $isPositive ? "#0ecb81" : "#f6465d"};
4843
4843
  `;
4844
- var StatusBadge = styled19.div`
4844
+ var StatusBadge = styled9.div`
4845
4845
  position: absolute;
4846
4846
  top: 1rem;
4847
4847
  left: 1rem;
@@ -4858,7 +4858,7 @@ var StatusBadge = styled19.div`
4858
4858
  border: ${({ $isLive }) => $isLive ? "1px solid rgba(240, 185, 11, 0.5)" : "none"};
4859
4859
  backdrop-filter: blur(8px);
4860
4860
  `;
4861
- var PulsingDot = styled19.span`
4861
+ var PulsingDot = styled9.span`
4862
4862
  display: inline-block;
4863
4863
  width: 8px;
4864
4864
  height: 8px;
@@ -5531,7 +5531,7 @@ var Header = ({
5531
5531
  ] });
5532
5532
  };
5533
5533
  Header.displayName = "Header";
5534
- var SafeAreaCover = styled19.div`
5534
+ var SafeAreaCover = styled9.div`
5535
5535
  position: fixed;
5536
5536
  top: 0;
5537
5537
  left: 0;
@@ -5542,7 +5542,7 @@ var SafeAreaCover = styled19.div`
5542
5542
  z-index: 1001;
5543
5543
  pointer-events: none;
5544
5544
  `;
5545
- var Overlay = styled19.div`
5545
+ var Overlay = styled9.div`
5546
5546
  display: ${(props) => props.$isOpen ? "block" : "none"};
5547
5547
  position: fixed;
5548
5548
  top: 0;
@@ -5553,7 +5553,7 @@ var Overlay = styled19.div`
5553
5553
  backdrop-filter: blur(3px);
5554
5554
  z-index: 999;
5555
5555
  `;
5556
- var MobileOnlyButton = styled19.button.attrs({ type: "button" })`
5556
+ var MobileOnlyButton = styled9.button.attrs({ type: "button" })`
5557
5557
  display: none;
5558
5558
  background-color: ${(props) => props.$isOpen ? "rgba(240, 185, 11, 0.2)" : "#f0b90b"};
5559
5559
  color: ${(props) => props.$isOpen ? "#ffffff" : "#0b0e11"};
@@ -5584,7 +5584,7 @@ var MobileOnlyButton = styled19.button.attrs({ type: "button" })`
5584
5584
  display: flex;
5585
5585
  }
5586
5586
  `;
5587
- var HeaderContainer = styled19.header`
5587
+ var HeaderContainer = styled9.header`
5588
5588
  display: flex;
5589
5589
  justify-content: space-between;
5590
5590
  align-items: center;
@@ -5621,7 +5621,7 @@ var HeaderContainer = styled19.header`
5621
5621
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
5622
5622
  }
5623
5623
  `;
5624
- var HeaderSpacer = styled19.div`
5624
+ var HeaderSpacer = styled9.div`
5625
5625
  width: 100%;
5626
5626
  min-height: 56px;
5627
5627
  min-height: calc(56px + max(env(safe-area-inset-top, 0px), var(--telegram-safe-top, 0px)));
@@ -5631,7 +5631,7 @@ var HeaderSpacer = styled19.div`
5631
5631
  min-height: calc(46px + 0.5rem);
5632
5632
  }
5633
5633
  `;
5634
- var Logo = styled19.div`
5634
+ var Logo = styled9.div`
5635
5635
  display: flex;
5636
5636
  align-items: center;
5637
5637
  margin-right: 24px;
@@ -5652,11 +5652,11 @@ var Logo = styled19.div`
5652
5652
  }
5653
5653
  }
5654
5654
  `;
5655
- var LogoLink = styled19.a`
5655
+ var LogoLink = styled9.a`
5656
5656
  display: inline-flex;
5657
5657
  align-items: center;
5658
5658
  `;
5659
- var Nav = styled19.nav`
5659
+ var Nav = styled9.nav`
5660
5660
  display: flex;
5661
5661
  flex-direction: column;
5662
5662
 
@@ -5708,7 +5708,7 @@ var Nav = styled19.nav`
5708
5708
  }
5709
5709
  }
5710
5710
  `;
5711
- var NavLink = styled19.a`
5711
+ var NavLink = styled9.a`
5712
5712
  margin: 0 12px;
5713
5713
  color: #eaecef;
5714
5714
  font-weight: 500;
@@ -5767,7 +5767,7 @@ var NavLink = styled19.a`
5767
5767
  }
5768
5768
  }
5769
5769
  `;
5770
- var Button2 = styled19.button.attrs({ type: "button" })`
5770
+ var Button2 = styled9.button.attrs({ type: "button" })`
5771
5771
  padding: 0.5rem 1rem;
5772
5772
  border-radius: 6px;
5773
5773
  font-weight: 500;
@@ -5805,7 +5805,7 @@ var Button2 = styled19.button.attrs({ type: "button" })`
5805
5805
  margin-left: 0.5rem;
5806
5806
  }
5807
5807
  `;
5808
- var UserMenu = styled19.div`
5808
+ var UserMenu = styled9.div`
5809
5809
  position: relative;
5810
5810
  margin-left: 0.75rem;
5811
5811
  height: 56px;
@@ -5816,7 +5816,7 @@ var UserMenu = styled19.div`
5816
5816
  margin-left: auto;
5817
5817
  }
5818
5818
  `;
5819
- var UserButton = styled19.button.attrs({ type: "button" })`
5819
+ var UserButton = styled9.button.attrs({ type: "button" })`
5820
5820
  display: flex;
5821
5821
  align-items: center;
5822
5822
  background: transparent;
@@ -5841,7 +5841,7 @@ var UserButton = styled19.button.attrs({ type: "button" })`
5841
5841
  transform: ${(props) => props.$isOpen ? "rotate(180deg)" : "rotate(0)"};
5842
5842
  }
5843
5843
  `;
5844
- var DropdownMenu = styled19.div`
5844
+ var DropdownMenu = styled9.div`
5845
5845
  position: absolute;
5846
5846
  top: 100%;
5847
5847
  /* Anchor to the button's right edge so a short label (narrow button) near
@@ -5869,7 +5869,7 @@ var DropdownMenu = styled19.div`
5869
5869
  display: block;
5870
5870
  }
5871
5871
  `;
5872
- var MenuItem = styled19.div`
5872
+ var MenuItem = styled9.div`
5873
5873
  padding: 0.75rem 1.25rem;
5874
5874
  cursor: pointer;
5875
5875
  transition: all 0.2s ease;
@@ -5889,7 +5889,7 @@ var MenuItem = styled19.div`
5889
5889
  color: #f6465d;
5890
5890
  }
5891
5891
  `;
5892
- var MobileMenuHeader = styled19.div`
5892
+ var MobileMenuHeader = styled9.div`
5893
5893
  display: flex;
5894
5894
  justify-content: flex-end;
5895
5895
  align-items: center;
@@ -5898,7 +5898,7 @@ var MobileMenuHeader = styled19.div`
5898
5898
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
5899
5899
  background: rgba(0, 0, 0, 0.2);
5900
5900
  `;
5901
- var MobileMenuClose = styled19.button.attrs({ type: "button" })`
5901
+ var MobileMenuClose = styled9.button.attrs({ type: "button" })`
5902
5902
  background: none;
5903
5903
  border: none;
5904
5904
  color: #eaecef;
@@ -5909,7 +5909,7 @@ var MobileMenuClose = styled19.button.attrs({ type: "button" })`
5909
5909
  align-items: center;
5910
5910
  justify-content: center;
5911
5911
  `;
5912
- var SearchBar = styled19.div`
5912
+ var SearchBar = styled9.div`
5913
5913
  display: flex;
5914
5914
  align-items: center;
5915
5915
  background: rgba(255, 255, 255, 0.03);
@@ -5945,7 +5945,7 @@ var SearchBar = styled19.div`
5945
5945
  }
5946
5946
  }
5947
5947
  `;
5948
- var MobileNavItem = styled19.div`
5948
+ var MobileNavItem = styled9.div`
5949
5949
  display: flex;
5950
5950
  align-items: center;
5951
5951
  padding: 14px 20px;
@@ -5967,7 +5967,7 @@ var pbShimmer = keyframes`
5967
5967
  0% { background-position: -200% 0; }
5968
5968
  100% { background-position: 200% 0; }
5969
5969
  `;
5970
- var PortfolioEyeButton = styled19.button`
5970
+ var PortfolioEyeButton = styled9.button`
5971
5971
  background: ${(p) => p.$active ? "rgba(212, 175, 55, 0.15)" : "transparent"};
5972
5972
  border: none;
5973
5973
  border-radius: 6px;
@@ -5992,7 +5992,7 @@ var PortfolioEyeButton = styled19.button`
5992
5992
  margin-right: 6px;
5993
5993
  }
5994
5994
  `;
5995
- var DepositButton = styled19.button`
5995
+ var DepositButton = styled9.button`
5996
5996
  background: #e6c87e;
5997
5997
  color: #1a1a1a;
5998
5998
  border: none;
@@ -6016,7 +6016,7 @@ var DepositButton = styled19.button`
6016
6016
  margin-right: 4px;
6017
6017
  }
6018
6018
  `;
6019
- var PortfolioBarContainer = styled19.div`
6019
+ var PortfolioBarContainer = styled9.div`
6020
6020
  position: fixed;
6021
6021
  top: 56px;
6022
6022
  top: calc(56px + max(env(safe-area-inset-top, 0px), var(--telegram-safe-top, 0px)));
@@ -6054,7 +6054,7 @@ var PortfolioBarContainer = styled19.div`
6054
6054
  }
6055
6055
  }
6056
6056
  `;
6057
- var PortfolioBarPill = styled19.div`
6057
+ var PortfolioBarPill = styled9.div`
6058
6058
  pointer-events: auto;
6059
6059
  display: flex;
6060
6060
  align-items: center;
@@ -6090,7 +6090,7 @@ var PortfolioBarPill = styled19.div`
6090
6090
  border-radius: 0 0 16px 16px;
6091
6091
  }
6092
6092
  `;
6093
- var PortfolioBarArrow = styled19.div`
6093
+ var PortfolioBarArrow = styled9.div`
6094
6094
  position: absolute;
6095
6095
  top: -7px;
6096
6096
  width: 14px;
@@ -6102,7 +6102,7 @@ var PortfolioBarArrow = styled19.div`
6102
6102
  box-shadow: -2px -2px 6px rgba(0, 0, 0, 0.25);
6103
6103
  pointer-events: none;
6104
6104
  `;
6105
- var PortfolioInline = styled19.div`
6105
+ var PortfolioInline = styled9.div`
6106
6106
  display: flex;
6107
6107
  align-items: center;
6108
6108
  gap: 1rem;
@@ -6112,34 +6112,34 @@ var PortfolioInline = styled19.div`
6112
6112
  display: none;
6113
6113
  }
6114
6114
  `;
6115
- var PBMetric = styled19.div`
6115
+ var PBMetric = styled9.div`
6116
6116
  display: flex;
6117
6117
  flex-direction: column;
6118
6118
  align-items: center;
6119
6119
  gap: 1px;
6120
6120
  white-space: nowrap;
6121
6121
  `;
6122
- var PBMetricLabel = styled19.span`
6122
+ var PBMetricLabel = styled9.span`
6123
6123
  font-size: 0.55rem;
6124
6124
  color: rgba(255, 255, 255, 0.6);
6125
6125
  text-transform: uppercase;
6126
6126
  letter-spacing: 0.5px;
6127
6127
  font-weight: 500;
6128
6128
  `;
6129
- var PBMetricValue = styled19.span`
6129
+ var PBMetricValue = styled9.span`
6130
6130
  font-size: 0.75rem;
6131
6131
  font-weight: 600;
6132
6132
  color: ${(p) => p.$positive ? "#0ecb81" : p.$negative ? "#f6465d" : "#eaecef"};
6133
6133
  font-variant-numeric: tabular-nums;
6134
6134
  `;
6135
- var PBDot = styled19.div`
6135
+ var PBDot = styled9.div`
6136
6136
  width: 3px;
6137
6137
  height: 3px;
6138
6138
  border-radius: 50%;
6139
6139
  background: rgba(212, 175, 55, 0.25);
6140
6140
  flex-shrink: 0;
6141
6141
  `;
6142
- var PBOperator = styled19.span`
6142
+ var PBOperator = styled9.span`
6143
6143
  font-size: 0.7rem;
6144
6144
  font-weight: 500;
6145
6145
  color: rgba(255, 255, 255, 0.35);
@@ -6887,7 +6887,7 @@ var LoginPopup = ({
6887
6887
  }
6888
6888
  return null;
6889
6889
  };
6890
- var Overlay2 = styled19.div`
6890
+ var Overlay2 = styled9.div`
6891
6891
  position: fixed;
6892
6892
  top: 0;
6893
6893
  left: 0;
@@ -6910,7 +6910,7 @@ var Overlay2 = styled19.div`
6910
6910
  }
6911
6911
  }
6912
6912
  `;
6913
- var PopupContainer = styled19.div`
6913
+ var PopupContainer = styled9.div`
6914
6914
  background-color: var(--color-background, #0a0a0a);
6915
6915
  border: 1px solid rgba(230, 198, 86, 0.3);
6916
6916
  border-radius: var(--border-radius, 12px);
@@ -6937,7 +6937,7 @@ var PopupContainer = styled19.div`
6937
6937
  max-width: 90%;
6938
6938
  }
6939
6939
  `;
6940
- var KycPopupContainer = styled19.div`
6940
+ var KycPopupContainer = styled9.div`
6941
6941
  background-color: var(--color-background, #0a0a0a);
6942
6942
  border: 1px solid rgba(230, 198, 86, 0.3);
6943
6943
  border-radius: var(--border-radius, 12px);
@@ -6965,7 +6965,7 @@ var KycPopupContainer = styled19.div`
6965
6965
  max-width: 95%;
6966
6966
  }
6967
6967
  `;
6968
- var KycWidgetContainer = styled19.div`
6968
+ var KycWidgetContainer = styled9.div`
6969
6969
  min-height: 500px;
6970
6970
  width: 100%;
6971
6971
  display: flex;
@@ -6973,7 +6973,7 @@ var KycWidgetContainer = styled19.div`
6973
6973
  position: relative;
6974
6974
  gap: 0.75rem;
6975
6975
  `;
6976
- var InlineCloseButton = styled19.button`
6976
+ var InlineCloseButton = styled9.button`
6977
6977
  position: absolute;
6978
6978
  top: -12px;
6979
6979
  right: -12px;
@@ -6999,7 +6999,7 @@ var InlineCloseButton = styled19.button`
6999
6999
  height: 18px;
7000
7000
  }
7001
7001
  `;
7002
- var CloseButton = styled19.button`
7002
+ var CloseButton = styled9.button`
7003
7003
  position: absolute;
7004
7004
  top: 1rem;
7005
7005
  right: 1rem;
@@ -7018,7 +7018,7 @@ var CloseButton = styled19.button`
7018
7018
  color: var(--color-accent, #e6c656);
7019
7019
  }
7020
7020
  `;
7021
- var Title = styled19.h2`
7021
+ var Title = styled9.h2`
7022
7022
  font-size: 1.75rem;
7023
7023
  font-weight: 600;
7024
7024
  color: var(--color-text, #eaecef);
@@ -7030,21 +7030,21 @@ var Title = styled19.h2`
7030
7030
  justify-content: center;
7031
7031
  gap: 1rem;
7032
7032
  `;
7033
- var LogoContainer3 = styled19.div`
7033
+ var LogoContainer3 = styled9.div`
7034
7034
  display: flex;
7035
7035
  justify-content: center;
7036
7036
  margin-bottom: 0.5rem;
7037
7037
  `;
7038
- var LogoImage = styled19.img`
7038
+ var LogoImage = styled9.img`
7039
7039
  height: 60px;
7040
7040
  `;
7041
- var ButtonsContainer = styled19.div`
7041
+ var ButtonsContainer = styled9.div`
7042
7042
  display: flex;
7043
7043
  flex-direction: column;
7044
7044
  gap: 1rem;
7045
7045
  margin-bottom: 1.5rem;
7046
7046
  `;
7047
- var LoginButton = styled19.button`
7047
+ var LoginButton = styled9.button`
7048
7048
  display: flex;
7049
7049
  align-items: center;
7050
7050
  justify-content: center;
@@ -7070,7 +7070,7 @@ var LoginButton = styled19.button`
7070
7070
  color: var(--color-accent, #e6c656);
7071
7071
  }
7072
7072
  `;
7073
- var Divider = styled19.div`
7073
+ var Divider = styled9.div`
7074
7074
  display: flex;
7075
7075
  align-items: center;
7076
7076
  margin: 1.5rem 0;
@@ -7083,13 +7083,13 @@ var Divider = styled19.div`
7083
7083
  background-color: rgba(230, 198, 86, 0.2);
7084
7084
  }
7085
7085
  `;
7086
- var InfoText = styled19.p`
7086
+ var InfoText = styled9.p`
7087
7087
  color: var(--color-text-secondary, #848e9c);
7088
7088
  font-size: 0.875rem;
7089
7089
  text-align: center;
7090
7090
  line-height: 1.5;
7091
7091
  `;
7092
- var AnnotationContainer = styled19.div`
7092
+ var AnnotationContainer = styled9.div`
7093
7093
  display: flex;
7094
7094
  flex-direction: column;
7095
7095
  gap: 0.75rem;
@@ -7097,7 +7097,7 @@ var AnnotationContainer = styled19.div`
7097
7097
  padding-top: 1.5rem;
7098
7098
  border-top: 1px solid rgba(230, 198, 86, 0.2);
7099
7099
  `;
7100
- var Annotation = styled19.div`
7100
+ var Annotation = styled9.div`
7101
7101
  display: flex;
7102
7102
  align-items: flex-start;
7103
7103
  gap: 1rem;
@@ -7112,22 +7112,22 @@ var Annotation = styled19.div`
7112
7112
  color: var(--color-accent, #e6c656);
7113
7113
  }
7114
7114
  `;
7115
- var AnnotationText = styled19.span`
7115
+ var AnnotationText = styled9.span`
7116
7116
  flex: 1;
7117
7117
  line-height: 1.4;
7118
7118
  `;
7119
- var AnnotationLabel = styled19.span`
7119
+ var AnnotationLabel = styled9.span`
7120
7120
  color: var(--color-text, #eaecef);
7121
7121
  font-weight: 500;
7122
7122
  margin-right: 0.25rem;
7123
7123
  `;
7124
- var EmailFormContainer = styled19.div`
7124
+ var EmailFormContainer = styled9.div`
7125
7125
  display: flex;
7126
7126
  flex-direction: column;
7127
7127
  gap: 1rem;
7128
7128
  margin-bottom: 1.5rem;
7129
7129
  `;
7130
- var EmailInput = styled19.input`
7130
+ var EmailInput = styled9.input`
7131
7131
  width: 100%;
7132
7132
  padding: 1rem 1.25rem;
7133
7133
  background-color: var(--color-background-light, #1a1a1a);
@@ -7146,12 +7146,12 @@ var EmailInput = styled19.input`
7146
7146
  color: var(--color-text-secondary, #848e9c);
7147
7147
  }
7148
7148
  `;
7149
- var OTPContainer = styled19.div`
7149
+ var OTPContainer = styled9.div`
7150
7150
  display: flex;
7151
7151
  gap: 0.5rem;
7152
7152
  justify-content: center;
7153
7153
  `;
7154
- var OTPInput = styled19.input`
7154
+ var OTPInput = styled9.input`
7155
7155
  width: 48px;
7156
7156
  height: 56px;
7157
7157
  text-align: center;
@@ -7169,7 +7169,7 @@ var OTPInput = styled19.input`
7169
7169
  box-shadow: 0 0 0 2px rgba(230, 198, 86, 0.2);
7170
7170
  }
7171
7171
  `;
7172
- var SubmitButton = styled19.button`
7172
+ var SubmitButton = styled9.button`
7173
7173
  width: 100%;
7174
7174
  padding: 0.85rem;
7175
7175
  background-color: var(--color-accent, #e6c656);
@@ -7192,7 +7192,7 @@ var SubmitButton = styled19.button`
7192
7192
  cursor: not-allowed;
7193
7193
  }
7194
7194
  `;
7195
- var BackButton = styled19.button`
7195
+ var BackButton = styled9.button`
7196
7196
  background: none;
7197
7197
  border: none;
7198
7198
  color: var(--color-text-secondary, #848e9c);
@@ -7207,13 +7207,13 @@ var BackButton = styled19.button`
7207
7207
  color: var(--color-accent, #e6c656);
7208
7208
  }
7209
7209
  `;
7210
- var StatusMessage = styled19.p`
7210
+ var StatusMessage = styled9.p`
7211
7211
  color: ${(props) => props.$error ? "#f6465d" : "#0ecb81"};
7212
7212
  font-size: 0.875rem;
7213
7213
  text-align: center;
7214
7214
  margin-top: 0.5rem;
7215
7215
  `;
7216
- var OnboardingStepContainer = styled19.div`
7216
+ var OnboardingStepContainer = styled9.div`
7217
7217
  display: flex;
7218
7218
  flex-direction: column;
7219
7219
  align-items: center;
@@ -7221,25 +7221,25 @@ var OnboardingStepContainer = styled19.div`
7221
7221
  padding: 0.25rem 0;
7222
7222
  gap: 0.5rem;
7223
7223
  `;
7224
- var OnboardingHeading = styled19.h2`
7224
+ var OnboardingHeading = styled9.h2`
7225
7225
  font-size: 1.2rem;
7226
7226
  font-weight: 600;
7227
7227
  color: var(--color-text, #eaecef);
7228
7228
  margin: 0;
7229
7229
  `;
7230
- var OnboardingSubtext = styled19.p`
7230
+ var OnboardingSubtext = styled9.p`
7231
7231
  font-size: 0.95rem;
7232
7232
  color: var(--color-text-secondary, #848e9c);
7233
7233
  line-height: 1.6;
7234
7234
  margin-bottom: 2rem;
7235
7235
  `;
7236
- var OnboardingButtonGroup = styled19.div`
7236
+ var OnboardingButtonGroup = styled9.div`
7237
7237
  display: flex;
7238
7238
  flex-direction: column;
7239
7239
  gap: 0.75rem;
7240
7240
  width: 100%;
7241
7241
  `;
7242
- var OnboardingSkipButton = styled19.button`
7242
+ var OnboardingSkipButton = styled9.button`
7243
7243
  width: 100%;
7244
7244
  padding: 0.75rem 0.9rem;
7245
7245
  background-color: rgba(255, 255, 255, 0.05);
@@ -7256,7 +7256,7 @@ var OnboardingSkipButton = styled19.button`
7256
7256
  color: var(--color-text, #eaecef);
7257
7257
  }
7258
7258
  `;
7259
- var ModalOptionCard = styled19.button`
7259
+ var ModalOptionCard = styled9.button`
7260
7260
  display: flex;
7261
7261
  align-items: center;
7262
7262
  gap: 1rem;
@@ -7279,7 +7279,7 @@ var ModalOptionCard = styled19.button`
7279
7279
  cursor: not-allowed;
7280
7280
  }
7281
7281
  `;
7282
- var FundingPopupContainer = styled19.div`
7282
+ var FundingPopupContainer = styled9.div`
7283
7283
  background-color: var(--color-background, #0a0a0a);
7284
7284
  border: 1px solid rgba(230, 198, 86, 0.3);
7285
7285
  border-radius: var(--border-radius, 12px);
@@ -7307,7 +7307,7 @@ var FundingPopupContainer = styled19.div`
7307
7307
  max-width: 95%;
7308
7308
  }
7309
7309
  `;
7310
- var TransakWidgetContainer = styled19.div`
7310
+ var TransakWidgetContainer = styled9.div`
7311
7311
  width: 100%;
7312
7312
  height: 700px;
7313
7313
  display: flex;
@@ -7319,7 +7319,7 @@ var TransakWidgetContainer = styled19.div`
7319
7319
  height: 600px;
7320
7320
  }
7321
7321
  `;
7322
- var TransakIframe = styled19.iframe`
7322
+ var TransakIframe = styled9.iframe`
7323
7323
  width: 100%;
7324
7324
  height: 100%;
7325
7325
  border: none;
@@ -7656,7 +7656,7 @@ var PropertyCompareBar = React5.forwardRef(
7656
7656
  }
7657
7657
  );
7658
7658
  PropertyCompareBar.displayName = "PropertyCompareBar";
7659
- var PropertySelectorContainer = styled19.div`
7659
+ var PropertySelectorContainer = styled9.div`
7660
7660
  display: flex;
7661
7661
  align-items: center;
7662
7662
  justify-content: space-between;
@@ -7710,7 +7710,7 @@ var PropertySelectorContainer = styled19.div`
7710
7710
  `};
7711
7711
  }
7712
7712
  `;
7713
- var PropertySelector = styled19.div`
7713
+ var PropertySelector = styled9.div`
7714
7714
  position: relative;
7715
7715
  display: flex;
7716
7716
  align-items: center;
@@ -7724,7 +7724,7 @@ var PropertySelector = styled19.div`
7724
7724
  }
7725
7725
  }
7726
7726
  `;
7727
- var PropertyAddress = styled19.div`
7727
+ var PropertyAddress = styled9.div`
7728
7728
  font-size: 1.125rem;
7729
7729
  font-weight: 600;
7730
7730
  display: flex;
@@ -7745,7 +7745,7 @@ var PropertyAddress = styled19.div`
7745
7745
  white-space: normal;
7746
7746
  }
7747
7747
  `;
7748
- var PropertySelectorDropdown = styled19.div`
7748
+ var PropertySelectorDropdown = styled9.div`
7749
7749
  position: absolute;
7750
7750
  top: calc(100% + 12px);
7751
7751
  left: 0;
@@ -7765,7 +7765,7 @@ var PropertySelectorDropdown = styled19.div`
7765
7765
  to { opacity: 1; transform: translateY(0); }
7766
7766
  }
7767
7767
  `;
7768
- var PropertySelectorOption = styled19.div`
7768
+ var PropertySelectorOption = styled9.div`
7769
7769
  padding: 1.25rem 1.5rem;
7770
7770
  transition: all 0.2s ease;
7771
7771
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
@@ -7791,13 +7791,13 @@ var PropertySelectorOption = styled19.div`
7791
7791
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0%, transparent 100%);
7792
7792
  }
7793
7793
  `;
7794
- var PropertySelectorName = styled19.div`
7794
+ var PropertySelectorName = styled9.div`
7795
7795
  font-weight: 600;
7796
7796
  font-size: 1rem;
7797
7797
  color: #ffffff;
7798
7798
  margin-bottom: 0.15rem;
7799
7799
  `;
7800
- var PropertySelectorSubtitle = styled19.div`
7800
+ var PropertySelectorSubtitle = styled9.div`
7801
7801
  font-size: 0.875rem;
7802
7802
  color: rgba(255, 255, 255, 0.5);
7803
7803
  span {
@@ -7806,7 +7806,7 @@ var PropertySelectorSubtitle = styled19.div`
7806
7806
  font-size: 0.75rem;
7807
7807
  }
7808
7808
  `;
7809
- var PropertyValueBlock = styled19.div`
7809
+ var PropertyValueBlock = styled9.div`
7810
7810
  display: flex;
7811
7811
  align-items: center;
7812
7812
  gap: 0.5rem;
@@ -7874,7 +7874,7 @@ var PropertyValueBlock = styled19.div`
7874
7874
  white-space: normal;
7875
7875
  }
7876
7876
  `;
7877
- var PropertyValueLabel = styled19.span`
7877
+ var PropertyValueLabel = styled9.span`
7878
7878
  font-size: 0.7rem;
7879
7879
  color: var(--color-text-secondary, rgba(255, 255, 255, 0.6));
7880
7880
  text-transform: uppercase;
@@ -7885,7 +7885,7 @@ var PropertyValueLabel = styled19.span`
7885
7885
  letter-spacing: 0.4px;
7886
7886
  }
7887
7887
  `;
7888
- var PropertyValueAmount = styled19.span`
7888
+ var PropertyValueAmount = styled9.span`
7889
7889
  font-size: 1.1rem;
7890
7890
  font-weight: 600;
7891
7891
  color: #fff;
@@ -7894,7 +7894,7 @@ var PropertyValueAmount = styled19.span`
7894
7894
  font-size: 0.95rem;
7895
7895
  }
7896
7896
  `;
7897
- var PropertyValueChange = styled19.span`
7897
+ var PropertyValueChange = styled9.span`
7898
7898
  font-size: 0.75rem;
7899
7899
  font-weight: 500;
7900
7900
  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)"};
@@ -7903,7 +7903,7 @@ var PropertyValueChange = styled19.span`
7903
7903
  font-size: 0.65rem;
7904
7904
  }
7905
7905
  `;
7906
- var PriceBlock = styled19.div`
7906
+ var PriceBlock = styled9.div`
7907
7907
  display: none;
7908
7908
 
7909
7909
  ${({ $variant }) => $variant === "pill" && css`
@@ -7918,13 +7918,13 @@ var PriceBlock = styled19.div`
7918
7918
  }
7919
7919
  `}
7920
7920
  `;
7921
- var PriceAmount = styled19.span`
7921
+ var PriceAmount = styled9.span`
7922
7922
  font-size: 1.6rem;
7923
7923
  font-weight: 600;
7924
7924
  color: #fff;
7925
7925
  letter-spacing: 0.2px;
7926
7926
  `;
7927
- var PriceChange = styled19.span`
7927
+ var PriceChange = styled9.span`
7928
7928
  font-size: 0.85rem;
7929
7929
  font-weight: 500;
7930
7930
  display: inline-flex;
@@ -8059,7 +8059,7 @@ function GalleryMapSection({
8059
8059
  ] })
8060
8060
  ] });
8061
8061
  }
8062
- var Row = styled19.div`
8062
+ var Row = styled9.div`
8063
8063
  display: grid;
8064
8064
  grid-template-columns: 2fr 1fr;
8065
8065
  gap: 1.5rem;
@@ -8070,14 +8070,14 @@ var Row = styled19.div`
8070
8070
  width: 100%;
8071
8071
  @media (max-width: 1024px) { grid-template-columns: 1fr; }
8072
8072
  `;
8073
- var PanelBase = styled19.div`
8073
+ var PanelBase = styled9.div`
8074
8074
  background: var(--color-card-darker, #111);
8075
8075
  border-radius: 8px;
8076
8076
  padding: 1rem;
8077
8077
  display: flex;
8078
8078
  flex-direction: column;
8079
8079
  `;
8080
- var PanelHeader = styled19.div`
8080
+ var PanelHeader = styled9.div`
8081
8081
  display: flex;
8082
8082
  justify-content: space-between;
8083
8083
  align-items: center;
@@ -8092,31 +8092,31 @@ var PanelHeader = styled19.div`
8092
8092
  }
8093
8093
  span { font-size: 0.75rem; color: var(--color-text-secondary); }
8094
8094
  `;
8095
- var GalleryPanel = styled19(PanelBase)`
8095
+ var GalleryPanel = styled9(PanelBase)`
8096
8096
  min-width: 0; overflow: hidden;
8097
8097
  `;
8098
- var Carousel = styled19.div`
8098
+ var Carousel = styled9.div`
8099
8099
  position: relative; width: 100%; overflow: hidden; border-radius: 8px;
8100
8100
  `;
8101
- var VideoOverlay = styled19.div`
8101
+ var VideoOverlay = styled9.div`
8102
8102
  position: absolute; inset: 0; z-index: 3; background: #000; border-radius: 8px;
8103
8103
  display: flex; align-items: center; justify-content: center;
8104
8104
  `;
8105
- var Track = styled19.div`
8105
+ var Track = styled9.div`
8106
8106
  display: flex; transition: transform 0.4s ease;
8107
8107
  `;
8108
- var Slide = styled19.div`
8108
+ var Slide = styled9.div`
8109
8109
  min-width: 100%; position: relative; cursor: pointer;
8110
8110
  img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 8px; }
8111
8111
  `;
8112
- var SlideCaption = styled19.div`
8112
+ var SlideCaption = styled9.div`
8113
8113
  position: absolute; bottom: 0; left: 0; right: 0; padding: 1rem;
8114
8114
  background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
8115
8115
  border-radius: 0 0 8px 8px;
8116
8116
  h4 { margin: 0; font-size: 0.95rem; font-weight: 600; color: #fff; }
8117
8117
  p { margin: 0.25rem 0 0; font-size: 0.75rem; color: rgba(255,255,255,0.7); }
8118
8118
  `;
8119
- var CarouselButton = styled19.button`
8119
+ var CarouselButton = styled9.button`
8120
8120
  position: absolute; top: 50%; transform: translateY(-50%);
8121
8121
  background: rgba(0,0,0,0.8); border: 2px solid rgba(255,255,255,0.3);
8122
8122
  color: white; width: 56px; height: 56px; border-radius: 50%;
@@ -8127,30 +8127,30 @@ var CarouselButton = styled19.button`
8127
8127
  svg { width: 28px; height: 28px; stroke: #fff; }
8128
8128
  @media (max-width: 768px) { width: 36px; height: 36px; svg { width: 18px; height: 18px; } }
8129
8129
  `;
8130
- var ThumbStrip = styled19.div`
8130
+ var ThumbStrip = styled9.div`
8131
8131
  display: flex; align-items: center; gap: 0; margin-top: 1rem;
8132
8132
  `;
8133
- var ThumbScroll = styled19.div`
8133
+ var ThumbScroll = styled9.div`
8134
8134
  display: flex; gap: 0.5rem; overflow-x: auto; flex: 1; min-width: 0;
8135
8135
  padding-bottom: 0.5rem;
8136
8136
  scrollbar-width: none;
8137
8137
  &::-webkit-scrollbar { display: none; }
8138
8138
  `;
8139
- var Thumbnail2 = styled19.div`
8139
+ var Thumbnail2 = styled9.div`
8140
8140
  min-width: 60px; height: 45px; border-radius: 4px; overflow: hidden;
8141
8141
  cursor: pointer; border: 2px solid transparent; opacity: 0.6;
8142
8142
  transition: all 0.2s ease; flex-shrink: 0;
8143
8143
  &[data-active='true'] { border-color: #D4AF37; opacity: 1; }
8144
8144
  img { width: 100%; height: 100%; object-fit: cover; }
8145
8145
  `;
8146
- var ThumbDivider = styled19.div`
8146
+ var ThumbDivider = styled9.div`
8147
8147
  width: 1px; height: 36px; background: rgba(255,255,255,0.15);
8148
8148
  margin: 0 0.5rem; flex-shrink: 0; align-self: center;
8149
8149
  `;
8150
- var FixedButtons = styled19.div`
8150
+ var FixedButtons = styled9.div`
8151
8151
  display: flex; gap: 0.4rem; flex-shrink: 0; align-self: center;
8152
8152
  `;
8153
- var FixedBtn = styled19.button`
8153
+ var FixedBtn = styled9.button`
8154
8154
  height: 45px; padding: 0 0.75rem; border-radius: 4px;
8155
8155
  display: flex; align-items: center; justify-content: center; gap: 0.4rem;
8156
8156
  cursor: pointer; transition: all 0.2s ease;
@@ -8159,7 +8159,7 @@ var FixedBtn = styled19.button`
8159
8159
  color: ${(p) => p.$active ? "#D4AF37" : "rgba(255,255,255,0.7)"};
8160
8160
  font-size: 0.75rem; font-weight: 500; letter-spacing: 0.02em; white-space: nowrap;
8161
8161
  `;
8162
- var CategoryRow = styled19.div`
8162
+ var CategoryRow = styled9.div`
8163
8163
  display: flex; justify-content: center; gap: 0.5rem; margin-top: 0.75rem;
8164
8164
  overflow-x: auto; -webkit-overflow-scrolling: touch;
8165
8165
  scrollbar-width: none; &::-webkit-scrollbar { display: none; }
@@ -8171,14 +8171,14 @@ var CategoryRow = styled19.div`
8171
8171
  }
8172
8172
  button[data-active='true'] { background: rgba(212,175,55,0.2); border-color: #D4AF37; color: #D4AF37; }
8173
8173
  `;
8174
- var MapPanel = styled19(PanelBase)`
8174
+ var MapPanel = styled9(PanelBase)`
8175
8175
  min-height: 500px; padding: 1.5rem;
8176
8176
  min-width: 0; overflow: hidden;
8177
8177
  `;
8178
- var MapFrame = styled19.div`
8178
+ var MapFrame = styled9.div`
8179
8179
  flex: 1; border-radius: 6px; overflow: hidden; min-height: 500px; position: relative;
8180
8180
  `;
8181
- var IframeShield = styled19.div`
8181
+ var IframeShield = styled9.div`
8182
8182
  position: absolute; inset: 0; z-index: 1; cursor: pointer;
8183
8183
  `;
8184
8184
  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: [
@@ -8271,6 +8271,35 @@ function truncateAddress(addr) {
8271
8271
  if (addr.length <= 12) return addr;
8272
8272
  return `${addr.slice(0, 6)}...${addr.slice(-4)}`;
8273
8273
  }
8274
+ function generateMockDividendHistory(annualRent, totalTokens, tokenPrice) {
8275
+ if (annualRent <= 0 || !totalTokens || !tokenPrice) return [];
8276
+ const monthlyDiv = annualRent / 12 / totalTokens;
8277
+ const records = [];
8278
+ const now = /* @__PURE__ */ new Date();
8279
+ for (let i = 11; i >= 0; i--) {
8280
+ const d = new Date(now.getFullYear(), now.getMonth() - i, 1);
8281
+ const priceAtTime = tokenPrice * (0.85 + Math.random() * 0.3);
8282
+ records.push({
8283
+ exDate: d.toLocaleDateString("en-AU", { day: "2-digit", month: "short", year: "numeric" }),
8284
+ payDate: new Date(d.getFullYear(), d.getMonth(), 15).toLocaleDateString("en-AU", { day: "2-digit", month: "short", year: "numeric" }),
8285
+ perShare: monthlyDiv,
8286
+ yieldPct: monthlyDiv * 12 / priceAtTime * 100
8287
+ });
8288
+ }
8289
+ return records;
8290
+ }
8291
+ function generateMockPriceHistory() {
8292
+ const points = [];
8293
+ const now = Date.now();
8294
+ let price = 210;
8295
+ for (let i = 365; i >= 0; i--) {
8296
+ const t = now - i * 864e5;
8297
+ price += (Math.random() - 0.47) * 1.2;
8298
+ price = Math.max(180, price);
8299
+ points.push({ time: t, price: Math.round(price * 100) / 100 });
8300
+ }
8301
+ return points;
8302
+ }
8274
8303
  function PropertyOverview({
8275
8304
  propertyName,
8276
8305
  location,
@@ -8303,6 +8332,7 @@ function PropertyOverview({
8303
8332
  holderCount
8304
8333
  }) {
8305
8334
  const [isDescExpanded, setDescExpanded] = useState(false);
8335
+ const [showDividendHistory, setShowDividendHistory] = useState(false);
8306
8336
  const description = descriptionProp ?? overviewData?.description ?? DEFAULT_DESCRIPTION;
8307
8337
  const landSize = landProp ?? overviewData?.landSizeSqm ?? null;
8308
8338
  const buildingSize = buildingProp ?? overviewData?.buildingSizeSqm ?? null;
@@ -8367,11 +8397,13 @@ function PropertyOverview({
8367
8397
  { label: "Open Orders", value: isLoading && openOrdersValue == null ? loadingSkeleton : openOrdersValue != null && openOrdersValue > 0 ? `$${Math.round(openOrdersValue).toLocaleString()}` : "\u2014" },
8368
8398
  { label: "Holders", value: isLoading && holderCount == null ? loadingSkeleton : holderCount != null ? holderCount.toLocaleString() : "\u2014" }
8369
8399
  ];
8400
+ const cashFlowPerShare = annualRent > 0 && resolvedTokensIssued ? annualRent / resolvedTokensIssued : null;
8370
8401
  const propertyStats = [
8371
- { label: "Offering Valuation", value: isLoading && resolvedValuation == null ? loadingSkeleton : resolvedValuation ? resolvedValuation >= 1e6 ? `$${(resolvedValuation / 1e6).toFixed(2)}M` : `$${resolvedValuation.toLocaleString()}` : "\u2014" },
8372
- { label: "Current Dividend Yield", value: isLoading && currentDividendYield == null ? loadingSkeleton : currentDividendYield ? `${currentDividendYield}%` : "\u2014" },
8373
- { label: "Annual Rent", value: isLoading && !overviewData ? loadingSkeleton : annualRent > 0 ? `$${annualRent.toLocaleString()}/yr` : "\u2014" },
8374
- { label: "Year Built", value: isLoading && !overviewData ? loadingSkeleton : overviewData?.yearBuilt ? String(overviewData.yearBuilt) : "\u2014" }
8402
+ { label: "Last Valuation", value: isLoading && resolvedValuation == null ? loadingSkeleton : resolvedValuation ? resolvedValuation >= 1e6 ? `$${(resolvedValuation / 1e6).toFixed(2)}M` : `$${resolvedValuation.toLocaleString()}` : "\u2014" },
8403
+ { label: "Number of Offers", value: "\u2014" },
8404
+ { label: "Growth (Past 5 Years)", value: "\u2014" },
8405
+ { label: "Security Interest in Asset", value: "Yes, secured to Land Registry" },
8406
+ { label: "Cash Flow Per Share", value: isLoading && cashFlowPerShare == null ? loadingSkeleton : cashFlowPerShare != null ? `$${cashFlowPerShare.toFixed(4)}/yr` : "\u2014" }
8375
8407
  ];
8376
8408
  return /* @__PURE__ */ jsxs(Wrapper, { children: [
8377
8409
  /* @__PURE__ */ jsxs(Section, { children: [
@@ -8434,10 +8466,21 @@ function PropertyOverview({
8434
8466
  propertyStats.map((item) => /* @__PURE__ */ jsxs(StatRow, { children: [
8435
8467
  /* @__PURE__ */ jsx(StatLabel, { children: item.label }),
8436
8468
  /* @__PURE__ */ jsx(StatValue, { children: item.value })
8437
- ] }, item.label))
8469
+ ] }, item.label)),
8470
+ /* @__PURE__ */ jsx(DividendHistoryBtn, { onClick: () => setShowDividendHistory(true), children: "See Dividend History \u2192" })
8438
8471
  ] })
8439
8472
  ] })
8440
8473
  ] }),
8474
+ showDividendHistory && /* @__PURE__ */ jsx(
8475
+ DividendHistoryPopup,
8476
+ {
8477
+ annualRent,
8478
+ totalTokens: resolvedTokensIssued,
8479
+ tokenPrice: tokenPriceValue,
8480
+ ticker,
8481
+ onClose: () => setShowDividendHistory(false)
8482
+ }
8483
+ ),
8441
8484
  galleryImages.length > 0 && /* @__PURE__ */ jsx(
8442
8485
  GalleryMapSection,
8443
8486
  {
@@ -8525,58 +8568,171 @@ function PropertyOverview({
8525
8568
  ] })
8526
8569
  ] });
8527
8570
  }
8528
- var Wrapper = styled19.div`
8571
+ function DividendHistoryPopup({
8572
+ annualRent,
8573
+ totalTokens,
8574
+ tokenPrice,
8575
+ ticker,
8576
+ onClose
8577
+ }) {
8578
+ const records = generateMockDividendHistory(annualRent, totalTokens ?? 0, tokenPrice ?? 0);
8579
+ const priceHistory = generateMockPriceHistory();
8580
+ useEffect(() => {
8581
+ const handleEsc = (e) => {
8582
+ if (e.key === "Escape") onClose();
8583
+ };
8584
+ window.addEventListener("keydown", handleEsc);
8585
+ return () => window.removeEventListener("keydown", handleEsc);
8586
+ }, [onClose]);
8587
+ const dividendDates = records.map((r) => {
8588
+ const parts = r.exDate.split(" ");
8589
+ const months = { Jan: 0, Feb: 1, Mar: 2, Apr: 3, May: 4, Jun: 5, Jul: 6, Aug: 7, Sep: 8, Oct: 9, Nov: 10, Dec: 11 };
8590
+ return new Date(parseInt(parts[2]), months[parts[1]] ?? 0, parseInt(parts[0])).getTime();
8591
+ });
8592
+ const chartW = 680;
8593
+ const chartH = 220;
8594
+ const pad = { top: 20, right: 40, bottom: 30, left: 50 };
8595
+ const w = chartW - pad.left - pad.right;
8596
+ const h = chartH - pad.top - pad.bottom;
8597
+ const minTime = priceHistory[0]?.time ?? 0;
8598
+ const maxTime = priceHistory[priceHistory.length - 1]?.time ?? 1;
8599
+ const prices = priceHistory.map((p) => p.price);
8600
+ const minP = Math.floor(Math.min(...prices) - 5);
8601
+ const maxP = Math.ceil(Math.max(...prices) + 5);
8602
+ const toX = (t) => pad.left + (t - minTime) / (maxTime - minTime) * w;
8603
+ const toY = (p) => pad.top + (1 - (p - minP) / (maxP - minP)) * h;
8604
+ const linePath = priceHistory.map((p, i) => `${i === 0 ? "M" : "L"}${toX(p.time).toFixed(1)},${toY(p.price).toFixed(1)}`).join(" ");
8605
+ const areaPath = `${linePath} L${toX(priceHistory[priceHistory.length - 1].time).toFixed(1)},${(pad.top + h).toFixed(1)} L${toX(priceHistory[0].time).toFixed(1)},${(pad.top + h).toFixed(1)} Z`;
8606
+ const yTicks = Array.from({ length: 5 }, (_, i) => minP + (maxP - minP) / 4 * i);
8607
+ const monthLabels = [];
8608
+ const seen = /* @__PURE__ */ new Set();
8609
+ for (const p of priceHistory) {
8610
+ const d = new Date(p.time);
8611
+ const key = `${d.getFullYear()}-${d.getMonth()}`;
8612
+ if (!seen.has(key)) {
8613
+ seen.add(key);
8614
+ monthLabels.push({ time: p.time, label: d.toLocaleDateString("en-AU", { month: "short" }) });
8615
+ }
8616
+ }
8617
+ const divMarkers = dividendDates.filter((t) => t >= minTime && t <= maxTime).map((t) => {
8618
+ const closest = priceHistory.reduce((best, p) => Math.abs(p.time - t) < Math.abs(best.time - t) ? p : best);
8619
+ return { x: toX(t), y: toY(closest.price), price: closest.price };
8620
+ });
8621
+ return /* @__PURE__ */ jsx(DivPopupOverlay, { onClick: onClose, children: /* @__PURE__ */ jsxs(DivPopupPanel, { onClick: (e) => e.stopPropagation(), children: [
8622
+ /* @__PURE__ */ jsxs(DivPopupHeader, { children: [
8623
+ /* @__PURE__ */ jsxs(DivPopupTitle, { children: [
8624
+ "Dividend History",
8625
+ ticker ? ` \u2014 ${ticker}` : ""
8626
+ ] }),
8627
+ /* @__PURE__ */ jsx(DivPopupClose, { onClick: onClose, "aria-label": "Close dividend history", children: "\u2715" })
8628
+ ] }),
8629
+ /* @__PURE__ */ jsxs(DivChartWrap, { children: [
8630
+ /* @__PURE__ */ jsxs("svg", { width: "100%", viewBox: `0 0 ${chartW} ${chartH}`, preserveAspectRatio: "xMidYMid meet", children: [
8631
+ yTicks.map((v) => /* @__PURE__ */ jsxs("g", { children: [
8632
+ /* @__PURE__ */ jsx("line", { x1: pad.left, x2: chartW - pad.right, y1: toY(v), y2: toY(v), stroke: "rgba(255,255,255,0.06)" }),
8633
+ /* @__PURE__ */ jsxs("text", { x: pad.left - 6, y: toY(v) + 3, fill: "rgba(255,255,255,0.3)", fontSize: "9", textAnchor: "end", children: [
8634
+ "$",
8635
+ v.toFixed(0)
8636
+ ] })
8637
+ ] }, v)),
8638
+ monthLabels.map((m) => /* @__PURE__ */ jsx("text", { x: toX(m.time), y: chartH - 6, fill: "rgba(255,255,255,0.3)", fontSize: "9", textAnchor: "middle", children: m.label }, m.time)),
8639
+ /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: "divAreaGrad", x1: "0", y1: "0", x2: "0", y2: "1", children: [
8640
+ /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "rgba(230,200,126,0.2)" }),
8641
+ /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "rgba(230,200,126,0)" })
8642
+ ] }) }),
8643
+ /* @__PURE__ */ jsx("path", { d: areaPath, fill: "url(#divAreaGrad)" }),
8644
+ /* @__PURE__ */ jsx("path", { d: linePath, fill: "none", stroke: "#e6c87e", strokeWidth: "1.5" }),
8645
+ divMarkers.map((m, i) => /* @__PURE__ */ jsxs("g", { children: [
8646
+ /* @__PURE__ */ jsx("line", { x1: m.x, x2: m.x, y1: m.y, y2: pad.top + h, stroke: "rgba(14,203,129,0.25)", strokeWidth: "1", strokeDasharray: "3,3" }),
8647
+ /* @__PURE__ */ jsx("circle", { cx: m.x, cy: m.y, r: "4", fill: "#111", stroke: "#0ecb81", strokeWidth: "1.5" }),
8648
+ /* @__PURE__ */ jsx("text", { x: m.x, y: m.y - 8, fill: "#0ecb81", fontSize: "8", fontWeight: "600", textAnchor: "middle", children: "$" })
8649
+ ] }, i))
8650
+ ] }),
8651
+ /* @__PURE__ */ jsxs(DivChartLegend, { children: [
8652
+ /* @__PURE__ */ jsxs(DivChartLegendItem, { children: [
8653
+ /* @__PURE__ */ jsx(DivChartLegendDot, { $color: "#e6c87e" }),
8654
+ " Token Price"
8655
+ ] }),
8656
+ /* @__PURE__ */ jsxs(DivChartLegendItem, { children: [
8657
+ /* @__PURE__ */ jsx(DivChartLegendDot, { $color: "#0ecb81" }),
8658
+ " Ex-Dividend Date"
8659
+ ] })
8660
+ ] })
8661
+ ] }),
8662
+ /* @__PURE__ */ jsx(DivTableWrap, { children: /* @__PURE__ */ jsxs(DivTable, { children: [
8663
+ /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs(DivTableHeaderRow, { children: [
8664
+ /* @__PURE__ */ jsx(DivTableTH, { children: "Ex-Dividend Date" }),
8665
+ /* @__PURE__ */ jsx(DivTableTH, { children: "Pay Date" }),
8666
+ /* @__PURE__ */ jsx(DivTableTH, { style: { textAlign: "right" }, children: "Dividend/Share" }),
8667
+ /* @__PURE__ */ jsx(DivTableTH, { style: { textAlign: "right" }, children: "Annualised Yield" })
8668
+ ] }) }),
8669
+ /* @__PURE__ */ jsx("tbody", { children: records.map((r, i) => /* @__PURE__ */ jsxs(DivTableRow, { children: [
8670
+ /* @__PURE__ */ jsx(DivTableTD, { children: r.exDate }),
8671
+ /* @__PURE__ */ jsx(DivTableTD, { children: r.payDate }),
8672
+ /* @__PURE__ */ jsxs(DivTableTD, { style: { textAlign: "right", fontVariantNumeric: "tabular-nums" }, children: [
8673
+ "$",
8674
+ r.perShare.toFixed(4)
8675
+ ] }),
8676
+ /* @__PURE__ */ jsxs(DivTableTD, { style: { textAlign: "right", fontVariantNumeric: "tabular-nums" }, children: [
8677
+ r.yieldPct.toFixed(2),
8678
+ "%"
8679
+ ] })
8680
+ ] }, i)) })
8681
+ ] }) })
8682
+ ] }) });
8683
+ }
8684
+ var Wrapper = styled9.div`
8529
8685
  display: flex;
8530
8686
  flex-direction: column;
8531
8687
  gap: 1.5rem;
8532
8688
  `;
8533
- var Section = styled19.div`
8689
+ var Section = styled9.div`
8534
8690
  background: #111;
8535
8691
  border-radius: 12px;
8536
8692
  padding: 1.75rem;
8537
8693
  `;
8538
- var SectionHeader = styled19.h2`
8694
+ var SectionHeader = styled9.h2`
8539
8695
  font-size: 1.2rem;
8540
8696
  font-weight: 600;
8541
8697
  color: #fff;
8542
8698
  margin: 0 0 1.25rem 0;
8543
8699
  letter-spacing: -0.01em;
8544
8700
  `;
8545
- var AboutGrid = styled19.div`
8701
+ var AboutGrid = styled9.div`
8546
8702
  display: grid;
8547
8703
  grid-template-columns: 1fr 340px;
8548
8704
  gap: 2rem;
8549
8705
  @media (max-width: 900px) { grid-template-columns: 1fr; }
8550
8706
  `;
8551
- var AboutLeft = styled19.div`
8707
+ var AboutLeft = styled9.div`
8552
8708
  min-width: 0;
8553
8709
  `;
8554
- var DescriptionWrap = styled19.div`
8710
+ var DescriptionWrap = styled9.div`
8555
8711
  position: relative;
8556
8712
  max-height: ${(p) => p.$expanded ? "2000px" : "150px"};
8557
8713
  overflow: hidden;
8558
8714
  transition: max-height 0.3s ease;
8559
8715
  `;
8560
- var DescParagraph = styled19.p`
8716
+ var DescParagraph = styled9.p`
8561
8717
  color: rgba(255,255,255,0.65);
8562
8718
  line-height: 1.7;
8563
8719
  font-size: 0.92rem;
8564
8720
  margin: 0;
8565
8721
  margin-top: ${(p) => p.$first ? 0 : "0.85rem"};
8566
8722
  `;
8567
- var DescFade = styled19.div`
8723
+ var DescFade = styled9.div`
8568
8724
  position: absolute;
8569
8725
  bottom: 0; left: 0; right: 0;
8570
8726
  height: 60px;
8571
8727
  background: linear-gradient(to bottom, rgba(17,17,17,0), #111);
8572
8728
  pointer-events: none;
8573
8729
  `;
8574
- var ButtonRow = styled19.div`
8730
+ var ButtonRow = styled9.div`
8575
8731
  margin-top: 1.25rem;
8576
8732
  display: flex;
8577
8733
  gap: 0.75rem;
8578
8734
  `;
8579
- var OutlineBtn = styled19.button`
8735
+ var OutlineBtn = styled9.button`
8580
8736
  padding: 0.5rem 1.25rem;
8581
8737
  border-radius: 8px;
8582
8738
  border: 1px solid rgba(255,255,255,0.2);
@@ -8588,7 +8744,7 @@ var OutlineBtn = styled19.button`
8588
8744
  transition: border-color 0.15s;
8589
8745
  &:hover { border-color: rgba(255,255,255,0.4); }
8590
8746
  `;
8591
- var PrimaryBtn = styled19.button`
8747
+ var PrimaryBtn = styled9.button`
8592
8748
  padding: 0.5rem 1.5rem;
8593
8749
  border-radius: 8px;
8594
8750
  border: none;
@@ -8600,13 +8756,13 @@ var PrimaryBtn = styled19.button`
8600
8756
  transition: background 0.15s;
8601
8757
  &:hover { background: #d4b86a; }
8602
8758
  `;
8603
- var TokenDetailsCard = styled19.div`
8759
+ var TokenDetailsCard = styled9.div`
8604
8760
  background: rgba(255,255,255,0.025);
8605
8761
  border: 1px solid rgba(255,255,255,0.06);
8606
8762
  border-radius: 10px;
8607
8763
  padding: 1.25rem;
8608
8764
  `;
8609
- var TokenDetailsTitle = styled19.div`
8765
+ var TokenDetailsTitle = styled9.div`
8610
8766
  font-size: 0.65rem;
8611
8767
  color: #D4AF37;
8612
8768
  text-transform: uppercase;
@@ -8616,7 +8772,7 @@ var TokenDetailsTitle = styled19.div`
8616
8772
  padding-bottom: 0.75rem;
8617
8773
  border-bottom: 1px solid rgba(255,255,255,0.06);
8618
8774
  `;
8619
- var TokenDetailRow = styled19.div`
8775
+ var TokenDetailRow = styled9.div`
8620
8776
  display: flex;
8621
8777
  justify-content: space-between;
8622
8778
  align-items: center;
@@ -8625,30 +8781,30 @@ var TokenDetailRow = styled19.div`
8625
8781
  &:last-child { border-bottom: none; padding-bottom: 0; }
8626
8782
  &:first-of-type { padding-top: 0; }
8627
8783
  `;
8628
- var TokenDetailLabel = styled19.span`
8784
+ var TokenDetailLabel = styled9.span`
8629
8785
  font-size: 0.82rem;
8630
8786
  color: rgba(255,255,255,0.5);
8631
8787
  font-weight: 400;
8632
8788
  `;
8633
- var TokenDetailValue = styled19.span`
8789
+ var TokenDetailValue = styled9.span`
8634
8790
  font-size: 0.88rem;
8635
8791
  color: #fff;
8636
8792
  font-weight: 500;
8637
8793
  font-family: ${(p) => p.$mono ? "'SF Mono', 'Fira Code', monospace" : "inherit"};
8638
8794
  `;
8639
- var StatsGrid = styled19.div`
8795
+ var StatsGrid = styled9.div`
8640
8796
  display: grid;
8641
8797
  grid-template-columns: 1fr 1fr;
8642
8798
  gap: 1rem;
8643
8799
  @media (max-width: 768px) { grid-template-columns: 1fr; }
8644
8800
  `;
8645
- var StatsColumn = styled19.div`
8801
+ var StatsColumn = styled9.div`
8646
8802
  background: rgba(255,255,255,0.025);
8647
8803
  border: 1px solid rgba(255,255,255,0.06);
8648
8804
  border-radius: 10px;
8649
8805
  padding: 1.25rem;
8650
8806
  `;
8651
- var StatsColumnHeader = styled19.div`
8807
+ var StatsColumnHeader = styled9.div`
8652
8808
  font-size: 0.65rem;
8653
8809
  color: #D4AF37;
8654
8810
  text-transform: uppercase;
@@ -8658,7 +8814,7 @@ var StatsColumnHeader = styled19.div`
8658
8814
  padding-bottom: 0.75rem;
8659
8815
  border-bottom: 1px solid rgba(255,255,255,0.06);
8660
8816
  `;
8661
- var StatRow = styled19.div`
8817
+ var StatRow = styled9.div`
8662
8818
  display: flex;
8663
8819
  justify-content: space-between;
8664
8820
  align-items: center;
@@ -8666,7 +8822,7 @@ var StatRow = styled19.div`
8666
8822
  border-bottom: 1px solid rgba(255,255,255,0.04);
8667
8823
  &:last-child { border-bottom: none; padding-bottom: 0; }
8668
8824
  `;
8669
- var StatLabel = styled19.span`
8825
+ var StatLabel = styled9.span`
8670
8826
  font-size: 0.82rem;
8671
8827
  color: rgba(255,255,255,0.5);
8672
8828
  font-weight: 400;
@@ -8674,34 +8830,34 @@ var StatLabel = styled19.span`
8674
8830
  align-items: center;
8675
8831
  gap: 0.5rem;
8676
8832
  `;
8677
- styled19.span`
8833
+ styled9.span`
8678
8834
  font-size: 0.6rem;
8679
8835
  color: #4CAF50;
8680
8836
  display: inline-flex;
8681
8837
  align-items: center;
8682
8838
  gap: 3px;
8683
8839
  `;
8684
- var StatValue = styled19.span`
8840
+ var StatValue = styled9.span`
8685
8841
  font-size: 1rem;
8686
8842
  font-weight: 600;
8687
8843
  color: ${(p) => p.$gold ? "#D4AF37" : "#fff"};
8688
8844
  font-variant-numeric: tabular-nums;
8689
8845
  `;
8690
- var AssetPanelsGrid = styled19.div`
8846
+ var AssetPanelsGrid = styled9.div`
8691
8847
  display: grid;
8692
8848
  grid-template-columns: 1fr 1fr;
8693
8849
  gap: 1rem;
8694
8850
  @media (max-width: 768px) { grid-template-columns: 1fr; }
8695
8851
  `;
8696
- var MetricsPanel = styled19.div`
8852
+ var MetricsPanel = styled9.div`
8697
8853
  background: rgba(255,255,255,0.025);
8698
8854
  border-radius: 10px;
8699
8855
  border: 1px solid rgba(255,255,255,0.06);
8700
8856
  padding: 1.25rem 1.5rem;
8701
8857
  overflow: hidden;
8702
8858
  `;
8703
- var InfoPanel = styled19(MetricsPanel)``;
8704
- var MetricsPanelTitle = styled19.div`
8859
+ var InfoPanel = styled9(MetricsPanel)``;
8860
+ var MetricsPanelTitle = styled9.div`
8705
8861
  font-size: 0.65rem;
8706
8862
  color: #D4AF37;
8707
8863
  text-transform: uppercase;
@@ -8711,7 +8867,7 @@ var MetricsPanelTitle = styled19.div`
8711
8867
  padding-bottom: 0.75rem;
8712
8868
  border-bottom: 1px solid rgba(255,255,255,0.06);
8713
8869
  `;
8714
- var LandFloorCard = styled19.div`
8870
+ var LandFloorCard = styled9.div`
8715
8871
  background: linear-gradient(135deg, rgba(212,175,55,0.12), rgba(184,134,11,0.06));
8716
8872
  border-radius: 10px;
8717
8873
  padding: 0.85rem 1rem;
@@ -8720,7 +8876,7 @@ var LandFloorCard = styled19.div`
8720
8876
  gap: 1rem;
8721
8877
  margin-bottom: 0.75rem;
8722
8878
  `;
8723
- var MetricLabel = styled19.div`
8879
+ var MetricLabel = styled9.div`
8724
8880
  font-size: 0.65rem;
8725
8881
  color: #D4AF37;
8726
8882
  text-transform: uppercase;
@@ -8728,35 +8884,35 @@ var MetricLabel = styled19.div`
8728
8884
  margin-bottom: 0.4rem;
8729
8885
  font-weight: 500;
8730
8886
  `;
8731
- var MetricValueRow = styled19.div`
8887
+ var MetricValueRow = styled9.div`
8732
8888
  display: flex;
8733
8889
  align-items: baseline;
8734
8890
  gap: 0.25rem;
8735
8891
  `;
8736
- var MetricBig = styled19.span`
8892
+ var MetricBig = styled9.span`
8737
8893
  font-size: 1.5rem;
8738
8894
  font-weight: 700;
8739
8895
  color: #D4AF37;
8740
8896
  line-height: 1;
8741
8897
  `;
8742
- var MetricUnit = styled19.span`
8898
+ var MetricUnit = styled9.span`
8743
8899
  font-size: 0.7rem;
8744
8900
  color: rgba(212,175,55,0.7);
8745
8901
  font-weight: 500;
8746
8902
  `;
8747
- var FeaturesGrid = styled19.div`
8903
+ var FeaturesGrid = styled9.div`
8748
8904
  display: grid;
8749
8905
  grid-template-columns: repeat(3, 1fr);
8750
8906
  gap: 0.75rem;
8751
8907
  @media (max-width: 768px) { grid-template-columns: repeat(2, 1fr); }
8752
8908
  `;
8753
- var TradingHoursCard = styled19.div`
8909
+ var TradingHoursCard = styled9.div`
8754
8910
  background: rgba(255,255,255,0.025);
8755
8911
  border: 1px solid rgba(255,255,255,0.06);
8756
8912
  border-radius: 10px;
8757
8913
  overflow: hidden;
8758
8914
  `;
8759
- var TradingHoursRow = styled19.div`
8915
+ var TradingHoursRow = styled9.div`
8760
8916
  display: grid;
8761
8917
  grid-template-columns: 1fr 1fr 1fr;
8762
8918
  padding: 0.75rem 1.25rem;
@@ -8765,37 +8921,37 @@ var TradingHoursRow = styled19.div`
8765
8921
  border-bottom: 1px solid rgba(255,255,255,0.08);
8766
8922
  }
8767
8923
  `;
8768
- var THLabel = styled19.span`
8924
+ var THLabel = styled9.span`
8769
8925
  font-size: 0.7rem;
8770
8926
  color: rgba(255,255,255,0.4);
8771
8927
  text-transform: uppercase;
8772
8928
  letter-spacing: 0.08em;
8773
8929
  font-weight: 500;
8774
8930
  `;
8775
- var THValue = styled19.span`
8931
+ var THValue = styled9.span`
8776
8932
  font-size: 0.85rem;
8777
8933
  color: rgba(255,255,255,0.8);
8778
8934
  font-weight: 400;
8779
8935
  `;
8780
- var TradingHoursNote = styled19.div`
8936
+ var TradingHoursNote = styled9.div`
8781
8937
  padding: 0.75rem 1.25rem;
8782
8938
  font-size: 0.75rem;
8783
8939
  color: rgba(255,255,255,0.35);
8784
8940
  border-top: 1px solid rgba(255,255,255,0.04);
8785
8941
  `;
8786
- var ProtectionsGrid = styled19.div`
8942
+ var ProtectionsGrid = styled9.div`
8787
8943
  display: grid;
8788
8944
  grid-template-columns: 1fr 1fr;
8789
8945
  gap: 1rem;
8790
8946
  @media (max-width: 768px) { grid-template-columns: 1fr; }
8791
8947
  `;
8792
- var ProtectionCard = styled19.div`
8948
+ var ProtectionCard = styled9.div`
8793
8949
  background: rgba(255,255,255,0.025);
8794
8950
  border: 1px solid rgba(255,255,255,0.06);
8795
8951
  border-radius: 10px;
8796
8952
  padding: 1.25rem;
8797
8953
  `;
8798
- var ProtectionIconWrap = styled19.div`
8954
+ var ProtectionIconWrap = styled9.div`
8799
8955
  width: 36px;
8800
8956
  height: 36px;
8801
8957
  border-radius: 8px;
@@ -8805,18 +8961,18 @@ var ProtectionIconWrap = styled19.div`
8805
8961
  justify-content: center;
8806
8962
  margin-bottom: 0.75rem;
8807
8963
  `;
8808
- var ProtectionTitle = styled19.div`
8964
+ var ProtectionTitle = styled9.div`
8809
8965
  font-size: 0.92rem;
8810
8966
  font-weight: 600;
8811
8967
  color: #fff;
8812
8968
  margin-bottom: 0.4rem;
8813
8969
  `;
8814
- var ProtectionDesc = styled19.div`
8970
+ var ProtectionDesc = styled9.div`
8815
8971
  font-size: 0.8rem;
8816
8972
  color: rgba(255,255,255,0.5);
8817
8973
  line-height: 1.5;
8818
8974
  `;
8819
- var HoldRatioWrap = styled19.div`
8975
+ var HoldRatioWrap = styled9.div`
8820
8976
  display: flex;
8821
8977
  flex-direction: column;
8822
8978
  gap: 6px;
@@ -8824,19 +8980,19 @@ var HoldRatioWrap = styled19.div`
8824
8980
  margin-top: 0.5rem;
8825
8981
  border-top: 1px solid rgba(255,255,255,0.04);
8826
8982
  `;
8827
- var HoldRatioTitle = styled19.div`
8983
+ var HoldRatioTitle = styled9.div`
8828
8984
  display: flex;
8829
8985
  align-items: center;
8830
8986
  gap: 5px;
8831
8987
  `;
8832
- var HoldRatioTitleText = styled19.span`
8988
+ var HoldRatioTitleText = styled9.span`
8833
8989
  font-size: 0.65rem;
8834
8990
  font-weight: 600;
8835
8991
  text-transform: uppercase;
8836
8992
  letter-spacing: 0.06em;
8837
8993
  color: rgba(255,255,255,0.4);
8838
8994
  `;
8839
- var HoldRatioInfo = styled19.span`
8995
+ var HoldRatioInfo = styled9.span`
8840
8996
  position: relative;
8841
8997
  display: inline-flex;
8842
8998
  align-items: center;
@@ -8879,38 +9035,145 @@ var HoldRatioInfo = styled19.span`
8879
9035
  opacity: 1;
8880
9036
  }
8881
9037
  `;
8882
- var HoldRatioHeader = styled19.div`
9038
+ var HoldRatioHeader = styled9.div`
8883
9039
  display: flex;
8884
9040
  align-items: center;
8885
9041
  justify-content: space-between;
8886
9042
  `;
8887
- var HoldRatioLabel = styled19.span`
9043
+ var HoldRatioLabel = styled9.span`
8888
9044
  font-size: 0.7rem;
8889
9045
  font-weight: 600;
8890
9046
  text-transform: uppercase;
8891
9047
  letter-spacing: 0.05em;
8892
9048
  color: ${(p) => p.$side === "trade" ? "rgba(246, 70, 93, 0.6)" : "rgba(14, 203, 129, 0.6)"};
8893
9049
  `;
8894
- var HoldRatioValue = styled19.span`
9050
+ var HoldRatioValue = styled9.span`
8895
9051
  font-size: 0.75rem;
8896
9052
  font-weight: 600;
8897
9053
  font-variant-numeric: tabular-nums;
8898
9054
  color: ${(p) => p.$side === "trade" ? "rgba(246, 70, 93, 0.7)" : "rgba(14, 203, 129, 0.7)"};
8899
9055
  `;
8900
- var HoldRatioTrack = styled19.div`
9056
+ var HoldRatioTrack = styled9.div`
8901
9057
  height: 6px;
8902
9058
  border-radius: 3px;
8903
9059
  background: rgba(246, 70, 93, 0.15);
8904
9060
  overflow: hidden;
8905
9061
  position: relative;
8906
9062
  `;
8907
- var HoldRatioFill = styled19.div`
9063
+ var HoldRatioFill = styled9.div`
8908
9064
  height: 100%;
8909
9065
  width: ${(p) => p.$pct}%;
8910
9066
  border-radius: 3px;
8911
9067
  background: rgba(14, 203, 129, 0.35);
8912
9068
  transition: width 0.6s ease;
8913
9069
  `;
9070
+ var DividendHistoryBtn = styled9.button`
9071
+ margin-top: 0.75rem;
9072
+ padding: 0.5rem 0;
9073
+ background: none;
9074
+ border: none;
9075
+ color: #D4AF37;
9076
+ font-size: 0.78rem;
9077
+ font-weight: 500;
9078
+ cursor: pointer;
9079
+ text-align: left;
9080
+ transition: color 0.15s;
9081
+ &:hover { color: #e6c87e; }
9082
+ `;
9083
+ var DivPopupOverlay = styled9.div`
9084
+ position: fixed;
9085
+ inset: 0;
9086
+ background: rgba(0,0,0,0.7);
9087
+ z-index: 9999;
9088
+ display: flex;
9089
+ align-items: center;
9090
+ justify-content: center;
9091
+ backdrop-filter: blur(4px);
9092
+ `;
9093
+ var DivPopupPanel = styled9.div`
9094
+ background: #111;
9095
+ border: 1px solid rgba(255,255,255,0.08);
9096
+ border-radius: 14px;
9097
+ width: 90%;
9098
+ max-width: 760px;
9099
+ max-height: 85vh;
9100
+ overflow-y: auto;
9101
+ display: flex;
9102
+ flex-direction: column;
9103
+ `;
9104
+ var DivPopupHeader = styled9.div`
9105
+ display: flex;
9106
+ align-items: center;
9107
+ justify-content: space-between;
9108
+ padding: 1.25rem 1.5rem;
9109
+ border-bottom: 1px solid rgba(255,255,255,0.06);
9110
+ `;
9111
+ var DivPopupTitle = styled9.h3`
9112
+ margin: 0;
9113
+ font-size: 1.1rem;
9114
+ font-weight: 600;
9115
+ color: #fff;
9116
+ `;
9117
+ var DivPopupClose = styled9.button`
9118
+ background: none;
9119
+ border: none;
9120
+ color: rgba(255,255,255,0.4);
9121
+ font-size: 1.1rem;
9122
+ cursor: pointer;
9123
+ padding: 0.25rem;
9124
+ line-height: 1;
9125
+ &:hover { color: #fff; }
9126
+ `;
9127
+ var DivChartWrap = styled9.div`
9128
+ padding: 1.25rem 1.5rem 0.75rem;
9129
+ `;
9130
+ var DivChartLegend = styled9.div`
9131
+ display: flex;
9132
+ gap: 1.25rem;
9133
+ padding-top: 0.5rem;
9134
+ `;
9135
+ var DivChartLegendItem = styled9.span`
9136
+ display: flex;
9137
+ align-items: center;
9138
+ gap: 5px;
9139
+ font-size: 0.7rem;
9140
+ color: rgba(255,255,255,0.45);
9141
+ `;
9142
+ var DivChartLegendDot = styled9.span`
9143
+ width: 8px;
9144
+ height: 8px;
9145
+ border-radius: 50%;
9146
+ background: ${(p) => p.$color};
9147
+ `;
9148
+ var DivTableWrap = styled9.div`
9149
+ padding: 0 1.5rem 1.5rem;
9150
+ overflow-x: auto;
9151
+ `;
9152
+ var DivTable = styled9.table`
9153
+ width: 100%;
9154
+ border-collapse: collapse;
9155
+ `;
9156
+ var DivTableHeaderRow = styled9.tr`
9157
+ border-bottom: 1px solid rgba(255,255,255,0.08);
9158
+ `;
9159
+ var DivTableTH = styled9.th`
9160
+ padding: 0.6rem 0.5rem;
9161
+ font-size: 0.65rem;
9162
+ font-weight: 500;
9163
+ color: rgba(255,255,255,0.4);
9164
+ text-transform: uppercase;
9165
+ letter-spacing: 0.06em;
9166
+ text-align: left;
9167
+ `;
9168
+ var DivTableRow = styled9.tr`
9169
+ border-bottom: 1px solid rgba(255,255,255,0.03);
9170
+ &:last-child { border-bottom: none; }
9171
+ `;
9172
+ var DivTableTD = styled9.td`
9173
+ padding: 0.55rem 0.5rem;
9174
+ font-size: 0.82rem;
9175
+ color: rgba(255,255,255,0.75);
9176
+ `;
8914
9177
  var STATUS_BG = {
8915
9178
  active: "rgba(14,203,129,0.18)",
8916
9179
  rejected: "rgba(246,70,93,0.18)",
@@ -9005,7 +9268,7 @@ function PropertyOffers({ offers, totalShares }) {
9005
9268
  )) })
9006
9269
  ] });
9007
9270
  }
9008
- var OfferPricePulse = styled19.span`
9271
+ var OfferPricePulse = styled9.span`
9009
9272
  width: 8px;
9010
9273
  height: 8px;
9011
9274
  border-radius: 999px;
@@ -9407,7 +9670,7 @@ function generateMockPastSales() {
9407
9670
  }
9408
9671
  ];
9409
9672
  }
9410
- var FilterButtonsContainer = styled19.div`
9673
+ var FilterButtonsContainer = styled9.div`
9411
9674
  display: flex;
9412
9675
  gap: 0.5rem;
9413
9676
  flex-wrap: wrap;
@@ -9416,7 +9679,7 @@ var FilterButtonsContainer = styled19.div`
9416
9679
  gap: 0.25rem;
9417
9680
  }
9418
9681
  `;
9419
- var FilterButton = styled19.button`
9682
+ var FilterButton = styled9.button`
9420
9683
  background-color: ${(props) => props.$active ? "var(--color-accent, #f0b90b)" : "transparent"};
9421
9684
  color: ${(props) => props.$active ? "#000" : "#fff"};
9422
9685
  border: 1px solid var(--color-accent, #f0b90b);
@@ -9435,7 +9698,7 @@ var FilterButton = styled19.button`
9435
9698
  font-size: 0.75rem;
9436
9699
  }
9437
9700
  `;
9438
- var HistoryContainer = styled19.div`
9701
+ var HistoryContainer = styled9.div`
9439
9702
  display: flex;
9440
9703
  flex-direction: column;
9441
9704
  gap: 1.5rem;
@@ -9452,7 +9715,7 @@ var HistoryContainer = styled19.div`
9452
9715
  z-index: 0;
9453
9716
  }
9454
9717
  `;
9455
- var HistoryPanel = styled19.div`
9718
+ var HistoryPanel = styled9.div`
9456
9719
  margin-bottom: 1.5rem;
9457
9720
  margin-left: 2rem;
9458
9721
  border: 1px solid rgba(240, 185, 11, 0.15);
@@ -9494,7 +9757,7 @@ var HistoryPanel = styled19.div`
9494
9757
  }
9495
9758
  `}
9496
9759
  `;
9497
- var LeaseSection = styled19.div`
9760
+ var LeaseSection = styled9.div`
9498
9761
  margin: 0.3rem 1rem;
9499
9762
  padding: 0.3rem 1rem 0.3rem;
9500
9763
  background-color: rgba(30, 32, 38, 0.2);
@@ -9512,7 +9775,7 @@ var LeaseSection = styled19.div`
9512
9775
  background-color: rgba(255, 255, 255, 0.15);
9513
9776
  }
9514
9777
  `;
9515
- var HistoryRow = styled19.tr`
9778
+ var HistoryRow = styled9.tr`
9516
9779
  background-color: ${(props) => props.$isOwnershipStart ? "rgba(240, 185, 11, 0.05)" : "transparent"};
9517
9780
 
9518
9781
  td {
@@ -9529,7 +9792,7 @@ var HistoryRow = styled19.tr`
9529
9792
  background-color: rgba(255, 255, 255, 0.08);
9530
9793
  }
9531
9794
  `;
9532
- var TypeBadge2 = styled19.span`
9795
+ var TypeBadge2 = styled9.span`
9533
9796
  display: inline-block;
9534
9797
  padding: 0.25rem 0.5rem;
9535
9798
  border-radius: 4px;
@@ -9579,13 +9842,13 @@ var TypeBadge2 = styled19.span`
9579
9842
  font-size: 0.65rem;
9580
9843
  }
9581
9844
  `;
9582
- var PastSalesSection = styled19.div`
9845
+ var PastSalesSection = styled9.div`
9583
9846
  background-color: rgba(30, 32, 38, 0.95);
9584
9847
  border-radius: 8px;
9585
9848
  padding: 1.25rem;
9586
9849
  margin-bottom: 1.5rem;
9587
9850
  `;
9588
- var SalesTable = styled19.table`
9851
+ var SalesTable = styled9.table`
9589
9852
  width: 100%;
9590
9853
  border-collapse: collapse;
9591
9854
  table-layout: fixed;
@@ -9663,13 +9926,13 @@ function PropertyDocuments({ documentsData }) {
9663
9926
  }) })
9664
9927
  ] });
9665
9928
  }
9666
- var Section2 = styled19.section`
9929
+ var Section2 = styled9.section`
9667
9930
  background: var(--color-card, rgba(30, 35, 41, 0.8));
9668
9931
  border-radius: 12px;
9669
9932
  padding: 1.5rem;
9670
9933
  margin-bottom: 1.5rem;
9671
9934
  `;
9672
- var SectionHeading = styled19.h2`
9935
+ var SectionHeading = styled9.h2`
9673
9936
  font-size: 0.9rem;
9674
9937
  font-weight: 600;
9675
9938
  padding-bottom: 0.75rem;
@@ -9680,12 +9943,12 @@ var SectionHeading = styled19.h2`
9680
9943
  align-items: center;
9681
9944
  gap: 0.5rem;
9682
9945
  `;
9683
- var DocList = styled19.ul`
9946
+ var DocList = styled9.ul`
9684
9947
  list-style: none;
9685
9948
  padding: 0;
9686
9949
  margin: 0;
9687
9950
  `;
9688
- var DocItem = styled19.li`
9951
+ var DocItem = styled9.li`
9689
9952
  padding: 0.75rem 0;
9690
9953
  border-bottom: 1px solid var(--color-border, rgba(255, 255, 255, 0.1));
9691
9954
 
@@ -9693,7 +9956,7 @@ var DocItem = styled19.li`
9693
9956
  border-bottom: none;
9694
9957
  }
9695
9958
  `;
9696
- var DocLink = styled19.a`
9959
+ var DocLink = styled9.a`
9697
9960
  display: flex;
9698
9961
  align-items: center;
9699
9962
  color: var(--color-text);
@@ -9704,19 +9967,19 @@ var DocLink = styled19.a`
9704
9967
  color: var(--color-accent);
9705
9968
  }
9706
9969
  `;
9707
- var DocItemDisabled = styled19.div`
9970
+ var DocItemDisabled = styled9.div`
9708
9971
  display: flex;
9709
9972
  align-items: center;
9710
9973
  color: var(--color-text-secondary);
9711
9974
  cursor: not-allowed;
9712
9975
  opacity: 0.6;
9713
9976
  `;
9714
- var DocIconWrapper = styled19.span`
9977
+ var DocIconWrapper = styled9.span`
9715
9978
  margin-right: 0.75rem;
9716
9979
  flex-shrink: 0;
9717
9980
  color: var(--color-text-secondary);
9718
9981
  `;
9719
- var ComingSoonBadge = styled19.span`
9982
+ var ComingSoonBadge = styled9.span`
9720
9983
  margin-left: auto;
9721
9984
  padding: 0.25rem 0.5rem;
9722
9985
  background: rgba(212, 175, 55, 0.1);
@@ -9798,13 +10061,13 @@ function PropertyInspectionTimes({
9798
10061
  ] })
9799
10062
  ] });
9800
10063
  }
9801
- var Section3 = styled19.section`
10064
+ var Section3 = styled9.section`
9802
10065
  background: var(--color-card, rgba(30, 35, 41, 0.8));
9803
10066
  border-radius: 12px;
9804
10067
  padding: 1.5rem;
9805
10068
  margin-bottom: 1.5rem;
9806
10069
  `;
9807
- var SectionHeading2 = styled19.h2`
10070
+ var SectionHeading2 = styled9.h2`
9808
10071
  font-size: 0.9rem;
9809
10072
  font-weight: 600;
9810
10073
  padding-bottom: 0.75rem;
@@ -9815,17 +10078,17 @@ var SectionHeading2 = styled19.h2`
9815
10078
  align-items: center;
9816
10079
  gap: 0.5rem;
9817
10080
  `;
9818
- var Intro = styled19.p`
10081
+ var Intro = styled9.p`
9819
10082
  font-size: 0.9rem;
9820
10083
  color: var(--color-text-secondary);
9821
10084
  margin-bottom: 1.5rem;
9822
10085
  `;
9823
- var SlotList = styled19.div`
10086
+ var SlotList = styled9.div`
9824
10087
  display: flex;
9825
10088
  flex-direction: column;
9826
10089
  gap: 0.75rem;
9827
10090
  `;
9828
- var SlotRow = styled19.div`
10091
+ var SlotRow = styled9.div`
9829
10092
  display: flex;
9830
10093
  justify-content: space-between;
9831
10094
  align-items: center;
@@ -9834,27 +10097,27 @@ var SlotRow = styled19.div`
9834
10097
  border-radius: 8px;
9835
10098
  border: 1px solid rgba(255, 255, 255, 0.06);
9836
10099
  `;
9837
- var SlotInfo = styled19.div``;
9838
- var SlotDate = styled19.div`
10100
+ var SlotInfo = styled9.div``;
10101
+ var SlotDate = styled9.div`
9839
10102
  font-size: 0.9rem;
9840
10103
  font-weight: 600;
9841
10104
  color: var(--color-text);
9842
10105
  margin-bottom: 0.25rem;
9843
10106
  `;
9844
- var SlotTime = styled19.div`
10107
+ var SlotTime = styled9.div`
9845
10108
  font-size: 0.8rem;
9846
10109
  color: var(--color-text-secondary);
9847
10110
  `;
9848
- var SlotActions = styled19.div`
10111
+ var SlotActions = styled9.div`
9849
10112
  display: flex;
9850
10113
  align-items: center;
9851
10114
  gap: 1rem;
9852
10115
  `;
9853
- var SpotsLeft = styled19.span`
10116
+ var SpotsLeft = styled9.span`
9854
10117
  font-size: 0.75rem;
9855
10118
  color: ${({ $low }) => $low ? "#f6465d" : "var(--color-text-secondary)"};
9856
10119
  `;
9857
- var BookButton = styled19.button`
10120
+ var BookButton = styled9.button`
9858
10121
  padding: 0.4rem 1rem;
9859
10122
  background: transparent;
9860
10123
  border: 1px solid var(--color-accent, #f0b90b);
@@ -9874,7 +10137,7 @@ var BookButton = styled19.button`
9874
10137
  cursor: not-allowed;
9875
10138
  }
9876
10139
  `;
9877
- var StatusMessage2 = styled19.div`
10140
+ var StatusMessage2 = styled9.div`
9878
10141
  font-size: 0.85rem;
9879
10142
  padding: 0.75rem 1rem;
9880
10143
  border-radius: 6px;
@@ -9882,7 +10145,7 @@ var StatusMessage2 = styled19.div`
9882
10145
  background: ${({ $error }) => $error ? "rgba(246,70,93,0.08)" : "rgba(255,255,255,0.03)"};
9883
10146
  border: 1px solid ${({ $error }) => $error ? "rgba(246,70,93,0.2)" : "rgba(255,255,255,0.06)"};
9884
10147
  `;
9885
- var RetryButton = styled19.button`
10148
+ var RetryButton = styled9.button`
9886
10149
  margin-left: 0.5rem;
9887
10150
  text-decoration: underline;
9888
10151
  cursor: pointer;
@@ -9890,13 +10153,13 @@ var RetryButton = styled19.button`
9890
10153
  border: none;
9891
10154
  color: inherit;
9892
10155
  `;
9893
- var Disclaimer = styled19.p`
10156
+ var Disclaimer = styled9.p`
9894
10157
  font-size: 0.75rem;
9895
10158
  color: var(--color-text-secondary);
9896
10159
  margin-top: 0.5rem;
9897
10160
  text-align: center;
9898
10161
  `;
9899
- var SignInPrompt = styled19.div`
10162
+ var SignInPrompt = styled9.div`
9900
10163
  display: flex;
9901
10164
  align-items: center;
9902
10165
  justify-content: space-between;
@@ -9905,18 +10168,18 @@ var SignInPrompt = styled19.div`
9905
10168
  border-radius: 8px;
9906
10169
  border: 1px solid rgba(255, 255, 255, 0.06);
9907
10170
  `;
9908
- var SignInText = styled19.div``;
9909
- var SignInTitle = styled19.div`
10171
+ var SignInText = styled9.div``;
10172
+ var SignInTitle = styled9.div`
9910
10173
  font-size: 0.95rem;
9911
10174
  font-weight: 600;
9912
10175
  color: var(--color-text);
9913
10176
  margin-bottom: 0.25rem;
9914
10177
  `;
9915
- var SignInSub = styled19.div`
10178
+ var SignInSub = styled9.div`
9916
10179
  font-size: 0.8rem;
9917
10180
  color: var(--color-text-secondary);
9918
10181
  `;
9919
- var SignInButton = styled19.button`
10182
+ var SignInButton = styled9.button`
9920
10183
  padding: 0.5rem 1.25rem;
9921
10184
  background: transparent;
9922
10185
  border: 1px solid var(--color-accent, #f0b90b);
@@ -10015,10 +10278,10 @@ function AssetSelectorBar({
10015
10278
  }) })
10016
10279
  ] }) });
10017
10280
  }
10018
- var AssetSelectorWrapper = styled19.div`
10281
+ var AssetSelectorWrapper = styled9.div`
10019
10282
  width: 100%;
10020
10283
  `;
10021
- var IPOAssetSelector = styled19.div`
10284
+ var IPOAssetSelector = styled9.div`
10022
10285
  position: relative;
10023
10286
  display: flex;
10024
10287
  justify-content: space-between;
@@ -10043,7 +10306,7 @@ var IPOAssetSelector = styled19.div`
10043
10306
  padding: 0.6rem 0.75rem;
10044
10307
  }
10045
10308
  `;
10046
- var AssetThumbnail = styled19.img`
10309
+ var AssetThumbnail = styled9.img`
10047
10310
  width: 40px;
10048
10311
  height: 40px;
10049
10312
  border-radius: 8px;
@@ -10057,7 +10320,7 @@ var AssetThumbnail = styled19.img`
10057
10320
  border-radius: 6px;
10058
10321
  }
10059
10322
  `;
10060
- var AssetSelectorDropdown = styled19.div`
10323
+ var AssetSelectorDropdown = styled9.div`
10061
10324
  display: flex;
10062
10325
  align-items: center;
10063
10326
  cursor: pointer;
@@ -10066,7 +10329,7 @@ var AssetSelectorDropdown = styled19.div`
10066
10329
  transition: all 0.2s ease;
10067
10330
  &:hover { background-color: rgba(255,255,255,0.05); }
10068
10331
  `;
10069
- var AssetName = styled19.div`
10332
+ var AssetName = styled9.div`
10070
10333
  display: flex;
10071
10334
  align-items: center;
10072
10335
  font-weight: 600;
@@ -10085,7 +10348,7 @@ var AssetName = styled19.div`
10085
10348
  svg { margin-left: 0.4rem; width: 16px; height: 16px; }
10086
10349
  }
10087
10350
  `;
10088
- var SelectorMetrics = styled19.div`
10351
+ var SelectorMetrics = styled9.div`
10089
10352
  display: flex;
10090
10353
  align-items: center;
10091
10354
  gap: 1rem;
@@ -10110,7 +10373,7 @@ var SelectorMetrics = styled19.div`
10110
10373
  gap: 0.5rem;
10111
10374
  }
10112
10375
  `;
10113
- var MetricLabel2 = styled19.span`
10376
+ var MetricLabel2 = styled9.span`
10114
10377
  font-size: 0.75rem;
10115
10378
  color: var(--color-text-secondary);
10116
10379
  text-transform: uppercase;
@@ -10123,7 +10386,7 @@ var MetricLabel2 = styled19.span`
10123
10386
  margin-right: 0.35rem;
10124
10387
  }
10125
10388
  `;
10126
- var MetricValue = styled19.span`
10389
+ var MetricValue = styled9.span`
10127
10390
  font-size: ${(p) => p.$secondary ? "0.95rem" : "1.25rem"};
10128
10391
  font-weight: ${(p) => p.$secondary ? "600" : "700"};
10129
10392
  color: ${(p) => p.$accent ? "#D4AF37" : p.$secondary ? "rgba(255,255,255,0.7)" : "#fff"};
@@ -10136,7 +10399,7 @@ var MetricValue = styled19.span`
10136
10399
  font-size: ${(p) => p.$secondary ? "0.8rem" : "0.95rem"};
10137
10400
  }
10138
10401
  `;
10139
- var MetricChange = styled19.span`
10402
+ var MetricChange = styled9.span`
10140
10403
  font-size: 0.85rem;
10141
10404
  font-weight: 600;
10142
10405
  color: ${(p) => p.$positive ? "var(--color-positive, #0ecb81)" : "var(--color-negative, #f6465d)"};
@@ -10148,12 +10411,12 @@ var MetricChange = styled19.span`
10148
10411
  font-size: 0.75rem;
10149
10412
  }
10150
10413
  `;
10151
- var Separator = styled19.span`
10414
+ var Separator = styled9.span`
10152
10415
  font-size: 1rem;
10153
10416
  color: rgba(255,255,255,0.2);
10154
10417
  font-weight: 300;
10155
10418
  `;
10156
- var IPODropdown = styled19.div`
10419
+ var IPODropdown = styled9.div`
10157
10420
  position: absolute;
10158
10421
  top: calc(100% + 6px);
10159
10422
  left: 0;
@@ -10182,7 +10445,7 @@ var IPODropdown = styled19.div`
10182
10445
  to { opacity: 1; transform: translateY(0); }
10183
10446
  }
10184
10447
  `;
10185
- var IPOOption = styled19.div`
10448
+ var IPOOption = styled9.div`
10186
10449
  padding: 0.6rem 0.75rem;
10187
10450
  transition: background 0.15s ease;
10188
10451
  border-radius: 7px;
@@ -10190,25 +10453,25 @@ var IPOOption = styled19.div`
10190
10453
  &:hover { background: rgba(255,255,255,0.06); }
10191
10454
  ${(p) => p.$selected && `background: rgba(255,255,255,0.04);`}
10192
10455
  `;
10193
- var IPOOptionInner = styled19.div`
10456
+ var IPOOptionInner = styled9.div`
10194
10457
  display: flex;
10195
10458
  align-items: center;
10196
10459
  gap: 0.65rem;
10197
10460
  `;
10198
- var IPOOptionThumb = styled19.img`
10461
+ var IPOOptionThumb = styled9.img`
10199
10462
  width: 28px;
10200
10463
  height: 28px;
10201
10464
  border-radius: 5px;
10202
10465
  object-fit: cover;
10203
10466
  flex-shrink: 0;
10204
10467
  `;
10205
- var IPOOptionName = styled19.div`
10468
+ var IPOOptionName = styled9.div`
10206
10469
  font-weight: 500;
10207
10470
  font-size: 0.82rem;
10208
10471
  color: ${(p) => "#ebebeb"};
10209
10472
  line-height: 1.3;
10210
10473
  `;
10211
- var IPOOptionLocation = styled19.div`
10474
+ var IPOOptionLocation = styled9.div`
10212
10475
  font-size: 0.72rem;
10213
10476
  color: rgba(255,255,255,0.38);
10214
10477
  margin-top: 1px;
@@ -10474,7 +10737,7 @@ function OfferingProgressCard({
10474
10737
  ] })
10475
10738
  ] });
10476
10739
  }
10477
- var Container = styled19.div`
10740
+ var Container = styled9.div`
10478
10741
  background-color: var(--color-card-darker, #111);
10479
10742
  border-radius: 8px;
10480
10743
  padding: 1.5rem;
@@ -10487,7 +10750,7 @@ var Container = styled19.div`
10487
10750
  padding: 1rem;
10488
10751
  }
10489
10752
  `;
10490
- var Header2 = styled19.div`
10753
+ var Header2 = styled9.div`
10491
10754
  display: flex;
10492
10755
  align-items: center;
10493
10756
  justify-content: space-between;
@@ -10504,7 +10767,7 @@ var Header2 = styled19.div`
10504
10767
  margin: 0;
10505
10768
  }
10506
10769
  `;
10507
- var StatusSpan = styled19.span`
10770
+ var StatusSpan = styled9.span`
10508
10771
  display: flex;
10509
10772
  align-items: center;
10510
10773
  gap: 0.35rem;
@@ -10520,7 +10783,7 @@ var StatusSpan = styled19.span`
10520
10783
  letter-spacing: 0.05em;
10521
10784
  }
10522
10785
  `;
10523
- var StatusDot3 = styled19.span`
10786
+ var StatusDot3 = styled9.span`
10524
10787
  width: 6px;
10525
10788
  height: 6px;
10526
10789
  border-radius: 50%;
@@ -10532,10 +10795,10 @@ var StatusDot3 = styled19.span`
10532
10795
  100% { opacity: 0.4; }
10533
10796
  }
10534
10797
  `;
10535
- var PreLiveBody = styled19.div`
10798
+ var PreLiveBody = styled9.div`
10536
10799
  padding: 1.25rem 0;
10537
10800
  `;
10538
- var PreLiveStatus = styled19.div`
10801
+ var PreLiveStatus = styled9.div`
10539
10802
  font-size: 0.7rem;
10540
10803
  color: ${(p) => p.$statusColor};
10541
10804
  text-transform: uppercase;
@@ -10544,33 +10807,33 @@ var PreLiveStatus = styled19.div`
10544
10807
  text-align: center;
10545
10808
  margin-bottom: 1.25rem;
10546
10809
  `;
10547
- var MetricsRow = styled19.div`
10810
+ var MetricsRow = styled9.div`
10548
10811
  display: flex;
10549
10812
  justify-content: space-between;
10550
10813
  align-items: flex-start;
10551
10814
  border-top: 1px solid rgba(255,255,255,0.06);
10552
10815
  padding-top: 1rem;
10553
10816
  `;
10554
- var MetricLabel3 = styled19.div`
10817
+ var MetricLabel3 = styled9.div`
10555
10818
  font-size: 0.6rem;
10556
10819
  color: var(--color-text-secondary);
10557
10820
  text-transform: uppercase;
10558
10821
  letter-spacing: 0.1em;
10559
10822
  margin-bottom: 0.25rem;
10560
10823
  `;
10561
- var MetricValue2 = styled19.div`
10824
+ var MetricValue2 = styled9.div`
10562
10825
  font-size: 1.5rem;
10563
10826
  font-weight: 700;
10564
10827
  color: ${(p) => p.$accent ? "#D4AF37" : "#fff"};
10565
10828
  `;
10566
- var CountdownCenter = styled19.div`
10829
+ var CountdownCenter = styled9.div`
10567
10830
  text-align: center;
10568
10831
  display: flex;
10569
10832
  flex-direction: column;
10570
10833
  align-items: center;
10571
10834
  margin-bottom: 1.25rem;
10572
10835
  `;
10573
- var CountdownLabel = styled19.div`
10836
+ var CountdownLabel = styled9.div`
10574
10837
  font-size: 0.7rem;
10575
10838
  color: #D4AF37;
10576
10839
  text-transform: uppercase;
@@ -10578,13 +10841,13 @@ var CountdownLabel = styled19.div`
10578
10841
  margin-bottom: 0.5rem;
10579
10842
  font-weight: 600;
10580
10843
  `;
10581
- var CountdownDigits = styled19.div`
10844
+ var CountdownDigits = styled9.div`
10582
10845
  display: flex;
10583
10846
  align-items: baseline;
10584
10847
  justify-content: center;
10585
10848
  gap: 0.35rem;
10586
10849
  `;
10587
- var CountdownNumber = styled19.span`
10850
+ var CountdownNumber = styled9.span`
10588
10851
  font-size: 2.5rem;
10589
10852
  font-weight: 700;
10590
10853
  font-family: monospace;
@@ -10593,26 +10856,26 @@ var CountdownNumber = styled19.span`
10593
10856
  font-size: 1.75rem;
10594
10857
  }
10595
10858
  `;
10596
- var CountdownUnitLabel = styled19.span`
10859
+ var CountdownUnitLabel = styled9.span`
10597
10860
  font-size: 0.85rem;
10598
10861
  color: var(--color-text-secondary);
10599
10862
  `;
10600
- var CountdownSeparator = styled19.span`
10863
+ var CountdownSeparator = styled9.span`
10601
10864
  color: rgba(255,255,255,0.2);
10602
10865
  margin: 0 0.2rem;
10603
10866
  font-size: 1.5rem;
10604
10867
  `;
10605
- var LiveBody = styled19.div`
10868
+ var LiveBody = styled9.div`
10606
10869
  display: flex;
10607
10870
  flex-direction: column;
10608
10871
  gap: 1rem;
10609
10872
  `;
10610
- var LiveTopRow = styled19.div`
10873
+ var LiveTopRow = styled9.div`
10611
10874
  display: flex;
10612
10875
  justify-content: space-between;
10613
10876
  align-items: flex-start;
10614
10877
  `;
10615
- var LiveLabel = styled19.div`
10878
+ var LiveLabel = styled9.div`
10616
10879
  font-size: 0.875rem;
10617
10880
  color: var(--color-text-secondary);
10618
10881
  margin-bottom: 0.25rem;
@@ -10625,7 +10888,7 @@ var LiveLabel = styled19.div`
10625
10888
  opacity: 0.7;
10626
10889
  }
10627
10890
  `;
10628
- var LivePercent = styled19.div`
10891
+ var LivePercent = styled9.div`
10629
10892
  font-size: 2rem;
10630
10893
  font-weight: 600;
10631
10894
  color: #D4AF37;
@@ -10638,14 +10901,14 @@ var LivePercent = styled19.div`
10638
10901
  opacity: 0.8;
10639
10902
  }
10640
10903
  `;
10641
- var UnitsValue = styled19.div`
10904
+ var UnitsValue = styled9.div`
10642
10905
  font-size: clamp(1.25rem, 4vw, 1.75rem);
10643
10906
  font-weight: 700;
10644
10907
  white-space: nowrap;
10645
10908
  span { color: #D4AF37; }
10646
10909
  small { color: rgba(255,255,255,0.3); font-weight: 700; margin-left: 0.35rem; font-size: inherit; }
10647
10910
  `;
10648
- var ProgressBarOuter = styled19.div`
10911
+ var ProgressBarOuter = styled9.div`
10649
10912
  width: 100%;
10650
10913
  height: 12px;
10651
10914
  background: rgba(255,255,255,0.1);
@@ -10653,58 +10916,58 @@ var ProgressBarOuter = styled19.div`
10653
10916
  overflow: hidden;
10654
10917
  position: relative;
10655
10918
  `;
10656
- var ProgressBarInner = styled19.div`
10919
+ var ProgressBarInner = styled9.div`
10657
10920
  height: 100%;
10658
10921
  background: linear-gradient(90deg, #D4AF37, #f0b90b);
10659
10922
  border-radius: 6px;
10660
10923
  transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
10661
10924
  will-change: width;
10662
10925
  `;
10663
- var ProgressInfo = styled19.div`
10926
+ var ProgressInfo = styled9.div`
10664
10927
  display: flex;
10665
10928
  justify-content: space-between;
10666
10929
  font-size: 0.875rem;
10667
10930
  `;
10668
- var ProgressSubscribers = styled19.div`
10931
+ var ProgressSubscribers = styled9.div`
10669
10932
  color: var(--color-text-secondary);
10670
10933
  font-weight: 500;
10671
10934
  `;
10672
- var ProgressAmounts = styled19.div`
10935
+ var ProgressAmounts = styled9.div`
10673
10936
  font-weight: 600;
10674
10937
  .raised { color: #D4AF37; }
10675
10938
  .target { color: rgba(255,255,255,0.3); }
10676
10939
  `;
10677
- var CompactContainer = styled19.div`
10940
+ var CompactContainer = styled9.div`
10678
10941
  width: 100%;
10679
10942
  margin: 1.5rem 0;
10680
10943
  display: flex;
10681
10944
  flex-direction: column;
10682
10945
  gap: 0.5rem;
10683
10946
  `;
10684
- var HomePreLiveRow = styled19.div`
10947
+ var HomePreLiveRow = styled9.div`
10685
10948
  display: flex;
10686
10949
  align-items: center;
10687
10950
  justify-content: space-between;
10688
10951
  padding-top: 1rem;
10689
10952
  `;
10690
- var HomeCountdownSide = styled19.div`
10953
+ var HomeCountdownSide = styled9.div`
10691
10954
  display: flex;
10692
10955
  flex-direction: column;
10693
10956
  align-items: center;
10694
10957
  flex: 1;
10695
10958
  `;
10696
- var HomeUnitsSide = styled19.div`
10959
+ var HomeUnitsSide = styled9.div`
10697
10960
  text-align: center;
10698
10961
  flex-shrink: 0;
10699
10962
  `;
10700
- var HomeUnitsLabel = styled19.div`
10963
+ var HomeUnitsLabel = styled9.div`
10701
10964
  font-size: 0.6rem;
10702
10965
  color: var(--color-text-secondary);
10703
10966
  text-transform: uppercase;
10704
10967
  letter-spacing: 0.1em;
10705
10968
  margin-bottom: 0.2rem;
10706
10969
  `;
10707
- var HomeUnitsValue = styled19.div`
10970
+ var HomeUnitsValue = styled9.div`
10708
10971
  font-size: 1.1rem;
10709
10972
  font-weight: 700;
10710
10973
  font-family: monospace;
@@ -10713,7 +10976,7 @@ var HomeUnitsValue = styled19.div`
10713
10976
  font-weight: 400;
10714
10977
  }
10715
10978
  `;
10716
- var HomeSpinner = styled19.span`
10979
+ var HomeSpinner = styled9.span`
10717
10980
  display: inline-block;
10718
10981
  width: 14px;
10719
10982
  height: 14px;
@@ -10807,7 +11070,7 @@ function VideoActivitySection({
10807
11070
  ] })
10808
11071
  ] });
10809
11072
  }
10810
- var Section4 = styled19.div`
11073
+ var Section4 = styled9.div`
10811
11074
  display: flex;
10812
11075
  gap: 1.5rem;
10813
11076
  align-items: stretch;
@@ -10816,7 +11079,7 @@ var Section4 = styled19.div`
10816
11079
  gap: 1rem;
10817
11080
  }
10818
11081
  `;
10819
- var VideoPanel = styled19.div`
11082
+ var VideoPanel = styled9.div`
10820
11083
  flex: 1;
10821
11084
  background-color: var(--color-card-darker, #111);
10822
11085
  border-radius: 8px;
@@ -10860,7 +11123,7 @@ var VideoPanel = styled19.div`
10860
11123
  }
10861
11124
  }
10862
11125
  `;
10863
- var ActivityPanel = styled19.div`
11126
+ var ActivityPanel = styled9.div`
10864
11127
  flex: 0 0 auto;
10865
11128
  min-width: 450px;
10866
11129
  max-width: 520px;
@@ -10941,7 +11204,7 @@ var ActivityPanel = styled19.div`
10941
11204
  to { transform: rotate(360deg); }
10942
11205
  }
10943
11206
  `;
10944
- var SkeletonFeedRow = styled19.div`
11207
+ var SkeletonFeedRow = styled9.div`
10945
11208
  padding: 0.625rem 0.75rem;
10946
11209
  border-bottom: 1px solid rgba(255,255,255,0.04);
10947
11210
  display: flex;
@@ -10965,7 +11228,7 @@ var SkeletonFeedRow = styled19.div`
10965
11228
  padding: 0.4rem 0.6rem;
10966
11229
  }
10967
11230
  `;
10968
- var EndedBanner = styled19.div`
11231
+ var EndedBanner = styled9.div`
10969
11232
  font-size: 0.7rem;
10970
11233
  font-weight: 600;
10971
11234
  letter-spacing: 0.04em;
@@ -10978,7 +11241,7 @@ var EndedBanner = styled19.div`
10978
11241
  margin-bottom: 0.5rem;
10979
11242
  text-align: center;
10980
11243
  `;
10981
- var FeedList = styled19.div`
11244
+ var FeedList = styled9.div`
10982
11245
  width: 100%;
10983
11246
  overflow-y: auto;
10984
11247
  scrollbar-width: none;
@@ -10987,7 +11250,7 @@ var FeedList = styled19.div`
10987
11250
  display: none;
10988
11251
  }
10989
11252
  `;
10990
- var PurchaseItem = styled19.div`
11253
+ var PurchaseItem = styled9.div`
10991
11254
  padding: 0.625rem 0.75rem;
10992
11255
  border-bottom: 1px solid rgba(255,255,255,0.05);
10993
11256
  display: flex;
@@ -11016,12 +11279,12 @@ var PurchaseItem = styled19.div`
11016
11279
  padding: 0.4rem 0.6rem;
11017
11280
  }
11018
11281
  `;
11019
- var PurchaseInfo = styled19.div`
11282
+ var PurchaseInfo = styled9.div`
11020
11283
  display: flex;
11021
11284
  flex-direction: column;
11022
11285
  min-width: 0;
11023
11286
  `;
11024
- var PurchaseName = styled19.div`
11287
+ var PurchaseName = styled9.div`
11025
11288
  font-weight: 500;
11026
11289
  font-size: 0.875rem;
11027
11290
  color: #fff;
@@ -11029,19 +11292,19 @@ var PurchaseName = styled19.div`
11029
11292
  overflow: hidden;
11030
11293
  text-overflow: ellipsis;
11031
11294
  `;
11032
- var PurchaseTime = styled19.div`
11295
+ var PurchaseTime = styled9.div`
11033
11296
  font-size: 0.7rem;
11034
11297
  color: var(--color-text-secondary);
11035
11298
  margin-top: 0.125rem;
11036
11299
  `;
11037
- var PurchaseAmount = styled19.div`
11300
+ var PurchaseAmount = styled9.div`
11038
11301
  font-weight: 600;
11039
11302
  font-size: 0.875rem;
11040
11303
  color: #fff;
11041
11304
  white-space: nowrap;
11042
11305
  margin-left: 1rem;
11043
11306
  `;
11044
- var LiveIndicatorDot = styled19.span`
11307
+ var LiveIndicatorDot = styled9.span`
11045
11308
  display: inline-block;
11046
11309
  width: 8px;
11047
11310
  height: 8px;
@@ -11081,7 +11344,7 @@ var VARIANT_COLORS = {
11081
11344
  info: { accent: "#E6C656", icon: "\u2139" },
11082
11345
  pending: { accent: "#7EB3E6", icon: "\u25CC" }
11083
11346
  };
11084
- var Wrapper2 = styled19.div`
11347
+ var Wrapper2 = styled9.div`
11085
11348
  position: relative;
11086
11349
  display: flex;
11087
11350
  flex-direction: column;
@@ -11095,13 +11358,13 @@ var Wrapper2 = styled19.div`
11095
11358
  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`};
11096
11359
  pointer-events: all;
11097
11360
  `;
11098
- var Body = styled19.div`
11361
+ var Body = styled9.div`
11099
11362
  display: flex;
11100
11363
  align-items: flex-start;
11101
11364
  gap: 12px;
11102
11365
  padding: 14px 16px 12px;
11103
11366
  `;
11104
- var IconDot = styled19.div`
11367
+ var IconDot = styled9.div`
11105
11368
  flex-shrink: 0;
11106
11369
  width: 28px;
11107
11370
  height: 28px;
@@ -11116,25 +11379,25 @@ var IconDot = styled19.div`
11116
11379
  color: ${({ $color }) => $color};
11117
11380
  margin-top: 1px;
11118
11381
  `;
11119
- var Content = styled19.div`
11382
+ var Content = styled9.div`
11120
11383
  flex: 1;
11121
11384
  min-width: 0;
11122
11385
  `;
11123
- var Title2 = styled19.p`
11386
+ var Title2 = styled9.p`
11124
11387
  margin: 0 0 2px;
11125
11388
  font-size: 0.8rem;
11126
11389
  font-weight: 600;
11127
11390
  color: #fff;
11128
11391
  letter-spacing: 0.01em;
11129
11392
  `;
11130
- var Amount = styled19.p`
11393
+ var Amount = styled9.p`
11131
11394
  margin: 0 0 6px;
11132
11395
  font-size: 1.05rem;
11133
11396
  font-weight: 700;
11134
11397
  color: #E6C656;
11135
11398
  letter-spacing: -0.01em;
11136
11399
  `;
11137
- var TxRow = styled19.a`
11400
+ var TxRow = styled9.a`
11138
11401
  display: inline-flex;
11139
11402
  align-items: center;
11140
11403
  gap: 5px;
@@ -11147,11 +11410,11 @@ var TxRow = styled19.a`
11147
11410
  color: #7EB3E6;
11148
11411
  }
11149
11412
  `;
11150
- var TxArrow = styled19.span`
11413
+ var TxArrow = styled9.span`
11151
11414
  font-size: 0.6rem;
11152
11415
  opacity: 0.6;
11153
11416
  `;
11154
- var CloseBtn = styled19.button`
11417
+ var CloseBtn = styled9.button`
11155
11418
  flex-shrink: 0;
11156
11419
  background: none;
11157
11420
  border: none;
@@ -11163,7 +11426,7 @@ var CloseBtn = styled19.button`
11163
11426
  transition: color 0.15s;
11164
11427
  &:hover { color: rgba(255, 255, 255, 0.7); }
11165
11428
  `;
11166
- var ProgressBar = styled19.div`
11429
+ var ProgressBar = styled9.div`
11167
11430
  height: 2px;
11168
11431
  background: rgba(255, 255, 255, 0.06);
11169
11432
  position: relative;
@@ -11177,7 +11440,7 @@ var ProgressBar = styled19.div`
11177
11440
  animation: ${css`${progressShrink} ${({ $duration }) => $duration}ms linear forwards`};
11178
11441
  }
11179
11442
  `;
11180
- var Container2 = styled19.div`
11443
+ var Container2 = styled9.div`
11181
11444
  position: fixed;
11182
11445
  bottom: 24px;
11183
11446
  right: 24px;
@@ -11627,7 +11890,7 @@ function OrderPanel({
11627
11890
  ] })
11628
11891
  ] });
11629
11892
  }
11630
- var Panel = styled19.div`
11893
+ var Panel = styled9.div`
11631
11894
  background-color: var(--color-card-darker, #111);
11632
11895
  border-radius: 8px;
11633
11896
  padding: 1.5rem;
@@ -11654,7 +11917,7 @@ var Panel = styled19.div`
11654
11917
  border-radius: 6px;
11655
11918
  }
11656
11919
  `;
11657
- var PanelHeader2 = styled19.div`
11920
+ var PanelHeader2 = styled9.div`
11658
11921
  display: flex;
11659
11922
  justify-content: space-between;
11660
11923
  align-items: center;
@@ -11667,7 +11930,7 @@ var PanelHeader2 = styled19.div`
11667
11930
  color: var(--color-text);
11668
11931
  }
11669
11932
  `;
11670
- var StatusBadge2 = styled19.span`
11933
+ var StatusBadge2 = styled9.span`
11671
11934
  font-size: 0.7rem;
11672
11935
  font-weight: 600;
11673
11936
  display: inline-flex;
@@ -11680,7 +11943,7 @@ var StatusBadge2 = styled19.span`
11680
11943
  display: inline-block;
11681
11944
  }
11682
11945
  `;
11683
- var Card2 = styled19.div`
11946
+ var Card2 = styled9.div`
11684
11947
  background: rgba(0,0,0,0.4);
11685
11948
  border: 1px solid rgba(255,255,255,0.15);
11686
11949
  border-radius: 12px;
@@ -11691,12 +11954,12 @@ var Card2 = styled19.div`
11691
11954
  border-radius: 10px;
11692
11955
  }
11693
11956
  `;
11694
- var CardLabel = styled19.div`
11957
+ var CardLabel = styled9.div`
11695
11958
  font-size: 0.75rem;
11696
11959
  color: var(--color-text-secondary);
11697
11960
  margin-bottom: 0.5rem;
11698
11961
  `;
11699
- var CardInputRow = styled19.div`
11962
+ var CardInputRow = styled9.div`
11700
11963
  display: flex;
11701
11964
  align-items: center;
11702
11965
  justify-content: space-between;
@@ -11721,7 +11984,7 @@ var CardInputRow = styled19.div`
11721
11984
  white-space: nowrap;
11722
11985
  }
11723
11986
  `;
11724
- var QuickSelectRow = styled19.div`
11987
+ var QuickSelectRow = styled9.div`
11725
11988
  display: flex;
11726
11989
  gap: 0.5rem;
11727
11990
  margin-top: 0.75rem;
@@ -11750,7 +12013,7 @@ var QuickSelectRow = styled19.div`
11750
12013
  button { font-size: 0.7rem; padding: 0.35rem 0; }
11751
12014
  }
11752
12015
  `;
11753
- var FundsRow = styled19.div`
12016
+ var FundsRow = styled9.div`
11754
12017
  display: flex;
11755
12018
  align-items: center;
11756
12019
  gap: 0.5rem;
@@ -11761,7 +12024,7 @@ var FundsRow = styled19.div`
11761
12024
  color: #fff;
11762
12025
  }
11763
12026
  `;
11764
- var DepositButton2 = styled19.button`
12027
+ var DepositButton2 = styled9.button`
11765
12028
  background: transparent;
11766
12029
  border: 1px solid rgba(212,175,55,0.4);
11767
12030
  border-radius: 4px;
@@ -11771,23 +12034,23 @@ var DepositButton2 = styled19.button`
11771
12034
  cursor: pointer;
11772
12035
  font-weight: 500;
11773
12036
  `;
11774
- var Divider2 = styled19.div`
12037
+ var Divider2 = styled9.div`
11775
12038
  text-align: center;
11776
12039
  margin: 0.5rem 0;
11777
12040
  color: var(--color-text-secondary);
11778
12041
  `;
11779
- var CardTopRow = styled19.div`
12042
+ var CardTopRow = styled9.div`
11780
12043
  display: flex;
11781
12044
  justify-content: space-between;
11782
12045
  align-items: center;
11783
12046
  margin-bottom: 0.5rem;
11784
12047
  `;
11785
- var CardHint = styled19.span`
12048
+ var CardHint = styled9.span`
11786
12049
  font-size: 0.7rem;
11787
12050
  color: var(--color-text-secondary);
11788
12051
  opacity: 0.7;
11789
12052
  `;
11790
- var OrderSummary = styled19.div`
12053
+ var OrderSummary = styled9.div`
11791
12054
  border-top: 1px solid rgba(255,255,255,0.08);
11792
12055
  padding-top: 1rem;
11793
12056
  margin-top: 0.5rem;
@@ -11796,13 +12059,13 @@ var OrderSummary = styled19.div`
11796
12059
  flex-direction: column;
11797
12060
  gap: 0.5rem;
11798
12061
  `;
11799
- var SummaryRow = styled19.div`
12062
+ var SummaryRow = styled9.div`
11800
12063
  display: flex;
11801
12064
  justify-content: space-between;
11802
12065
  color: var(--color-text-secondary);
11803
12066
  strong { color: #fff; }
11804
12067
  `;
11805
- var SummaryTotal = styled19(SummaryRow)`
12068
+ var SummaryTotal = styled9(SummaryRow)`
11806
12069
  padding-top: 0.5rem;
11807
12070
  border-top: 1px solid rgba(255,255,255,0.08);
11808
12071
  color: #fff;
@@ -11810,12 +12073,12 @@ var SummaryTotal = styled19(SummaryRow)`
11810
12073
  font-weight: 600;
11811
12074
  }
11812
12075
  `;
11813
- var FormBody = styled19.div`
12076
+ var FormBody = styled9.div`
11814
12077
  display: flex;
11815
12078
  flex-direction: column;
11816
12079
  gap: 0.75rem;
11817
12080
  `;
11818
- var SubscribeButton = styled19.button`
12081
+ var SubscribeButton = styled9.button`
11819
12082
  width: 100%;
11820
12083
  margin-top: 1rem;
11821
12084
  padding: 0.875rem;
@@ -11840,13 +12103,13 @@ var SubscribeButton = styled19.button`
11840
12103
  color: #0a0a0a;
11841
12104
  }
11842
12105
  `;
11843
- var BalanceCards = styled19.div`
12106
+ var BalanceCards = styled9.div`
11844
12107
  display: flex;
11845
12108
  gap: 1rem;
11846
12109
  margin-top: 1rem;
11847
12110
  flex-wrap: wrap;
11848
12111
  `;
11849
- var BalanceCard = styled19.div`
12112
+ var BalanceCard = styled9.div`
11850
12113
  flex: 1;
11851
12114
  background: rgba(255,255,255,0.03);
11852
12115
  border-radius: 12px;
@@ -11854,14 +12117,14 @@ var BalanceCard = styled19.div`
11854
12117
  text-align: center;
11855
12118
  position: relative;
11856
12119
  `;
11857
- var BalanceLabel = styled19.div`
12120
+ var BalanceLabel = styled9.div`
11858
12121
  font-size: 0.75rem;
11859
12122
  color: var(--color-text-secondary);
11860
12123
  text-transform: uppercase;
11861
12124
  letter-spacing: 0.5px;
11862
12125
  margin-bottom: 0.5rem;
11863
12126
  `;
11864
- var BalanceValue = styled19.div`
12127
+ var BalanceValue = styled9.div`
11865
12128
  font-size: 1.5rem;
11866
12129
  font-weight: 700;
11867
12130
  color: #fff;
@@ -11877,20 +12140,20 @@ var BalanceValue = styled19.div`
11877
12140
  font-size: 1.2rem;
11878
12141
  }
11879
12142
  `;
11880
- var BalanceAction = styled19.div`
12143
+ var BalanceAction = styled9.div`
11881
12144
  font-size: 0.75rem;
11882
12145
  color: #D4AF37;
11883
12146
  cursor: pointer;
11884
12147
  font-weight: 500;
11885
12148
  margin-top: 0.5rem;
11886
12149
  `;
11887
- var BalanceSub = styled19.div`
12150
+ var BalanceSub = styled9.div`
11888
12151
  font-size: 0.85rem;
11889
12152
  font-weight: 500;
11890
12153
  color: var(--color-text-secondary);
11891
12154
  margin-top: 0.25rem;
11892
12155
  `;
11893
- var OrderPendingCard = styled19.div`
12156
+ var OrderPendingCard = styled9.div`
11894
12157
  margin-bottom: 1.5rem;
11895
12158
  background: linear-gradient(180deg, rgba(25,27,31,0.95) 0%, rgba(18,20,24,0.98) 100%);
11896
12159
  border: 1px solid rgba(212,175,55,0.08);
@@ -11994,7 +12257,7 @@ var OrderPendingCard = styled19.div`
11994
12257
  animation: pulse 2s ease-in-out infinite;
11995
12258
  }
11996
12259
  `;
11997
- var OrderSuccessCard = styled19.div`
12260
+ var OrderSuccessCard = styled9.div`
11998
12261
  margin-bottom: 1.5rem;
11999
12262
  background: linear-gradient(180deg, rgba(25,27,31,0.95) 0%, rgba(18,20,24,0.98) 100%);
12000
12263
  border: 1px solid rgba(212,175,55,0.12);
@@ -12098,7 +12361,7 @@ var OrderSuccessCard = styled19.div`
12098
12361
  transition: all 0.2s ease;
12099
12362
  }
12100
12363
  `;
12101
- var InsufficientFunds = styled19.div`
12364
+ var InsufficientFunds = styled9.div`
12102
12365
  margin-top: 1rem;
12103
12366
  padding: 0.75rem 1rem;
12104
12367
  border-radius: 8px;
@@ -12616,14 +12879,14 @@ function PortfolioActivityPanel({
12616
12879
  ] }) })
12617
12880
  ] });
12618
12881
  }
12619
- var Container3 = styled19.div``;
12620
- var PanelTitle = styled19.h3`
12882
+ var Container3 = styled9.div``;
12883
+ var PanelTitle = styled9.h3`
12621
12884
  font-size: 1rem;
12622
12885
  font-weight: 600;
12623
12886
  color: var(--color-text, #fff);
12624
12887
  margin: 0 0 0.75rem;
12625
12888
  `;
12626
- var TabContainer = styled19.div`
12889
+ var TabContainer = styled9.div`
12627
12890
  display: flex;
12628
12891
  gap: 0;
12629
12892
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
@@ -12634,7 +12897,7 @@ var TabContainer = styled19.div`
12634
12897
  scrollbar-width: none;
12635
12898
  &::-webkit-scrollbar { display: none; }
12636
12899
  `;
12637
- var Tab = styled19.button`
12900
+ var Tab = styled9.button`
12638
12901
  background: transparent;
12639
12902
  border: none;
12640
12903
  padding: 0.6rem 1rem;
@@ -12663,12 +12926,12 @@ var Tab = styled19.button`
12663
12926
  color: ${({ $active }) => $active ? "#fff" : "rgba(255, 255, 255, 0.65)"};
12664
12927
  }
12665
12928
  `;
12666
- var TabCount = styled19.span`
12929
+ var TabCount = styled9.span`
12667
12930
  color: #E6C656;
12668
12931
  font-weight: 600;
12669
12932
  margin-left: 2px;
12670
12933
  `;
12671
- styled19.div`
12934
+ styled9.div`
12672
12935
  display: grid;
12673
12936
  grid-template-columns: auto 1fr auto auto;
12674
12937
  align-items: center;
@@ -12684,7 +12947,7 @@ styled19.div`
12684
12947
  background: rgba(255, 255, 255, 0.015);
12685
12948
  }
12686
12949
  `;
12687
- styled19.span`
12950
+ styled9.span`
12688
12951
  font-size: 0.6rem;
12689
12952
  font-weight: 700;
12690
12953
  text-transform: uppercase;
@@ -12696,21 +12959,21 @@ styled19.span`
12696
12959
  color: ${({ $side }) => $side === "Buy" ? "#0ecb81" : "#f6465d"};
12697
12960
  background: ${({ $side }) => $side === "Buy" ? "rgba(14, 203, 129, 0.1)" : "rgba(246, 70, 93, 0.1)"};
12698
12961
  `;
12699
- styled19.div`
12962
+ styled9.div`
12700
12963
  display: flex;
12701
12964
  flex-direction: column;
12702
12965
  gap: 0.1rem;
12703
12966
  `;
12704
- styled19.span`
12967
+ styled9.span`
12705
12968
  font-size: 0.8rem;
12706
12969
  color: #fff;
12707
12970
  font-weight: 500;
12708
12971
  `;
12709
- styled19.span`
12972
+ styled9.span`
12710
12973
  font-size: 0.6rem;
12711
12974
  color: rgba(255, 255, 255, 0.35);
12712
12975
  `;
12713
- var ActivityTag = styled19.span`
12976
+ var ActivityTag = styled9.span`
12714
12977
  font-size: 0.58rem;
12715
12978
  font-weight: 600;
12716
12979
  padding: 0.15rem 0.45rem;
@@ -12719,20 +12982,20 @@ var ActivityTag = styled19.span`
12719
12982
  background: ${({ $bg }) => $bg || "rgba(255, 255, 255, 0.06)"};
12720
12983
  white-space: nowrap;
12721
12984
  `;
12722
- styled19.span`
12985
+ styled9.span`
12723
12986
  font-size: 0.8rem;
12724
12987
  font-weight: 600;
12725
12988
  color: #fff;
12726
12989
  text-align: right;
12727
12990
  white-space: nowrap;
12728
12991
  `;
12729
- styled19.div`
12992
+ styled9.div`
12730
12993
  display: flex;
12731
12994
  align-items: center;
12732
12995
  justify-content: flex-end;
12733
12996
  gap: 0.35rem;
12734
12997
  `;
12735
- styled19.a`
12998
+ styled9.a`
12736
12999
  display: inline-flex;
12737
13000
  align-items: center;
12738
13001
  justify-content: center;
@@ -12754,13 +13017,13 @@ styled19.a`
12754
13017
  outline-offset: 2px;
12755
13018
  }
12756
13019
  `;
12757
- var EmptyState = styled19.div`
13020
+ var EmptyState = styled9.div`
12758
13021
  padding: 1.5rem 0.75rem;
12759
13022
  text-align: center;
12760
13023
  font-size: 0.8rem;
12761
13024
  color: rgba(255, 255, 255, 0.45);
12762
13025
  `;
12763
- var PaginationRow = styled19.div`
13026
+ var PaginationRow = styled9.div`
12764
13027
  display: flex;
12765
13028
  align-items: center;
12766
13029
  justify-content: center;
@@ -12769,7 +13032,7 @@ var PaginationRow = styled19.div`
12769
13032
  padding-top: 1rem;
12770
13033
  border-top: 1px solid rgba(255, 255, 255, 0.06);
12771
13034
  `;
12772
- var PaginationButton = styled19.button`
13035
+ var PaginationButton = styled9.button`
12773
13036
  background: transparent;
12774
13037
  border: 1px solid rgba(255, 255, 255, 0.12);
12775
13038
  border-radius: 8px;
@@ -12783,25 +13046,25 @@ var PaginationButton = styled19.button`
12783
13046
  cursor: default;
12784
13047
  }
12785
13048
  `;
12786
- var PaginationLabel = styled19.span`
13049
+ var PaginationLabel = styled9.span`
12787
13050
  font-size: 0.8rem;
12788
13051
  color: rgba(255, 255, 255, 0.4);
12789
13052
  `;
12790
- var PositionsHeader = styled19.div`
13053
+ var PositionsHeader = styled9.div`
12791
13054
  display: grid;
12792
13055
  grid-template-columns: ${(p) => p.$hasClose ? "1.4fr 0.8fr 1fr 1fr 1fr 1.1fr 110px" : "1.2fr 0.8fr 1fr 1fr 1fr 1.2fr"};
12793
13056
  gap: 0 0.75rem;
12794
13057
  padding: 0.4rem 0.5rem;
12795
13058
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
12796
13059
  `;
12797
- var PositionsHeaderCell = styled19.div`
13060
+ var PositionsHeaderCell = styled9.div`
12798
13061
  font-size: 0.68rem;
12799
13062
  font-weight: 500;
12800
13063
  color: rgba(255, 255, 255, 0.4);
12801
13064
  text-align: ${(p) => p.$align || "left"};
12802
13065
  white-space: nowrap;
12803
13066
  `;
12804
- var SortableHeaderCell = styled19.div`
13067
+ var SortableHeaderCell = styled9.div`
12805
13068
  font-size: 0.68rem;
12806
13069
  font-weight: 500;
12807
13070
  color: ${(p) => p.$active ? "rgba(255, 255, 255, 0.7)" : "rgba(255, 255, 255, 0.4)"};
@@ -12811,7 +13074,7 @@ var SortableHeaderCell = styled19.div`
12811
13074
  transition: color 0.15s ease;
12812
13075
  &:hover { color: rgba(255, 255, 255, 0.7); }
12813
13076
  `;
12814
- var PositionsRow = styled19.div`
13077
+ var PositionsRow = styled9.div`
12815
13078
  display: grid;
12816
13079
  grid-template-columns: ${(p) => p.$hasClose ? "1.4fr 0.8fr 1fr 1fr 1fr 1.1fr 110px" : "1.2fr 0.8fr 1fr 1fr 1fr 1.2fr"};
12817
13080
  align-items: center;
@@ -12824,29 +13087,29 @@ var PositionsRow = styled19.div`
12824
13087
  &:hover { background: rgba(255, 255, 255, 0.04); }
12825
13088
  &:last-child { border-bottom: none; }
12826
13089
  `;
12827
- var PositionsCell = styled19.div`
13090
+ var PositionsCell = styled9.div`
12828
13091
  display: flex;
12829
13092
  flex-direction: column;
12830
13093
  align-items: ${(p) => p.$align === "right" ? "flex-end" : "flex-start"};
12831
13094
  gap: 0.1rem;
12832
13095
  `;
12833
- var HoldingsPropertyLink = styled19.span`
13096
+ var HoldingsPropertyLink = styled9.span`
12834
13097
  font-size: 0.8rem;
12835
13098
  font-weight: 600;
12836
13099
  color: #fff;
12837
13100
  cursor: grab;
12838
13101
  &:hover { text-decoration: underline; color: var(--color-accent, #E6C87E); }
12839
13102
  `;
12840
- var PnLAmount = styled19.div`
13103
+ var PnLAmount = styled9.div`
12841
13104
  font-size: 0.85rem;
12842
13105
  font-weight: 600;
12843
13106
  color: ${(p) => p.$positive ? "#0ecb81" : "#f6465d"};
12844
13107
  `;
12845
- var PnLPercentage = styled19.div`
13108
+ var PnLPercentage = styled9.div`
12846
13109
  font-size: 0.7rem;
12847
13110
  color: ${(p) => p.$positive ? "#0ecb81" : "#f6465d"};
12848
13111
  `;
12849
- var CancelButton = styled19.button`
13112
+ var CancelButton = styled9.button`
12850
13113
  background: transparent;
12851
13114
  border: 1px solid rgba(246, 70, 93, 0.3);
12852
13115
  border-radius: 4px;
@@ -12868,20 +13131,20 @@ var CancelButton = styled19.button`
12868
13131
  cursor: not-allowed;
12869
13132
  }
12870
13133
  `;
12871
- var GridHeader = styled19.div`
13134
+ var GridHeader = styled9.div`
12872
13135
  display: grid;
12873
13136
  grid-template-columns: ${(p) => p.$columns};
12874
13137
  gap: 0 0.75rem;
12875
13138
  padding: 0.4rem 0.5rem;
12876
13139
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
12877
13140
  `;
12878
- var GridHeaderCell = styled19.div`
13141
+ var GridHeaderCell = styled9.div`
12879
13142
  font-size: 0.68rem;
12880
13143
  font-weight: 500;
12881
13144
  color: rgba(255, 255, 255, 0.4);
12882
13145
  white-space: nowrap;
12883
13146
  `;
12884
- var GridRow = styled19.div`
13147
+ var GridRow = styled9.div`
12885
13148
  display: grid;
12886
13149
  grid-template-columns: ${(p) => p.$columns};
12887
13150
  align-items: center;
@@ -12891,12 +13154,12 @@ var GridRow = styled19.div`
12891
13154
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
12892
13155
  &:last-child { border-bottom: none; }
12893
13156
  `;
12894
- var GridCell = styled19.div`
13157
+ var GridCell = styled9.div`
12895
13158
  display: flex;
12896
13159
  align-items: center;
12897
13160
  min-width: 0;
12898
13161
  `;
12899
- var CellText = styled19.span`
13162
+ var CellText = styled9.span`
12900
13163
  font-size: 0.8rem;
12901
13164
  font-weight: ${(p) => p.$primary ? 600 : 400};
12902
13165
  color: ${(p) => p.$color || (p.$muted ? "rgba(255,255,255,0.5)" : "#fff")};
@@ -12904,12 +13167,12 @@ var CellText = styled19.span`
12904
13167
  overflow: hidden;
12905
13168
  text-overflow: ellipsis;
12906
13169
  `;
12907
- var SideBadge = styled19.span`
13170
+ var SideBadge = styled9.span`
12908
13171
  font-size: 0.68rem;
12909
13172
  font-weight: 600;
12910
13173
  color: ${({ $side }) => $side === "Buy" ? "#0ecb81" : "#f6465d"};
12911
13174
  `;
12912
- var EditableCellWrap = styled19.span`
13175
+ var EditableCellWrap = styled9.span`
12913
13176
  display: inline-flex;
12914
13177
  align-items: center;
12915
13178
  gap: 0.35rem;
@@ -12926,7 +13189,7 @@ var EditableCellWrap = styled19.span`
12926
13189
  color: var(--color-accent, #E6C87E);
12927
13190
  }
12928
13191
  `;
12929
- var EditInput = styled19.input`
13192
+ var EditInput = styled9.input`
12930
13193
  width: 5rem;
12931
13194
  background: rgba(255, 255, 255, 0.06);
12932
13195
  border: 1px solid rgba(255, 255, 255, 0.15);
@@ -12948,7 +13211,7 @@ var EditInput = styled19.input`
12948
13211
  }
12949
13212
  -moz-appearance: textfield;
12950
13213
  `;
12951
- var CancelConfirmOverlay = styled19.div`
13214
+ var CancelConfirmOverlay = styled9.div`
12952
13215
  position: fixed;
12953
13216
  inset: 0;
12954
13217
  background: rgba(0, 0, 0, 0.6);
@@ -12957,7 +13220,7 @@ var CancelConfirmOverlay = styled19.div`
12957
13220
  justify-content: center;
12958
13221
  z-index: 1000;
12959
13222
  `;
12960
- var CancelConfirmModal = styled19.div`
13223
+ var CancelConfirmModal = styled9.div`
12961
13224
  background: #1a1a1a;
12962
13225
  border: 1px solid rgba(255, 255, 255, 0.12);
12963
13226
  border-radius: 12px;
@@ -12968,22 +13231,22 @@ var CancelConfirmModal = styled19.div`
12968
13231
  flex-direction: column;
12969
13232
  gap: 0.75rem;
12970
13233
  `;
12971
- var CancelConfirmTitle = styled19.div`
13234
+ var CancelConfirmTitle = styled9.div`
12972
13235
  font-size: 1rem;
12973
13236
  font-weight: 600;
12974
13237
  color: #fff;
12975
13238
  `;
12976
- var CancelConfirmBody = styled19.div`
13239
+ var CancelConfirmBody = styled9.div`
12977
13240
  font-size: 0.85rem;
12978
13241
  color: rgba(255, 255, 255, 0.6);
12979
13242
  line-height: 1.5;
12980
13243
  `;
12981
- var CancelConfirmActions = styled19.div`
13244
+ var CancelConfirmActions = styled9.div`
12982
13245
  display: flex;
12983
13246
  gap: 0.5rem;
12984
13247
  margin-top: 0.25rem;
12985
13248
  `;
12986
- var CancelConfirmDismiss = styled19.button`
13249
+ var CancelConfirmDismiss = styled9.button`
12987
13250
  flex: 1;
12988
13251
  background: rgba(255, 255, 255, 0.06);
12989
13252
  border: 1px solid rgba(255, 255, 255, 0.12);
@@ -12999,7 +13262,7 @@ var CancelConfirmDismiss = styled19.button`
12999
13262
  background: rgba(255, 255, 255, 0.1);
13000
13263
  }
13001
13264
  `;
13002
- var CancelConfirmProceed = styled19.button`
13265
+ var CancelConfirmProceed = styled9.button`
13003
13266
  flex: 1;
13004
13267
  background: rgba(246, 70, 93, 0.15);
13005
13268
  border: 1px solid rgba(246, 70, 93, 0.4);
@@ -13020,12 +13283,12 @@ var CancelConfirmProceed = styled19.button`
13020
13283
  cursor: not-allowed;
13021
13284
  }
13022
13285
  `;
13023
- var CloseActions = styled19.div`
13286
+ var CloseActions = styled9.div`
13024
13287
  display: flex;
13025
13288
  gap: 0.35rem;
13026
13289
  align-items: center;
13027
13290
  `;
13028
- var CloseBtn2 = styled19.button`
13291
+ var CloseBtn2 = styled9.button`
13029
13292
  background: transparent;
13030
13293
  border: 1px solid rgba(230, 200, 126, 0.25);
13031
13294
  border-radius: 4px;
@@ -13045,7 +13308,7 @@ var CloseBtn2 = styled19.button`
13045
13308
  border-color: rgba(230, 200, 126, 0.5);
13046
13309
  }
13047
13310
  `;
13048
- var CloseAllHeaderBtn = styled19.button`
13311
+ var CloseAllHeaderBtn = styled9.button`
13049
13312
  background: rgba(230, 200, 126, 0.1);
13050
13313
  border: 1px solid rgba(230, 200, 126, 0.3);
13051
13314
  border-radius: 4px;
@@ -13062,7 +13325,7 @@ var CloseAllHeaderBtn = styled19.button`
13062
13325
  border-color: rgba(230, 200, 126, 0.5);
13063
13326
  }
13064
13327
  `;
13065
- var CloseAllOverlay = styled19.div`
13328
+ var CloseAllOverlay = styled9.div`
13066
13329
  position: fixed;
13067
13330
  inset: 0;
13068
13331
  background: rgba(0, 0, 0, 0.6);
@@ -13071,7 +13334,7 @@ var CloseAllOverlay = styled19.div`
13071
13334
  justify-content: center;
13072
13335
  z-index: 1000;
13073
13336
  `;
13074
- var CloseAllModal = styled19.div`
13337
+ var CloseAllModal = styled9.div`
13075
13338
  background: #1a1a1a;
13076
13339
  border: 1px solid rgba(255, 255, 255, 0.12);
13077
13340
  border-radius: 12px;
@@ -13080,7 +13343,7 @@ var CloseAllModal = styled19.div`
13080
13343
  width: 90%;
13081
13344
  position: relative;
13082
13345
  `;
13083
- var CloseAllModalX = styled19.button`
13346
+ var CloseAllModalX = styled9.button`
13084
13347
  position: absolute;
13085
13348
  top: 0.75rem;
13086
13349
  right: 0.75rem;
@@ -13095,19 +13358,19 @@ var CloseAllModalX = styled19.button`
13095
13358
 
13096
13359
  &:hover { color: #fff; }
13097
13360
  `;
13098
- var CloseAllTitle = styled19.div`
13361
+ var CloseAllTitle = styled9.div`
13099
13362
  font-size: 1rem;
13100
13363
  font-weight: 600;
13101
13364
  color: #fff;
13102
13365
  margin-bottom: 0.5rem;
13103
13366
  `;
13104
- var CloseAllDesc = styled19.div`
13367
+ var CloseAllDesc = styled9.div`
13105
13368
  font-size: 0.8rem;
13106
13369
  color: rgba(255, 255, 255, 0.5);
13107
13370
  line-height: 1.45;
13108
13371
  margin-bottom: 1rem;
13109
13372
  `;
13110
- var CloseAllOption = styled19.div`
13373
+ var CloseAllOption = styled9.div`
13111
13374
  display: flex;
13112
13375
  align-items: center;
13113
13376
  gap: 0.6rem;
@@ -13121,7 +13384,7 @@ var CloseAllOption = styled19.div`
13121
13384
 
13122
13385
  &:hover { background: rgba(255, 255, 255, 0.04); }
13123
13386
  `;
13124
- var CloseAllRadio = styled19.div`
13387
+ var CloseAllRadio = styled9.div`
13125
13388
  width: 16px;
13126
13389
  height: 16px;
13127
13390
  border-radius: 50%;
@@ -13143,7 +13406,7 @@ var CloseAllRadio = styled19.div`
13143
13406
  transition: background 0.15s;
13144
13407
  }
13145
13408
  `;
13146
- var CloseAllConfirmBtn = styled19.button`
13409
+ var CloseAllConfirmBtn = styled9.button`
13147
13410
  width: 100%;
13148
13411
  margin-top: 0.75rem;
13149
13412
  background: rgba(246, 70, 93, 0.15);
@@ -13189,7 +13452,7 @@ function NewsOrdersSection({ newsItems, newsConnectionStatus, activityData }) {
13189
13452
  ) })
13190
13453
  ] });
13191
13454
  }
13192
- var Row2 = styled19.div`
13455
+ var Row2 = styled9.div`
13193
13456
  display: grid;
13194
13457
  grid-template-columns: 1fr 2fr;
13195
13458
  gap: 1.5rem;
@@ -13207,7 +13470,7 @@ var Row2 = styled19.div`
13207
13470
  overflow: hidden;
13208
13471
  }
13209
13472
  `;
13210
- var ActivityWrapper = styled19.div`
13473
+ var ActivityWrapper = styled9.div`
13211
13474
  background-color: var(--color-card-darker, #111);
13212
13475
  border-radius: 8px;
13213
13476
  padding: 1.5rem;
@@ -13323,7 +13586,7 @@ function OrderConfirmationModal({
13323
13586
  ] })
13324
13587
  ] }) });
13325
13588
  }
13326
- var Overlay3 = styled19.div`
13589
+ var Overlay3 = styled9.div`
13327
13590
  position: fixed;
13328
13591
  top: 0;
13329
13592
  left: 0;
@@ -13336,7 +13599,7 @@ var Overlay3 = styled19.div`
13336
13599
  z-index: 10000;
13337
13600
  backdrop-filter: blur(4px);
13338
13601
  `;
13339
- var Modal = styled19.div`
13602
+ var Modal = styled9.div`
13340
13603
  background: linear-gradient(135deg, rgba(26,29,35,0.95) 0%, rgba(26,29,35,0.98) 100%);
13341
13604
  border: 1px solid rgba(255,255,255,0.1);
13342
13605
  border-radius: 16px;
@@ -13345,7 +13608,7 @@ var Modal = styled19.div`
13345
13608
  width: 90%;
13346
13609
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
13347
13610
  `;
13348
- var ModalHeader = styled19.div`
13611
+ var ModalHeader = styled9.div`
13349
13612
  display: flex;
13350
13613
  align-items: center;
13351
13614
  margin-bottom: 1.5rem;
@@ -13361,7 +13624,7 @@ var ModalHeader = styled19.div`
13361
13624
  gap: 0.5rem;
13362
13625
  }
13363
13626
  `;
13364
- var Badge2 = styled19.span`
13627
+ var Badge2 = styled9.span`
13365
13628
  padding: 0.25rem 0.75rem;
13366
13629
  border-radius: 6px;
13367
13630
  font-size: 0.75rem;
@@ -13372,12 +13635,12 @@ var Badge2 = styled19.span`
13372
13635
  color: #D4AF37;
13373
13636
  border: 1px solid rgba(212,175,55,0.3);
13374
13637
  `;
13375
- var ModalBody = styled19.div`
13638
+ var ModalBody = styled9.div`
13376
13639
  margin-bottom: 1.5rem;
13377
13640
  display: flex;
13378
13641
  flex-direction: column;
13379
13642
  `;
13380
- var ModalRow = styled19.div`
13643
+ var ModalRow = styled9.div`
13381
13644
  display: flex;
13382
13645
  justify-content: space-between;
13383
13646
  align-items: center;
@@ -13400,7 +13663,7 @@ var ModalRow = styled19.div`
13400
13663
  font-weight: 600;
13401
13664
  }
13402
13665
  `;
13403
- var Warning = styled19.div`
13666
+ var Warning = styled9.div`
13404
13667
  background: rgba(246,70,93,0.1);
13405
13668
  border: 1px solid rgba(246,70,93,0.3);
13406
13669
  border-radius: 8px;
@@ -13420,7 +13683,7 @@ var Warning = styled19.div`
13420
13683
  line-height: 1.5;
13421
13684
  }
13422
13685
  `;
13423
- var Summary = styled19.div`
13686
+ var Summary = styled9.div`
13424
13687
  background: rgba(255,255,255,0.03);
13425
13688
  border: 1px solid rgba(255,255,255,0.08);
13426
13689
  border-radius: 8px;
@@ -13433,7 +13696,7 @@ var Summary = styled19.div`
13433
13696
  var spin = keyframes`
13434
13697
  to { transform: rotate(360deg); }
13435
13698
  `;
13436
- var Spinner = styled19.span`
13699
+ var Spinner = styled9.span`
13437
13700
  display: inline-block;
13438
13701
  width: 14px;
13439
13702
  height: 14px;
@@ -13444,7 +13707,7 @@ var Spinner = styled19.span`
13444
13707
  margin-right: 0.5rem;
13445
13708
  vertical-align: -2px;
13446
13709
  `;
13447
- var ButtonRow2 = styled19.div`
13710
+ var ButtonRow2 = styled9.div`
13448
13711
  display: flex;
13449
13712
  gap: 1rem;
13450
13713
  justify-content: flex-end;
@@ -13766,7 +14029,7 @@ function PropertyBuy({
13766
14029
  )
13767
14030
  ] });
13768
14031
  }
13769
- var HeroGrid = styled19.div`
14032
+ var HeroGrid = styled9.div`
13770
14033
  display: grid;
13771
14034
  grid-template-columns: 1fr auto;
13772
14035
  grid-template-rows: auto auto minmax(450px, 520px);
@@ -13835,7 +14098,7 @@ var HeroGrid = styled19.div`
13835
14098
  gap: 0.5rem;
13836
14099
  }
13837
14100
  `;
13838
- var PaymentOption = styled19.div`
14101
+ var PaymentOption = styled9.div`
13839
14102
  display: flex;
13840
14103
  align-items: center;
13841
14104
  padding: 1rem;
@@ -13852,7 +14115,7 @@ var PaymentOption = styled19.div`
13852
14115
  border-color: rgba(0, 123, 255, 0.5);
13853
14116
  }
13854
14117
  `;
13855
- var RadioIndicator = styled19.div`
14118
+ var RadioIndicator = styled9.div`
13856
14119
  width: 20px;
13857
14120
  height: 20px;
13858
14121
  border-radius: 50%;
@@ -13872,7 +14135,7 @@ var RadioIndicator = styled19.div`
13872
14135
  transition: opacity 0.2s;
13873
14136
  }
13874
14137
  `;
13875
- var PaymentMethodDetails = styled19.div`
14138
+ var PaymentMethodDetails = styled9.div`
13876
14139
  background: rgba(0, 0, 0, 0.2);
13877
14140
  border-radius: 8px;
13878
14141
  padding: 1rem;
@@ -13891,7 +14154,7 @@ var PaymentMethodDetails = styled19.div`
13891
14154
  }
13892
14155
  }
13893
14156
  `;
13894
- var ConfirmButton = styled19.button`
14157
+ var ConfirmButton = styled9.button`
13895
14158
  background: ${(props) => props.disabled ? "rgba(255, 255, 255, 0.1)" : "linear-gradient(to right, #d4af37, #f2d35b)"};
13896
14159
  border: none;
13897
14160
  border-radius: 8px;
@@ -14609,7 +14872,7 @@ var OwnerBooking = ({ propertyName, token }) => {
14609
14872
  ] });
14610
14873
  };
14611
14874
  var owner_booking_default = OwnerBooking;
14612
- var DateSelectorDropdown = styled19.div`
14875
+ var DateSelectorDropdown = styled9.div`
14613
14876
  position: absolute;
14614
14877
  top: calc(100% + 0.5rem);
14615
14878
  left: 0;
@@ -14623,7 +14886,7 @@ var DateSelectorDropdown = styled19.div`
14623
14886
  display: ${({ $isOpen }) => $isOpen ? "block" : "none"};
14624
14887
  z-index: 10;
14625
14888
  `;
14626
- var MonthButton = styled19.button`
14889
+ var MonthButton = styled9.button`
14627
14890
  background: ${({ $isSelected }) => $isSelected ? "rgba(212, 175, 55, 0.2)" : "transparent"};
14628
14891
  border: 1px solid
14629
14892
  ${({ $isSelected }) => $isSelected ? "#d4af37" : "rgba(255, 255, 255, 0.12)"};
@@ -14639,7 +14902,7 @@ var MonthButton = styled19.button`
14639
14902
  border-color: rgba(212, 175, 55, 0.5);
14640
14903
  }
14641
14904
  `;
14642
- var DayCell = styled19.div`
14905
+ var DayCell = styled9.div`
14643
14906
  aspect-ratio: 1;
14644
14907
  display: flex;
14645
14908
  align-items: center;
@@ -14673,7 +14936,7 @@ var DayCell = styled19.div`
14673
14936
  opacity: ${({ $isCurrentMonth, $savedRangeColor }) => $isCurrentMonth ? $savedRangeColor ? 0.85 : 1 : 0.35};
14674
14937
  }
14675
14938
  `;
14676
- var AddDateRangeButton = styled19.button`
14939
+ var AddDateRangeButton = styled9.button`
14677
14940
  flex: 1;
14678
14941
  min-width: 180px;
14679
14942
  background: rgba(212, 175, 55, 0.18);
@@ -14695,21 +14958,21 @@ var AddDateRangeButton = styled19.button`
14695
14958
  cursor: not-allowed;
14696
14959
  }
14697
14960
  `;
14698
- var ConfirmButton2 = styled19(AddDateRangeButton)`
14961
+ var ConfirmButton2 = styled9(AddDateRangeButton)`
14699
14962
  flex: 0 0 auto;
14700
14963
  min-width: 140px;
14701
14964
  background: rgba(212, 175, 55, 0.35);
14702
14965
  border-color: rgba(212, 175, 55, 0.6);
14703
14966
  font-weight: 600;
14704
14967
  `;
14705
- var ReservationCard = styled19.div`
14968
+ var ReservationCard = styled9.div`
14706
14969
  background: rgba(0, 0, 0, 0.4);
14707
14970
  border-radius: 12px;
14708
14971
  padding: 1rem;
14709
14972
  margin-top: 1rem;
14710
14973
  border-left: 4px solid ${({ $accent }) => $accent};
14711
14974
  `;
14712
- var ActionButton = styled19.button`
14975
+ var ActionButton = styled9.button`
14713
14976
  background: none;
14714
14977
  border: none;
14715
14978
  color: ${({ $variant }) => $variant === "danger" ? "#ff7676" : "#d4af37"};
@@ -15159,7 +15422,7 @@ function calculatePositionFromPrice(price, undervaluedPrice, fairValue, overvalu
15159
15422
  }
15160
15423
  return 50 + 50 * (price - fairValue) / (overvaluedPrice - fairValue);
15161
15424
  }
15162
- var ValuationIndicator = styled19.div`
15425
+ var ValuationIndicator = styled9.div`
15163
15426
  background-color: rgba(50, 52, 58, 0.95);
15164
15427
  border-radius: 6px;
15165
15428
  padding: 1rem;
@@ -15181,7 +15444,7 @@ var ValuationIndicator = styled19.div`
15181
15444
  }
15182
15445
  }
15183
15446
  `;
15184
- var GaugeIndicator = styled19.div`
15447
+ var GaugeIndicator = styled9.div`
15185
15448
  position: absolute;
15186
15449
  left: ${(props) => props.position}%;
15187
15450
  top: 0.35rem;
@@ -15192,7 +15455,7 @@ var GaugeIndicator = styled19.div`
15192
15455
  background: ${(props) => props.type === "fairValue" ? "#f0b90b" : "rgba(10, 12, 18, 0.95)"};
15193
15456
  box-shadow: ${(props) => props.type === "lastPrice" ? "0 6px 18px rgba(0, 0, 0, 0.65)" : "0 6px 16px rgba(0, 0, 0, 0.45)"};
15194
15457
  `;
15195
- var GaugePriceTag = styled19.div`
15458
+ var GaugePriceTag = styled9.div`
15196
15459
  position: absolute;
15197
15460
  left: ${(props) => props.position}%;
15198
15461
  top: -46px;
@@ -15217,18 +15480,18 @@ var GaugePriceTag = styled19.div`
15217
15480
  color: var(--color-accent);
15218
15481
  }
15219
15482
  `;
15220
- var HiddenMobileChart = styled19.div`
15483
+ var HiddenMobileChart = styled9.div`
15221
15484
  display: none;
15222
15485
  @media (max-width: 480px) {
15223
15486
  display: block;
15224
15487
  }
15225
15488
  `;
15226
- var ValuationWrapper = styled19.div`
15489
+ var ValuationWrapper = styled9.div`
15227
15490
  display: flex;
15228
15491
  flex-direction: column;
15229
15492
  gap: 2rem;
15230
15493
  `;
15231
- var LoadingOverlay = styled19.div`
15494
+ var LoadingOverlay = styled9.div`
15232
15495
  margin-top: 1rem;
15233
15496
  padding: 0.75rem 1rem;
15234
15497
  border-radius: 8px;
@@ -15236,7 +15499,7 @@ var LoadingOverlay = styled19.div`
15236
15499
  color: rgba(255, 255, 255, 0.8);
15237
15500
  font-size: 0.9rem;
15238
15501
  `;
15239
- var ErrorMessage = styled19.div`
15502
+ var ErrorMessage = styled9.div`
15240
15503
  margin-top: 1rem;
15241
15504
  padding: 0.75rem 1rem;
15242
15505
  border-radius: 8px;
@@ -15245,33 +15508,33 @@ var ErrorMessage = styled19.div`
15245
15508
  font-size: 0.9rem;
15246
15509
  border: 1px solid rgba(244, 67, 54, 0.4);
15247
15510
  `;
15248
- var SectionTitle = styled19.h2`
15511
+ var SectionTitle = styled9.h2`
15249
15512
  margin: 0;
15250
15513
  font-size: clamp(1.75rem, 2.5vw, 2.25rem);
15251
15514
  font-weight: 600;
15252
15515
  color: #fff;
15253
15516
  letter-spacing: 0.01em;
15254
15517
  `;
15255
- var LoafPricingSection = styled19.div`
15518
+ var LoafPricingSection = styled9.div`
15256
15519
  background-color: rgba(30, 32, 38, 0.95);
15257
15520
  border-radius: 8px;
15258
15521
  padding: 1.25rem;
15259
15522
  margin-bottom: 1.5rem;
15260
15523
  `;
15261
- var SectionSubheading = styled19.h2`
15524
+ var SectionSubheading = styled9.h2`
15262
15525
  margin: 0;
15263
15526
  font-size: 1.1rem;
15264
15527
  font-weight: 600;
15265
15528
  color: #fff;
15266
15529
  letter-spacing: 0.02em;
15267
15530
  `;
15268
- var PricingModelCard = styled19.div`
15531
+ var PricingModelCard = styled9.div`
15269
15532
  background-color: rgba(40, 42, 48, 0.95);
15270
15533
  border-radius: 8px;
15271
15534
  padding: 1.5rem;
15272
15535
  margin-top: 1rem;
15273
15536
  `;
15274
- var PricingModelHeader = styled19.div`
15537
+ var PricingModelHeader = styled9.div`
15275
15538
  display: flex;
15276
15539
  justify-content: space-between;
15277
15540
  align-items: center;
@@ -15286,13 +15549,13 @@ var PricingModelHeader = styled19.div`
15286
15549
  color: rgba(255, 255, 255, 0.75);
15287
15550
  }
15288
15551
  `;
15289
- var PricingModelTitle = styled19.h3`
15552
+ var PricingModelTitle = styled9.h3`
15290
15553
  margin: 0;
15291
15554
  font-size: 1.2rem;
15292
15555
  font-weight: 600;
15293
15556
  color: #fff;
15294
15557
  `;
15295
- var PricingModelValue = styled19.div`
15558
+ var PricingModelValue = styled9.div`
15296
15559
  font-size: 1.4rem;
15297
15560
  font-weight: 700;
15298
15561
  color: var(--color-primary);
@@ -15301,43 +15564,43 @@ var PricingModelValue = styled19.div`
15301
15564
  font-size: 1.2rem;
15302
15565
  }
15303
15566
  `;
15304
- var PricingModelDetails = styled19.div`
15567
+ var PricingModelDetails = styled9.div`
15305
15568
  display: grid;
15306
15569
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
15307
15570
  gap: 1.5rem;
15308
15571
  margin-bottom: 1.5rem;
15309
15572
  `;
15310
- var PricingModelDetail = styled19.div`
15573
+ var PricingModelDetail = styled9.div`
15311
15574
  background-color: rgba(50, 52, 58, 0.95);
15312
15575
  border-radius: 6px;
15313
15576
  padding: 1rem;
15314
15577
  `;
15315
- var PropertyDetailLabel = styled19.div`
15578
+ var PropertyDetailLabel = styled9.div`
15316
15579
  font-size: 0.85rem;
15317
15580
  color: rgba(255, 255, 255, 0.7);
15318
15581
  margin-bottom: 0.5rem;
15319
15582
  `;
15320
- var PricingDetailValue = styled19.div`
15583
+ var PricingDetailValue = styled9.div`
15321
15584
  font-size: 1rem;
15322
15585
  color: #fff;
15323
15586
  font-weight: 500;
15324
15587
  `;
15325
- var ValuationHeader = styled19.div`
15588
+ var ValuationHeader = styled9.div`
15326
15589
  display: flex;
15327
15590
  justify-content: space-between;
15328
15591
  margin-bottom: 0.75rem;
15329
15592
  `;
15330
- var ValuationTitle = styled19.div`
15593
+ var ValuationTitle = styled9.div`
15331
15594
  font-size: 0.9rem;
15332
15595
  color: rgba(255, 255, 255, 0.7);
15333
15596
  `;
15334
- var ValuationGauge = styled19.div`
15597
+ var ValuationGauge = styled9.div`
15335
15598
  position: relative;
15336
15599
  width: 100%;
15337
15600
  padding: 1.1rem 0 2rem;
15338
15601
  margin: 0.75rem 0 1rem;
15339
15602
  `;
15340
- var GaugeBackground = styled19.div`
15603
+ var GaugeBackground = styled9.div`
15341
15604
  width: 100%;
15342
15605
  height: 18px;
15343
15606
  border-radius: 999px;
@@ -15346,21 +15609,21 @@ var GaugeBackground = styled19.div`
15346
15609
  overflow: hidden;
15347
15610
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.35), 0 8px 18px rgba(0, 0, 0, 0.25);
15348
15611
  `;
15349
- var ValuationDetails = styled19.div`
15612
+ var ValuationDetails = styled9.div`
15350
15613
  display: flex;
15351
15614
  justify-content: space-between;
15352
15615
  margin-top: 1rem;
15353
15616
  `;
15354
- var ValuationItem = styled19.div`
15617
+ var ValuationItem = styled9.div`
15355
15618
  display: flex;
15356
15619
  flex-direction: column;
15357
15620
  `;
15358
- var ValuationValue = styled19.div`
15621
+ var ValuationValue = styled9.div`
15359
15622
  font-size: 1rem;
15360
15623
  font-weight: 600;
15361
15624
  color: #fff;
15362
15625
  `;
15363
- var ChartContainer = styled19.div`
15626
+ var ChartContainer = styled9.div`
15364
15627
  width: 100%;
15365
15628
  height: 301.52px;
15366
15629
  margin-top: 1.5rem;
@@ -15369,14 +15632,14 @@ var ChartContainer = styled19.div`
15369
15632
  padding: 1rem;
15370
15633
  position: relative;
15371
15634
  `;
15372
- var ChartBackground = styled19.div`
15635
+ var ChartBackground = styled9.div`
15373
15636
  position: relative;
15374
15637
  height: 100%;
15375
15638
  width: 100%;
15376
15639
  background: rgba(255, 255, 255, 0.03);
15377
15640
  border-radius: 8px;
15378
15641
  `;
15379
- var ValuationSvg = styled19.svg`
15642
+ var ValuationSvg = styled9.svg`
15380
15643
  position: absolute;
15381
15644
  top: 10px;
15382
15645
  right: 0;
@@ -15386,7 +15649,7 @@ var ValuationSvg = styled19.svg`
15386
15649
  width: 100%;
15387
15650
  height: calc(100% - 35px);
15388
15651
  `;
15389
- var YAxisLabel = styled19.div`
15652
+ var YAxisLabel = styled9.div`
15390
15653
  position: absolute;
15391
15654
  left: -40px;
15392
15655
  font-size: 10px;
@@ -15394,7 +15657,7 @@ var YAxisLabel = styled19.div`
15394
15657
  text-align: right;
15395
15658
  padding-right: 5px;
15396
15659
  `;
15397
- var ValuationCallout = styled19.div`
15660
+ var ValuationCallout = styled9.div`
15398
15661
  display: flex;
15399
15662
  align-items: center;
15400
15663
  justify-content: space-between;
@@ -15404,7 +15667,7 @@ var ValuationCallout = styled19.div`
15404
15667
  border: 1px solid rgba(76, 175, 80, 0.2);
15405
15668
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
15406
15669
  `;
15407
- var ValuationBadge = styled19.div`
15670
+ var ValuationBadge = styled9.div`
15408
15671
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
15409
15672
  color: white;
15410
15673
  padding: 5px 12px;
@@ -15413,17 +15676,17 @@ var ValuationBadge = styled19.div`
15413
15676
  font-weight: 600;
15414
15677
  box-shadow: 0 2px 4px rgba(76, 175, 80, 0.25);
15415
15678
  `;
15416
- var AreaDemandChart = styled19.div`
15679
+ var AreaDemandChart = styled9.div`
15417
15680
  height: 60px;
15418
15681
  width: 100%;
15419
15682
  position: relative;
15420
15683
  `;
15421
- var ChartLabel = styled19.div`
15684
+ var ChartLabel = styled9.div`
15422
15685
  position: absolute;
15423
15686
  font-size: 9px;
15424
15687
  color: rgba(255, 255, 255, 0.7);
15425
15688
  `;
15426
- var RecentSalesSection = styled19.div`
15689
+ var RecentSalesSection = styled9.div`
15427
15690
  background-color: rgba(30, 32, 38, 0.95);
15428
15691
  border-radius: 8px;
15429
15692
  padding: 1.25rem;
@@ -15433,7 +15696,7 @@ var RecentSalesSection = styled19.div`
15433
15696
  position: relative;
15434
15697
  }
15435
15698
  `;
15436
- var SalesGrid = styled19.div`
15699
+ var SalesGrid = styled9.div`
15437
15700
  display: grid;
15438
15701
  grid-template-columns: repeat(3, 1fr);
15439
15702
  gap: 1.5rem;
@@ -15454,7 +15717,7 @@ var SalesGrid = styled19.div`
15454
15717
  scrollbar-width: none;
15455
15718
  }
15456
15719
  `;
15457
- var SaleCard = styled19.div`
15720
+ var SaleCard = styled9.div`
15458
15721
  background-color: var(--color-card, #1e2329);
15459
15722
  border-radius: var(--border-radius, 8px);
15460
15723
  overflow: hidden;
@@ -15478,13 +15741,13 @@ var SaleCard = styled19.div`
15478
15741
  }
15479
15742
  }
15480
15743
  `;
15481
- var SaleImageContainer = styled19.div`
15744
+ var SaleImageContainer = styled9.div`
15482
15745
  position: relative;
15483
15746
  width: 100%;
15484
15747
  height: 200px;
15485
15748
  overflow: hidden;
15486
15749
  `;
15487
- var SaleImage = styled19.img`
15750
+ var SaleImage = styled9.img`
15488
15751
  width: 100%;
15489
15752
  height: 100%;
15490
15753
  object-fit: cover;
@@ -15495,7 +15758,7 @@ var SaleImage = styled19.img`
15495
15758
  transform: scale(1.05);
15496
15759
  }
15497
15760
  `;
15498
- var SoldTag = styled19.div`
15761
+ var SoldTag = styled9.div`
15499
15762
  position: absolute;
15500
15763
  top: 1rem;
15501
15764
  right: 1rem;
@@ -15509,10 +15772,10 @@ var SoldTag = styled19.div`
15509
15772
  align-items: center;
15510
15773
  gap: 4px;
15511
15774
  `;
15512
- var SoldIcon = styled19.div`
15775
+ var SoldIcon = styled9.div`
15513
15776
  display: none;
15514
15777
  `;
15515
- var SalePriceBar = styled19.div`
15778
+ var SalePriceBar = styled9.div`
15516
15779
  display: flex;
15517
15780
  justify-content: space-between;
15518
15781
  align-items: center;
@@ -15520,37 +15783,37 @@ var SalePriceBar = styled19.div`
15520
15783
  background: linear-gradient(90deg, rgba(240, 185, 11, 0.1) 0%, rgba(240, 185, 11, 0.05) 100%);
15521
15784
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
15522
15785
  `;
15523
- var SalePriceLeft = styled19.div`
15786
+ var SalePriceLeft = styled9.div`
15524
15787
  display: flex;
15525
15788
  flex-direction: column;
15526
15789
  `;
15527
- var SalePriceLabel = styled19.span`
15790
+ var SalePriceLabel = styled9.span`
15528
15791
  font-size: 0.7rem;
15529
15792
  color: rgba(255, 255, 255, 0.5);
15530
15793
  text-transform: uppercase;
15531
15794
  letter-spacing: 0.5px;
15532
15795
  `;
15533
- var SalePriceAmount = styled19.span`
15796
+ var SalePriceAmount = styled9.span`
15534
15797
  font-size: 1.1rem;
15535
15798
  font-weight: 700;
15536
15799
  color: var(--color-accent, #f0b90b);
15537
15800
  `;
15538
- var SaleContent = styled19.div`
15801
+ var SaleContent = styled9.div`
15539
15802
  padding: 1rem;
15540
15803
  `;
15541
- var SaleAddress = styled19.h3`
15804
+ var SaleAddress = styled9.h3`
15542
15805
  margin: 0;
15543
15806
  margin-bottom: 0.25rem;
15544
15807
  font-size: 1rem;
15545
15808
  font-weight: 600;
15546
15809
  color: var(--color-text, #eaecef);
15547
15810
  `;
15548
- var SaleSuburb = styled19.div`
15811
+ var SaleSuburb = styled9.div`
15549
15812
  font-size: 0.8rem;
15550
15813
  color: var(--color-text-secondary, #848e9c);
15551
15814
  margin-bottom: 0.5rem;
15552
15815
  `;
15553
- var SaleStatsBar = styled19.div`
15816
+ var SaleStatsBar = styled9.div`
15554
15817
  display: flex;
15555
15818
  justify-content: space-between;
15556
15819
  align-items: center;
@@ -15558,7 +15821,7 @@ var SaleStatsBar = styled19.div`
15558
15821
  background-color: rgba(0, 0, 0, 0.3);
15559
15822
  border-top: 1px solid rgba(255, 255, 255, 0.05);
15560
15823
  `;
15561
- var SaleStatItem = styled19.div`
15824
+ var SaleStatItem = styled9.div`
15562
15825
  display: flex;
15563
15826
  align-items: center;
15564
15827
  gap: 0.25rem;
@@ -15571,11 +15834,11 @@ var SaleStatItem = styled19.div`
15571
15834
  opacity: 0.7;
15572
15835
  }
15573
15836
  `;
15574
- var SaleDate = styled19.div`
15837
+ var SaleDate = styled9.div`
15575
15838
  font-size: 0.75rem;
15576
15839
  color: var(--color-text-secondary, #848e9c);
15577
15840
  `;
15578
- var SwipeIndicator = styled19.div`
15841
+ var SwipeIndicator = styled9.div`
15579
15842
  display: none;
15580
15843
 
15581
15844
  @media (max-width: 768px) {
@@ -15608,7 +15871,7 @@ var pulse = keyframes`
15608
15871
  0%, 100% { transform: scale(1); opacity: 0.8; }
15609
15872
  50% { transform: scale(1.2); opacity: 1; }
15610
15873
  `;
15611
- var FeatureTooltip = styled19.div`
15874
+ var FeatureTooltip = styled9.div`
15612
15875
  position: absolute;
15613
15876
  transform: translate(-50%, calc(-100% - 24px));
15614
15877
  min-width: 180px;
@@ -15650,7 +15913,7 @@ var FeatureTooltip = styled19.div`
15650
15913
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.35));
15651
15914
  }
15652
15915
  `;
15653
- var GalleryOverlay = styled19.div`
15916
+ var GalleryOverlay = styled9.div`
15654
15917
  position: fixed;
15655
15918
  inset: 0;
15656
15919
  z-index: 1000;
@@ -15659,7 +15922,7 @@ var GalleryOverlay = styled19.div`
15659
15922
  flex-direction: column;
15660
15923
  animation: ${fadeIn} 0.3s ease;
15661
15924
  `;
15662
- var GalleryHeader = styled19.div`
15925
+ var GalleryHeader = styled9.div`
15663
15926
  position: relative;
15664
15927
  padding: 1.5rem 2rem;
15665
15928
  display: flex;
@@ -15675,7 +15938,7 @@ var GalleryHeader = styled19.div`
15675
15938
  padding: 1rem;
15676
15939
  }
15677
15940
  `;
15678
- var PropertyInfo = styled19.div`
15941
+ var PropertyInfo = styled9.div`
15679
15942
  color: white;
15680
15943
 
15681
15944
  h2 {
@@ -15690,7 +15953,7 @@ var PropertyInfo = styled19.div`
15690
15953
  font-size: 0.95rem;
15691
15954
  }
15692
15955
  `;
15693
- var CloseButton2 = styled19.button`
15956
+ var CloseButton2 = styled9.button`
15694
15957
  width: 48px;
15695
15958
  height: 48px;
15696
15959
  border-radius: 50%;
@@ -15708,7 +15971,7 @@ var CloseButton2 = styled19.button`
15708
15971
  transform: rotate(90deg);
15709
15972
  }
15710
15973
  `;
15711
- var MainImageContainer = styled19.div`
15974
+ var MainImageContainer = styled9.div`
15712
15975
  position: relative;
15713
15976
  flex: 1;
15714
15977
  display: flex;
@@ -15720,7 +15983,7 @@ var MainImageContainer = styled19.div`
15720
15983
  padding: 60px 0 110px;
15721
15984
  }
15722
15985
  `;
15723
- var MainImage = styled19.img`
15986
+ var MainImage = styled9.img`
15724
15987
  max-width: 90%;
15725
15988
  max-height: 100%;
15726
15989
  object-fit: contain;
@@ -15737,7 +16000,7 @@ var MainImage = styled19.img`
15737
16000
  max-width: 100%;
15738
16001
  }
15739
16002
  `;
15740
- var Hotspot = styled19.button`
16003
+ var Hotspot = styled9.button`
15741
16004
  position: absolute;
15742
16005
  width: 32px;
15743
16006
  height: 32px;
@@ -15756,7 +16019,7 @@ var Hotspot = styled19.button`
15756
16019
  transform: translate(-50%, -50%) scale(1.2);
15757
16020
  }
15758
16021
  `;
15759
- var ThumbnailStrip = styled19.div`
16022
+ var ThumbnailStrip = styled9.div`
15760
16023
  position: absolute;
15761
16024
  bottom: 0;
15762
16025
  left: 0;
@@ -15771,7 +16034,7 @@ var ThumbnailStrip = styled19.div`
15771
16034
  display: none;
15772
16035
  }
15773
16036
  `;
15774
- var Thumbnail3 = styled19.button`
16037
+ var Thumbnail3 = styled9.button`
15775
16038
  width: 86px;
15776
16039
  height: 64px;
15777
16040
  border-radius: 6px;
@@ -15792,7 +16055,7 @@ var Thumbnail3 = styled19.button`
15792
16055
  object-fit: cover;
15793
16056
  }
15794
16057
  `;
15795
- var NavigationButton = styled19.button`
16058
+ var NavigationButton = styled9.button`
15796
16059
  position: absolute;
15797
16060
  top: 50%;
15798
16061
  ${(p) => p.$dir === "prev" ? "left: 2rem;" : "right: 2rem;"}
@@ -15812,7 +16075,7 @@ var NavigationButton = styled19.button`
15812
16075
  display: none;
15813
16076
  }
15814
16077
  `;
15815
- var SliderContainer = styled19.div`
16078
+ var SliderContainer = styled9.div`
15816
16079
  position: absolute;
15817
16080
  bottom: 110px;
15818
16081
  left: 50%;
@@ -15829,21 +16092,21 @@ var SliderContainer = styled19.div`
15829
16092
  width: 85%;
15830
16093
  }
15831
16094
  `;
15832
- var SliderTrack = styled19.div`
16095
+ var SliderTrack = styled9.div`
15833
16096
  position: relative;
15834
16097
  height: 4px;
15835
16098
  background: rgba(255, 255, 255, 0.2);
15836
16099
  border-radius: 999px;
15837
16100
  cursor: pointer;
15838
16101
  `;
15839
- var SliderProgress = styled19.div`
16102
+ var SliderProgress = styled9.div`
15840
16103
  position: absolute;
15841
16104
  inset: 0;
15842
16105
  width: ${(p) => p.$progress}%;
15843
16106
  background: linear-gradient(90deg, var(--color-accent, #f0b90b), rgba(240, 185, 11, 0.5));
15844
16107
  border-radius: inherit;
15845
16108
  `;
15846
- var SliderThumb = styled19.div`
16109
+ var SliderThumb = styled9.div`
15847
16110
  position: absolute;
15848
16111
  top: 50%;
15849
16112
  left: ${(p) => p.$position}%;
@@ -15855,7 +16118,7 @@ var SliderThumb = styled19.div`
15855
16118
  border: 3px solid white;
15856
16119
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
15857
16120
  `;
15858
- var SliderLabels = styled19.div`
16121
+ var SliderLabels = styled9.div`
15859
16122
  display: flex;
15860
16123
  justify-content: space-between;
15861
16124
  margin-top: 0.75rem;
@@ -15870,7 +16133,7 @@ var SliderLabels = styled19.div`
15870
16133
  display: none;
15871
16134
  }
15872
16135
  `;
15873
- var MobileDots = styled19.div`
16136
+ var MobileDots = styled9.div`
15874
16137
  position: absolute;
15875
16138
  bottom: 1.5rem;
15876
16139
  left: 50%;
@@ -15882,7 +16145,7 @@ var MobileDots = styled19.div`
15882
16145
  display: none;
15883
16146
  }
15884
16147
  `;
15885
- var MobileDot = styled19.button`
16148
+ var MobileDot = styled9.button`
15886
16149
  width: 8px;
15887
16150
  height: 8px;
15888
16151
  border-radius: 50%;