@loafmarkets/ui 0.1.146 → 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;
@@ -8436,10 +8466,21 @@ function PropertyOverview({
8436
8466
  propertyStats.map((item) => /* @__PURE__ */ jsxs(StatRow, { children: [
8437
8467
  /* @__PURE__ */ jsx(StatLabel, { children: item.label }),
8438
8468
  /* @__PURE__ */ jsx(StatValue, { children: item.value })
8439
- ] }, item.label))
8469
+ ] }, item.label)),
8470
+ /* @__PURE__ */ jsx(DividendHistoryBtn, { onClick: () => setShowDividendHistory(true), children: "See Dividend History \u2192" })
8440
8471
  ] })
8441
8472
  ] })
8442
8473
  ] }),
8474
+ showDividendHistory && /* @__PURE__ */ jsx(
8475
+ DividendHistoryPopup,
8476
+ {
8477
+ annualRent,
8478
+ totalTokens: resolvedTokensIssued,
8479
+ tokenPrice: tokenPriceValue,
8480
+ ticker,
8481
+ onClose: () => setShowDividendHistory(false)
8482
+ }
8483
+ ),
8443
8484
  galleryImages.length > 0 && /* @__PURE__ */ jsx(
8444
8485
  GalleryMapSection,
8445
8486
  {
@@ -8527,58 +8568,171 @@ function PropertyOverview({
8527
8568
  ] })
8528
8569
  ] });
8529
8570
  }
8530
- 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`
8531
8685
  display: flex;
8532
8686
  flex-direction: column;
8533
8687
  gap: 1.5rem;
8534
8688
  `;
8535
- var Section = styled19.div`
8689
+ var Section = styled9.div`
8536
8690
  background: #111;
8537
8691
  border-radius: 12px;
8538
8692
  padding: 1.75rem;
8539
8693
  `;
8540
- var SectionHeader = styled19.h2`
8694
+ var SectionHeader = styled9.h2`
8541
8695
  font-size: 1.2rem;
8542
8696
  font-weight: 600;
8543
8697
  color: #fff;
8544
8698
  margin: 0 0 1.25rem 0;
8545
8699
  letter-spacing: -0.01em;
8546
8700
  `;
8547
- var AboutGrid = styled19.div`
8701
+ var AboutGrid = styled9.div`
8548
8702
  display: grid;
8549
8703
  grid-template-columns: 1fr 340px;
8550
8704
  gap: 2rem;
8551
8705
  @media (max-width: 900px) { grid-template-columns: 1fr; }
8552
8706
  `;
8553
- var AboutLeft = styled19.div`
8707
+ var AboutLeft = styled9.div`
8554
8708
  min-width: 0;
8555
8709
  `;
8556
- var DescriptionWrap = styled19.div`
8710
+ var DescriptionWrap = styled9.div`
8557
8711
  position: relative;
8558
8712
  max-height: ${(p) => p.$expanded ? "2000px" : "150px"};
8559
8713
  overflow: hidden;
8560
8714
  transition: max-height 0.3s ease;
8561
8715
  `;
8562
- var DescParagraph = styled19.p`
8716
+ var DescParagraph = styled9.p`
8563
8717
  color: rgba(255,255,255,0.65);
8564
8718
  line-height: 1.7;
8565
8719
  font-size: 0.92rem;
8566
8720
  margin: 0;
8567
8721
  margin-top: ${(p) => p.$first ? 0 : "0.85rem"};
8568
8722
  `;
8569
- var DescFade = styled19.div`
8723
+ var DescFade = styled9.div`
8570
8724
  position: absolute;
8571
8725
  bottom: 0; left: 0; right: 0;
8572
8726
  height: 60px;
8573
8727
  background: linear-gradient(to bottom, rgba(17,17,17,0), #111);
8574
8728
  pointer-events: none;
8575
8729
  `;
8576
- var ButtonRow = styled19.div`
8730
+ var ButtonRow = styled9.div`
8577
8731
  margin-top: 1.25rem;
8578
8732
  display: flex;
8579
8733
  gap: 0.75rem;
8580
8734
  `;
8581
- var OutlineBtn = styled19.button`
8735
+ var OutlineBtn = styled9.button`
8582
8736
  padding: 0.5rem 1.25rem;
8583
8737
  border-radius: 8px;
8584
8738
  border: 1px solid rgba(255,255,255,0.2);
@@ -8590,7 +8744,7 @@ var OutlineBtn = styled19.button`
8590
8744
  transition: border-color 0.15s;
8591
8745
  &:hover { border-color: rgba(255,255,255,0.4); }
8592
8746
  `;
8593
- var PrimaryBtn = styled19.button`
8747
+ var PrimaryBtn = styled9.button`
8594
8748
  padding: 0.5rem 1.5rem;
8595
8749
  border-radius: 8px;
8596
8750
  border: none;
@@ -8602,13 +8756,13 @@ var PrimaryBtn = styled19.button`
8602
8756
  transition: background 0.15s;
8603
8757
  &:hover { background: #d4b86a; }
8604
8758
  `;
8605
- var TokenDetailsCard = styled19.div`
8759
+ var TokenDetailsCard = styled9.div`
8606
8760
  background: rgba(255,255,255,0.025);
8607
8761
  border: 1px solid rgba(255,255,255,0.06);
8608
8762
  border-radius: 10px;
8609
8763
  padding: 1.25rem;
8610
8764
  `;
8611
- var TokenDetailsTitle = styled19.div`
8765
+ var TokenDetailsTitle = styled9.div`
8612
8766
  font-size: 0.65rem;
8613
8767
  color: #D4AF37;
8614
8768
  text-transform: uppercase;
@@ -8618,7 +8772,7 @@ var TokenDetailsTitle = styled19.div`
8618
8772
  padding-bottom: 0.75rem;
8619
8773
  border-bottom: 1px solid rgba(255,255,255,0.06);
8620
8774
  `;
8621
- var TokenDetailRow = styled19.div`
8775
+ var TokenDetailRow = styled9.div`
8622
8776
  display: flex;
8623
8777
  justify-content: space-between;
8624
8778
  align-items: center;
@@ -8627,30 +8781,30 @@ var TokenDetailRow = styled19.div`
8627
8781
  &:last-child { border-bottom: none; padding-bottom: 0; }
8628
8782
  &:first-of-type { padding-top: 0; }
8629
8783
  `;
8630
- var TokenDetailLabel = styled19.span`
8784
+ var TokenDetailLabel = styled9.span`
8631
8785
  font-size: 0.82rem;
8632
8786
  color: rgba(255,255,255,0.5);
8633
8787
  font-weight: 400;
8634
8788
  `;
8635
- var TokenDetailValue = styled19.span`
8789
+ var TokenDetailValue = styled9.span`
8636
8790
  font-size: 0.88rem;
8637
8791
  color: #fff;
8638
8792
  font-weight: 500;
8639
8793
  font-family: ${(p) => p.$mono ? "'SF Mono', 'Fira Code', monospace" : "inherit"};
8640
8794
  `;
8641
- var StatsGrid = styled19.div`
8795
+ var StatsGrid = styled9.div`
8642
8796
  display: grid;
8643
8797
  grid-template-columns: 1fr 1fr;
8644
8798
  gap: 1rem;
8645
8799
  @media (max-width: 768px) { grid-template-columns: 1fr; }
8646
8800
  `;
8647
- var StatsColumn = styled19.div`
8801
+ var StatsColumn = styled9.div`
8648
8802
  background: rgba(255,255,255,0.025);
8649
8803
  border: 1px solid rgba(255,255,255,0.06);
8650
8804
  border-radius: 10px;
8651
8805
  padding: 1.25rem;
8652
8806
  `;
8653
- var StatsColumnHeader = styled19.div`
8807
+ var StatsColumnHeader = styled9.div`
8654
8808
  font-size: 0.65rem;
8655
8809
  color: #D4AF37;
8656
8810
  text-transform: uppercase;
@@ -8660,7 +8814,7 @@ var StatsColumnHeader = styled19.div`
8660
8814
  padding-bottom: 0.75rem;
8661
8815
  border-bottom: 1px solid rgba(255,255,255,0.06);
8662
8816
  `;
8663
- var StatRow = styled19.div`
8817
+ var StatRow = styled9.div`
8664
8818
  display: flex;
8665
8819
  justify-content: space-between;
8666
8820
  align-items: center;
@@ -8668,7 +8822,7 @@ var StatRow = styled19.div`
8668
8822
  border-bottom: 1px solid rgba(255,255,255,0.04);
8669
8823
  &:last-child { border-bottom: none; padding-bottom: 0; }
8670
8824
  `;
8671
- var StatLabel = styled19.span`
8825
+ var StatLabel = styled9.span`
8672
8826
  font-size: 0.82rem;
8673
8827
  color: rgba(255,255,255,0.5);
8674
8828
  font-weight: 400;
@@ -8676,34 +8830,34 @@ var StatLabel = styled19.span`
8676
8830
  align-items: center;
8677
8831
  gap: 0.5rem;
8678
8832
  `;
8679
- styled19.span`
8833
+ styled9.span`
8680
8834
  font-size: 0.6rem;
8681
8835
  color: #4CAF50;
8682
8836
  display: inline-flex;
8683
8837
  align-items: center;
8684
8838
  gap: 3px;
8685
8839
  `;
8686
- var StatValue = styled19.span`
8840
+ var StatValue = styled9.span`
8687
8841
  font-size: 1rem;
8688
8842
  font-weight: 600;
8689
8843
  color: ${(p) => p.$gold ? "#D4AF37" : "#fff"};
8690
8844
  font-variant-numeric: tabular-nums;
8691
8845
  `;
8692
- var AssetPanelsGrid = styled19.div`
8846
+ var AssetPanelsGrid = styled9.div`
8693
8847
  display: grid;
8694
8848
  grid-template-columns: 1fr 1fr;
8695
8849
  gap: 1rem;
8696
8850
  @media (max-width: 768px) { grid-template-columns: 1fr; }
8697
8851
  `;
8698
- var MetricsPanel = styled19.div`
8852
+ var MetricsPanel = styled9.div`
8699
8853
  background: rgba(255,255,255,0.025);
8700
8854
  border-radius: 10px;
8701
8855
  border: 1px solid rgba(255,255,255,0.06);
8702
8856
  padding: 1.25rem 1.5rem;
8703
8857
  overflow: hidden;
8704
8858
  `;
8705
- var InfoPanel = styled19(MetricsPanel)``;
8706
- var MetricsPanelTitle = styled19.div`
8859
+ var InfoPanel = styled9(MetricsPanel)``;
8860
+ var MetricsPanelTitle = styled9.div`
8707
8861
  font-size: 0.65rem;
8708
8862
  color: #D4AF37;
8709
8863
  text-transform: uppercase;
@@ -8713,7 +8867,7 @@ var MetricsPanelTitle = styled19.div`
8713
8867
  padding-bottom: 0.75rem;
8714
8868
  border-bottom: 1px solid rgba(255,255,255,0.06);
8715
8869
  `;
8716
- var LandFloorCard = styled19.div`
8870
+ var LandFloorCard = styled9.div`
8717
8871
  background: linear-gradient(135deg, rgba(212,175,55,0.12), rgba(184,134,11,0.06));
8718
8872
  border-radius: 10px;
8719
8873
  padding: 0.85rem 1rem;
@@ -8722,7 +8876,7 @@ var LandFloorCard = styled19.div`
8722
8876
  gap: 1rem;
8723
8877
  margin-bottom: 0.75rem;
8724
8878
  `;
8725
- var MetricLabel = styled19.div`
8879
+ var MetricLabel = styled9.div`
8726
8880
  font-size: 0.65rem;
8727
8881
  color: #D4AF37;
8728
8882
  text-transform: uppercase;
@@ -8730,35 +8884,35 @@ var MetricLabel = styled19.div`
8730
8884
  margin-bottom: 0.4rem;
8731
8885
  font-weight: 500;
8732
8886
  `;
8733
- var MetricValueRow = styled19.div`
8887
+ var MetricValueRow = styled9.div`
8734
8888
  display: flex;
8735
8889
  align-items: baseline;
8736
8890
  gap: 0.25rem;
8737
8891
  `;
8738
- var MetricBig = styled19.span`
8892
+ var MetricBig = styled9.span`
8739
8893
  font-size: 1.5rem;
8740
8894
  font-weight: 700;
8741
8895
  color: #D4AF37;
8742
8896
  line-height: 1;
8743
8897
  `;
8744
- var MetricUnit = styled19.span`
8898
+ var MetricUnit = styled9.span`
8745
8899
  font-size: 0.7rem;
8746
8900
  color: rgba(212,175,55,0.7);
8747
8901
  font-weight: 500;
8748
8902
  `;
8749
- var FeaturesGrid = styled19.div`
8903
+ var FeaturesGrid = styled9.div`
8750
8904
  display: grid;
8751
8905
  grid-template-columns: repeat(3, 1fr);
8752
8906
  gap: 0.75rem;
8753
8907
  @media (max-width: 768px) { grid-template-columns: repeat(2, 1fr); }
8754
8908
  `;
8755
- var TradingHoursCard = styled19.div`
8909
+ var TradingHoursCard = styled9.div`
8756
8910
  background: rgba(255,255,255,0.025);
8757
8911
  border: 1px solid rgba(255,255,255,0.06);
8758
8912
  border-radius: 10px;
8759
8913
  overflow: hidden;
8760
8914
  `;
8761
- var TradingHoursRow = styled19.div`
8915
+ var TradingHoursRow = styled9.div`
8762
8916
  display: grid;
8763
8917
  grid-template-columns: 1fr 1fr 1fr;
8764
8918
  padding: 0.75rem 1.25rem;
@@ -8767,37 +8921,37 @@ var TradingHoursRow = styled19.div`
8767
8921
  border-bottom: 1px solid rgba(255,255,255,0.08);
8768
8922
  }
8769
8923
  `;
8770
- var THLabel = styled19.span`
8924
+ var THLabel = styled9.span`
8771
8925
  font-size: 0.7rem;
8772
8926
  color: rgba(255,255,255,0.4);
8773
8927
  text-transform: uppercase;
8774
8928
  letter-spacing: 0.08em;
8775
8929
  font-weight: 500;
8776
8930
  `;
8777
- var THValue = styled19.span`
8931
+ var THValue = styled9.span`
8778
8932
  font-size: 0.85rem;
8779
8933
  color: rgba(255,255,255,0.8);
8780
8934
  font-weight: 400;
8781
8935
  `;
8782
- var TradingHoursNote = styled19.div`
8936
+ var TradingHoursNote = styled9.div`
8783
8937
  padding: 0.75rem 1.25rem;
8784
8938
  font-size: 0.75rem;
8785
8939
  color: rgba(255,255,255,0.35);
8786
8940
  border-top: 1px solid rgba(255,255,255,0.04);
8787
8941
  `;
8788
- var ProtectionsGrid = styled19.div`
8942
+ var ProtectionsGrid = styled9.div`
8789
8943
  display: grid;
8790
8944
  grid-template-columns: 1fr 1fr;
8791
8945
  gap: 1rem;
8792
8946
  @media (max-width: 768px) { grid-template-columns: 1fr; }
8793
8947
  `;
8794
- var ProtectionCard = styled19.div`
8948
+ var ProtectionCard = styled9.div`
8795
8949
  background: rgba(255,255,255,0.025);
8796
8950
  border: 1px solid rgba(255,255,255,0.06);
8797
8951
  border-radius: 10px;
8798
8952
  padding: 1.25rem;
8799
8953
  `;
8800
- var ProtectionIconWrap = styled19.div`
8954
+ var ProtectionIconWrap = styled9.div`
8801
8955
  width: 36px;
8802
8956
  height: 36px;
8803
8957
  border-radius: 8px;
@@ -8807,18 +8961,18 @@ var ProtectionIconWrap = styled19.div`
8807
8961
  justify-content: center;
8808
8962
  margin-bottom: 0.75rem;
8809
8963
  `;
8810
- var ProtectionTitle = styled19.div`
8964
+ var ProtectionTitle = styled9.div`
8811
8965
  font-size: 0.92rem;
8812
8966
  font-weight: 600;
8813
8967
  color: #fff;
8814
8968
  margin-bottom: 0.4rem;
8815
8969
  `;
8816
- var ProtectionDesc = styled19.div`
8970
+ var ProtectionDesc = styled9.div`
8817
8971
  font-size: 0.8rem;
8818
8972
  color: rgba(255,255,255,0.5);
8819
8973
  line-height: 1.5;
8820
8974
  `;
8821
- var HoldRatioWrap = styled19.div`
8975
+ var HoldRatioWrap = styled9.div`
8822
8976
  display: flex;
8823
8977
  flex-direction: column;
8824
8978
  gap: 6px;
@@ -8826,19 +8980,19 @@ var HoldRatioWrap = styled19.div`
8826
8980
  margin-top: 0.5rem;
8827
8981
  border-top: 1px solid rgba(255,255,255,0.04);
8828
8982
  `;
8829
- var HoldRatioTitle = styled19.div`
8983
+ var HoldRatioTitle = styled9.div`
8830
8984
  display: flex;
8831
8985
  align-items: center;
8832
8986
  gap: 5px;
8833
8987
  `;
8834
- var HoldRatioTitleText = styled19.span`
8988
+ var HoldRatioTitleText = styled9.span`
8835
8989
  font-size: 0.65rem;
8836
8990
  font-weight: 600;
8837
8991
  text-transform: uppercase;
8838
8992
  letter-spacing: 0.06em;
8839
8993
  color: rgba(255,255,255,0.4);
8840
8994
  `;
8841
- var HoldRatioInfo = styled19.span`
8995
+ var HoldRatioInfo = styled9.span`
8842
8996
  position: relative;
8843
8997
  display: inline-flex;
8844
8998
  align-items: center;
@@ -8881,38 +9035,145 @@ var HoldRatioInfo = styled19.span`
8881
9035
  opacity: 1;
8882
9036
  }
8883
9037
  `;
8884
- var HoldRatioHeader = styled19.div`
9038
+ var HoldRatioHeader = styled9.div`
8885
9039
  display: flex;
8886
9040
  align-items: center;
8887
9041
  justify-content: space-between;
8888
9042
  `;
8889
- var HoldRatioLabel = styled19.span`
9043
+ var HoldRatioLabel = styled9.span`
8890
9044
  font-size: 0.7rem;
8891
9045
  font-weight: 600;
8892
9046
  text-transform: uppercase;
8893
9047
  letter-spacing: 0.05em;
8894
9048
  color: ${(p) => p.$side === "trade" ? "rgba(246, 70, 93, 0.6)" : "rgba(14, 203, 129, 0.6)"};
8895
9049
  `;
8896
- var HoldRatioValue = styled19.span`
9050
+ var HoldRatioValue = styled9.span`
8897
9051
  font-size: 0.75rem;
8898
9052
  font-weight: 600;
8899
9053
  font-variant-numeric: tabular-nums;
8900
9054
  color: ${(p) => p.$side === "trade" ? "rgba(246, 70, 93, 0.7)" : "rgba(14, 203, 129, 0.7)"};
8901
9055
  `;
8902
- var HoldRatioTrack = styled19.div`
9056
+ var HoldRatioTrack = styled9.div`
8903
9057
  height: 6px;
8904
9058
  border-radius: 3px;
8905
9059
  background: rgba(246, 70, 93, 0.15);
8906
9060
  overflow: hidden;
8907
9061
  position: relative;
8908
9062
  `;
8909
- var HoldRatioFill = styled19.div`
9063
+ var HoldRatioFill = styled9.div`
8910
9064
  height: 100%;
8911
9065
  width: ${(p) => p.$pct}%;
8912
9066
  border-radius: 3px;
8913
9067
  background: rgba(14, 203, 129, 0.35);
8914
9068
  transition: width 0.6s ease;
8915
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
+ `;
8916
9177
  var STATUS_BG = {
8917
9178
  active: "rgba(14,203,129,0.18)",
8918
9179
  rejected: "rgba(246,70,93,0.18)",
@@ -9007,7 +9268,7 @@ function PropertyOffers({ offers, totalShares }) {
9007
9268
  )) })
9008
9269
  ] });
9009
9270
  }
9010
- var OfferPricePulse = styled19.span`
9271
+ var OfferPricePulse = styled9.span`
9011
9272
  width: 8px;
9012
9273
  height: 8px;
9013
9274
  border-radius: 999px;
@@ -9409,7 +9670,7 @@ function generateMockPastSales() {
9409
9670
  }
9410
9671
  ];
9411
9672
  }
9412
- var FilterButtonsContainer = styled19.div`
9673
+ var FilterButtonsContainer = styled9.div`
9413
9674
  display: flex;
9414
9675
  gap: 0.5rem;
9415
9676
  flex-wrap: wrap;
@@ -9418,7 +9679,7 @@ var FilterButtonsContainer = styled19.div`
9418
9679
  gap: 0.25rem;
9419
9680
  }
9420
9681
  `;
9421
- var FilterButton = styled19.button`
9682
+ var FilterButton = styled9.button`
9422
9683
  background-color: ${(props) => props.$active ? "var(--color-accent, #f0b90b)" : "transparent"};
9423
9684
  color: ${(props) => props.$active ? "#000" : "#fff"};
9424
9685
  border: 1px solid var(--color-accent, #f0b90b);
@@ -9437,7 +9698,7 @@ var FilterButton = styled19.button`
9437
9698
  font-size: 0.75rem;
9438
9699
  }
9439
9700
  `;
9440
- var HistoryContainer = styled19.div`
9701
+ var HistoryContainer = styled9.div`
9441
9702
  display: flex;
9442
9703
  flex-direction: column;
9443
9704
  gap: 1.5rem;
@@ -9454,7 +9715,7 @@ var HistoryContainer = styled19.div`
9454
9715
  z-index: 0;
9455
9716
  }
9456
9717
  `;
9457
- var HistoryPanel = styled19.div`
9718
+ var HistoryPanel = styled9.div`
9458
9719
  margin-bottom: 1.5rem;
9459
9720
  margin-left: 2rem;
9460
9721
  border: 1px solid rgba(240, 185, 11, 0.15);
@@ -9496,7 +9757,7 @@ var HistoryPanel = styled19.div`
9496
9757
  }
9497
9758
  `}
9498
9759
  `;
9499
- var LeaseSection = styled19.div`
9760
+ var LeaseSection = styled9.div`
9500
9761
  margin: 0.3rem 1rem;
9501
9762
  padding: 0.3rem 1rem 0.3rem;
9502
9763
  background-color: rgba(30, 32, 38, 0.2);
@@ -9514,7 +9775,7 @@ var LeaseSection = styled19.div`
9514
9775
  background-color: rgba(255, 255, 255, 0.15);
9515
9776
  }
9516
9777
  `;
9517
- var HistoryRow = styled19.tr`
9778
+ var HistoryRow = styled9.tr`
9518
9779
  background-color: ${(props) => props.$isOwnershipStart ? "rgba(240, 185, 11, 0.05)" : "transparent"};
9519
9780
 
9520
9781
  td {
@@ -9531,7 +9792,7 @@ var HistoryRow = styled19.tr`
9531
9792
  background-color: rgba(255, 255, 255, 0.08);
9532
9793
  }
9533
9794
  `;
9534
- var TypeBadge2 = styled19.span`
9795
+ var TypeBadge2 = styled9.span`
9535
9796
  display: inline-block;
9536
9797
  padding: 0.25rem 0.5rem;
9537
9798
  border-radius: 4px;
@@ -9581,13 +9842,13 @@ var TypeBadge2 = styled19.span`
9581
9842
  font-size: 0.65rem;
9582
9843
  }
9583
9844
  `;
9584
- var PastSalesSection = styled19.div`
9845
+ var PastSalesSection = styled9.div`
9585
9846
  background-color: rgba(30, 32, 38, 0.95);
9586
9847
  border-radius: 8px;
9587
9848
  padding: 1.25rem;
9588
9849
  margin-bottom: 1.5rem;
9589
9850
  `;
9590
- var SalesTable = styled19.table`
9851
+ var SalesTable = styled9.table`
9591
9852
  width: 100%;
9592
9853
  border-collapse: collapse;
9593
9854
  table-layout: fixed;
@@ -9665,13 +9926,13 @@ function PropertyDocuments({ documentsData }) {
9665
9926
  }) })
9666
9927
  ] });
9667
9928
  }
9668
- var Section2 = styled19.section`
9929
+ var Section2 = styled9.section`
9669
9930
  background: var(--color-card, rgba(30, 35, 41, 0.8));
9670
9931
  border-radius: 12px;
9671
9932
  padding: 1.5rem;
9672
9933
  margin-bottom: 1.5rem;
9673
9934
  `;
9674
- var SectionHeading = styled19.h2`
9935
+ var SectionHeading = styled9.h2`
9675
9936
  font-size: 0.9rem;
9676
9937
  font-weight: 600;
9677
9938
  padding-bottom: 0.75rem;
@@ -9682,12 +9943,12 @@ var SectionHeading = styled19.h2`
9682
9943
  align-items: center;
9683
9944
  gap: 0.5rem;
9684
9945
  `;
9685
- var DocList = styled19.ul`
9946
+ var DocList = styled9.ul`
9686
9947
  list-style: none;
9687
9948
  padding: 0;
9688
9949
  margin: 0;
9689
9950
  `;
9690
- var DocItem = styled19.li`
9951
+ var DocItem = styled9.li`
9691
9952
  padding: 0.75rem 0;
9692
9953
  border-bottom: 1px solid var(--color-border, rgba(255, 255, 255, 0.1));
9693
9954
 
@@ -9695,7 +9956,7 @@ var DocItem = styled19.li`
9695
9956
  border-bottom: none;
9696
9957
  }
9697
9958
  `;
9698
- var DocLink = styled19.a`
9959
+ var DocLink = styled9.a`
9699
9960
  display: flex;
9700
9961
  align-items: center;
9701
9962
  color: var(--color-text);
@@ -9706,19 +9967,19 @@ var DocLink = styled19.a`
9706
9967
  color: var(--color-accent);
9707
9968
  }
9708
9969
  `;
9709
- var DocItemDisabled = styled19.div`
9970
+ var DocItemDisabled = styled9.div`
9710
9971
  display: flex;
9711
9972
  align-items: center;
9712
9973
  color: var(--color-text-secondary);
9713
9974
  cursor: not-allowed;
9714
9975
  opacity: 0.6;
9715
9976
  `;
9716
- var DocIconWrapper = styled19.span`
9977
+ var DocIconWrapper = styled9.span`
9717
9978
  margin-right: 0.75rem;
9718
9979
  flex-shrink: 0;
9719
9980
  color: var(--color-text-secondary);
9720
9981
  `;
9721
- var ComingSoonBadge = styled19.span`
9982
+ var ComingSoonBadge = styled9.span`
9722
9983
  margin-left: auto;
9723
9984
  padding: 0.25rem 0.5rem;
9724
9985
  background: rgba(212, 175, 55, 0.1);
@@ -9800,13 +10061,13 @@ function PropertyInspectionTimes({
9800
10061
  ] })
9801
10062
  ] });
9802
10063
  }
9803
- var Section3 = styled19.section`
10064
+ var Section3 = styled9.section`
9804
10065
  background: var(--color-card, rgba(30, 35, 41, 0.8));
9805
10066
  border-radius: 12px;
9806
10067
  padding: 1.5rem;
9807
10068
  margin-bottom: 1.5rem;
9808
10069
  `;
9809
- var SectionHeading2 = styled19.h2`
10070
+ var SectionHeading2 = styled9.h2`
9810
10071
  font-size: 0.9rem;
9811
10072
  font-weight: 600;
9812
10073
  padding-bottom: 0.75rem;
@@ -9817,17 +10078,17 @@ var SectionHeading2 = styled19.h2`
9817
10078
  align-items: center;
9818
10079
  gap: 0.5rem;
9819
10080
  `;
9820
- var Intro = styled19.p`
10081
+ var Intro = styled9.p`
9821
10082
  font-size: 0.9rem;
9822
10083
  color: var(--color-text-secondary);
9823
10084
  margin-bottom: 1.5rem;
9824
10085
  `;
9825
- var SlotList = styled19.div`
10086
+ var SlotList = styled9.div`
9826
10087
  display: flex;
9827
10088
  flex-direction: column;
9828
10089
  gap: 0.75rem;
9829
10090
  `;
9830
- var SlotRow = styled19.div`
10091
+ var SlotRow = styled9.div`
9831
10092
  display: flex;
9832
10093
  justify-content: space-between;
9833
10094
  align-items: center;
@@ -9836,27 +10097,27 @@ var SlotRow = styled19.div`
9836
10097
  border-radius: 8px;
9837
10098
  border: 1px solid rgba(255, 255, 255, 0.06);
9838
10099
  `;
9839
- var SlotInfo = styled19.div``;
9840
- var SlotDate = styled19.div`
10100
+ var SlotInfo = styled9.div``;
10101
+ var SlotDate = styled9.div`
9841
10102
  font-size: 0.9rem;
9842
10103
  font-weight: 600;
9843
10104
  color: var(--color-text);
9844
10105
  margin-bottom: 0.25rem;
9845
10106
  `;
9846
- var SlotTime = styled19.div`
10107
+ var SlotTime = styled9.div`
9847
10108
  font-size: 0.8rem;
9848
10109
  color: var(--color-text-secondary);
9849
10110
  `;
9850
- var SlotActions = styled19.div`
10111
+ var SlotActions = styled9.div`
9851
10112
  display: flex;
9852
10113
  align-items: center;
9853
10114
  gap: 1rem;
9854
10115
  `;
9855
- var SpotsLeft = styled19.span`
10116
+ var SpotsLeft = styled9.span`
9856
10117
  font-size: 0.75rem;
9857
10118
  color: ${({ $low }) => $low ? "#f6465d" : "var(--color-text-secondary)"};
9858
10119
  `;
9859
- var BookButton = styled19.button`
10120
+ var BookButton = styled9.button`
9860
10121
  padding: 0.4rem 1rem;
9861
10122
  background: transparent;
9862
10123
  border: 1px solid var(--color-accent, #f0b90b);
@@ -9876,7 +10137,7 @@ var BookButton = styled19.button`
9876
10137
  cursor: not-allowed;
9877
10138
  }
9878
10139
  `;
9879
- var StatusMessage2 = styled19.div`
10140
+ var StatusMessage2 = styled9.div`
9880
10141
  font-size: 0.85rem;
9881
10142
  padding: 0.75rem 1rem;
9882
10143
  border-radius: 6px;
@@ -9884,7 +10145,7 @@ var StatusMessage2 = styled19.div`
9884
10145
  background: ${({ $error }) => $error ? "rgba(246,70,93,0.08)" : "rgba(255,255,255,0.03)"};
9885
10146
  border: 1px solid ${({ $error }) => $error ? "rgba(246,70,93,0.2)" : "rgba(255,255,255,0.06)"};
9886
10147
  `;
9887
- var RetryButton = styled19.button`
10148
+ var RetryButton = styled9.button`
9888
10149
  margin-left: 0.5rem;
9889
10150
  text-decoration: underline;
9890
10151
  cursor: pointer;
@@ -9892,13 +10153,13 @@ var RetryButton = styled19.button`
9892
10153
  border: none;
9893
10154
  color: inherit;
9894
10155
  `;
9895
- var Disclaimer = styled19.p`
10156
+ var Disclaimer = styled9.p`
9896
10157
  font-size: 0.75rem;
9897
10158
  color: var(--color-text-secondary);
9898
10159
  margin-top: 0.5rem;
9899
10160
  text-align: center;
9900
10161
  `;
9901
- var SignInPrompt = styled19.div`
10162
+ var SignInPrompt = styled9.div`
9902
10163
  display: flex;
9903
10164
  align-items: center;
9904
10165
  justify-content: space-between;
@@ -9907,18 +10168,18 @@ var SignInPrompt = styled19.div`
9907
10168
  border-radius: 8px;
9908
10169
  border: 1px solid rgba(255, 255, 255, 0.06);
9909
10170
  `;
9910
- var SignInText = styled19.div``;
9911
- var SignInTitle = styled19.div`
10171
+ var SignInText = styled9.div``;
10172
+ var SignInTitle = styled9.div`
9912
10173
  font-size: 0.95rem;
9913
10174
  font-weight: 600;
9914
10175
  color: var(--color-text);
9915
10176
  margin-bottom: 0.25rem;
9916
10177
  `;
9917
- var SignInSub = styled19.div`
10178
+ var SignInSub = styled9.div`
9918
10179
  font-size: 0.8rem;
9919
10180
  color: var(--color-text-secondary);
9920
10181
  `;
9921
- var SignInButton = styled19.button`
10182
+ var SignInButton = styled9.button`
9922
10183
  padding: 0.5rem 1.25rem;
9923
10184
  background: transparent;
9924
10185
  border: 1px solid var(--color-accent, #f0b90b);
@@ -10017,10 +10278,10 @@ function AssetSelectorBar({
10017
10278
  }) })
10018
10279
  ] }) });
10019
10280
  }
10020
- var AssetSelectorWrapper = styled19.div`
10281
+ var AssetSelectorWrapper = styled9.div`
10021
10282
  width: 100%;
10022
10283
  `;
10023
- var IPOAssetSelector = styled19.div`
10284
+ var IPOAssetSelector = styled9.div`
10024
10285
  position: relative;
10025
10286
  display: flex;
10026
10287
  justify-content: space-between;
@@ -10045,7 +10306,7 @@ var IPOAssetSelector = styled19.div`
10045
10306
  padding: 0.6rem 0.75rem;
10046
10307
  }
10047
10308
  `;
10048
- var AssetThumbnail = styled19.img`
10309
+ var AssetThumbnail = styled9.img`
10049
10310
  width: 40px;
10050
10311
  height: 40px;
10051
10312
  border-radius: 8px;
@@ -10059,7 +10320,7 @@ var AssetThumbnail = styled19.img`
10059
10320
  border-radius: 6px;
10060
10321
  }
10061
10322
  `;
10062
- var AssetSelectorDropdown = styled19.div`
10323
+ var AssetSelectorDropdown = styled9.div`
10063
10324
  display: flex;
10064
10325
  align-items: center;
10065
10326
  cursor: pointer;
@@ -10068,7 +10329,7 @@ var AssetSelectorDropdown = styled19.div`
10068
10329
  transition: all 0.2s ease;
10069
10330
  &:hover { background-color: rgba(255,255,255,0.05); }
10070
10331
  `;
10071
- var AssetName = styled19.div`
10332
+ var AssetName = styled9.div`
10072
10333
  display: flex;
10073
10334
  align-items: center;
10074
10335
  font-weight: 600;
@@ -10087,7 +10348,7 @@ var AssetName = styled19.div`
10087
10348
  svg { margin-left: 0.4rem; width: 16px; height: 16px; }
10088
10349
  }
10089
10350
  `;
10090
- var SelectorMetrics = styled19.div`
10351
+ var SelectorMetrics = styled9.div`
10091
10352
  display: flex;
10092
10353
  align-items: center;
10093
10354
  gap: 1rem;
@@ -10112,7 +10373,7 @@ var SelectorMetrics = styled19.div`
10112
10373
  gap: 0.5rem;
10113
10374
  }
10114
10375
  `;
10115
- var MetricLabel2 = styled19.span`
10376
+ var MetricLabel2 = styled9.span`
10116
10377
  font-size: 0.75rem;
10117
10378
  color: var(--color-text-secondary);
10118
10379
  text-transform: uppercase;
@@ -10125,7 +10386,7 @@ var MetricLabel2 = styled19.span`
10125
10386
  margin-right: 0.35rem;
10126
10387
  }
10127
10388
  `;
10128
- var MetricValue = styled19.span`
10389
+ var MetricValue = styled9.span`
10129
10390
  font-size: ${(p) => p.$secondary ? "0.95rem" : "1.25rem"};
10130
10391
  font-weight: ${(p) => p.$secondary ? "600" : "700"};
10131
10392
  color: ${(p) => p.$accent ? "#D4AF37" : p.$secondary ? "rgba(255,255,255,0.7)" : "#fff"};
@@ -10138,7 +10399,7 @@ var MetricValue = styled19.span`
10138
10399
  font-size: ${(p) => p.$secondary ? "0.8rem" : "0.95rem"};
10139
10400
  }
10140
10401
  `;
10141
- var MetricChange = styled19.span`
10402
+ var MetricChange = styled9.span`
10142
10403
  font-size: 0.85rem;
10143
10404
  font-weight: 600;
10144
10405
  color: ${(p) => p.$positive ? "var(--color-positive, #0ecb81)" : "var(--color-negative, #f6465d)"};
@@ -10150,12 +10411,12 @@ var MetricChange = styled19.span`
10150
10411
  font-size: 0.75rem;
10151
10412
  }
10152
10413
  `;
10153
- var Separator = styled19.span`
10414
+ var Separator = styled9.span`
10154
10415
  font-size: 1rem;
10155
10416
  color: rgba(255,255,255,0.2);
10156
10417
  font-weight: 300;
10157
10418
  `;
10158
- var IPODropdown = styled19.div`
10419
+ var IPODropdown = styled9.div`
10159
10420
  position: absolute;
10160
10421
  top: calc(100% + 6px);
10161
10422
  left: 0;
@@ -10184,7 +10445,7 @@ var IPODropdown = styled19.div`
10184
10445
  to { opacity: 1; transform: translateY(0); }
10185
10446
  }
10186
10447
  `;
10187
- var IPOOption = styled19.div`
10448
+ var IPOOption = styled9.div`
10188
10449
  padding: 0.6rem 0.75rem;
10189
10450
  transition: background 0.15s ease;
10190
10451
  border-radius: 7px;
@@ -10192,25 +10453,25 @@ var IPOOption = styled19.div`
10192
10453
  &:hover { background: rgba(255,255,255,0.06); }
10193
10454
  ${(p) => p.$selected && `background: rgba(255,255,255,0.04);`}
10194
10455
  `;
10195
- var IPOOptionInner = styled19.div`
10456
+ var IPOOptionInner = styled9.div`
10196
10457
  display: flex;
10197
10458
  align-items: center;
10198
10459
  gap: 0.65rem;
10199
10460
  `;
10200
- var IPOOptionThumb = styled19.img`
10461
+ var IPOOptionThumb = styled9.img`
10201
10462
  width: 28px;
10202
10463
  height: 28px;
10203
10464
  border-radius: 5px;
10204
10465
  object-fit: cover;
10205
10466
  flex-shrink: 0;
10206
10467
  `;
10207
- var IPOOptionName = styled19.div`
10468
+ var IPOOptionName = styled9.div`
10208
10469
  font-weight: 500;
10209
10470
  font-size: 0.82rem;
10210
10471
  color: ${(p) => "#ebebeb"};
10211
10472
  line-height: 1.3;
10212
10473
  `;
10213
- var IPOOptionLocation = styled19.div`
10474
+ var IPOOptionLocation = styled9.div`
10214
10475
  font-size: 0.72rem;
10215
10476
  color: rgba(255,255,255,0.38);
10216
10477
  margin-top: 1px;
@@ -10476,7 +10737,7 @@ function OfferingProgressCard({
10476
10737
  ] })
10477
10738
  ] });
10478
10739
  }
10479
- var Container = styled19.div`
10740
+ var Container = styled9.div`
10480
10741
  background-color: var(--color-card-darker, #111);
10481
10742
  border-radius: 8px;
10482
10743
  padding: 1.5rem;
@@ -10489,7 +10750,7 @@ var Container = styled19.div`
10489
10750
  padding: 1rem;
10490
10751
  }
10491
10752
  `;
10492
- var Header2 = styled19.div`
10753
+ var Header2 = styled9.div`
10493
10754
  display: flex;
10494
10755
  align-items: center;
10495
10756
  justify-content: space-between;
@@ -10506,7 +10767,7 @@ var Header2 = styled19.div`
10506
10767
  margin: 0;
10507
10768
  }
10508
10769
  `;
10509
- var StatusSpan = styled19.span`
10770
+ var StatusSpan = styled9.span`
10510
10771
  display: flex;
10511
10772
  align-items: center;
10512
10773
  gap: 0.35rem;
@@ -10522,7 +10783,7 @@ var StatusSpan = styled19.span`
10522
10783
  letter-spacing: 0.05em;
10523
10784
  }
10524
10785
  `;
10525
- var StatusDot3 = styled19.span`
10786
+ var StatusDot3 = styled9.span`
10526
10787
  width: 6px;
10527
10788
  height: 6px;
10528
10789
  border-radius: 50%;
@@ -10534,10 +10795,10 @@ var StatusDot3 = styled19.span`
10534
10795
  100% { opacity: 0.4; }
10535
10796
  }
10536
10797
  `;
10537
- var PreLiveBody = styled19.div`
10798
+ var PreLiveBody = styled9.div`
10538
10799
  padding: 1.25rem 0;
10539
10800
  `;
10540
- var PreLiveStatus = styled19.div`
10801
+ var PreLiveStatus = styled9.div`
10541
10802
  font-size: 0.7rem;
10542
10803
  color: ${(p) => p.$statusColor};
10543
10804
  text-transform: uppercase;
@@ -10546,33 +10807,33 @@ var PreLiveStatus = styled19.div`
10546
10807
  text-align: center;
10547
10808
  margin-bottom: 1.25rem;
10548
10809
  `;
10549
- var MetricsRow = styled19.div`
10810
+ var MetricsRow = styled9.div`
10550
10811
  display: flex;
10551
10812
  justify-content: space-between;
10552
10813
  align-items: flex-start;
10553
10814
  border-top: 1px solid rgba(255,255,255,0.06);
10554
10815
  padding-top: 1rem;
10555
10816
  `;
10556
- var MetricLabel3 = styled19.div`
10817
+ var MetricLabel3 = styled9.div`
10557
10818
  font-size: 0.6rem;
10558
10819
  color: var(--color-text-secondary);
10559
10820
  text-transform: uppercase;
10560
10821
  letter-spacing: 0.1em;
10561
10822
  margin-bottom: 0.25rem;
10562
10823
  `;
10563
- var MetricValue2 = styled19.div`
10824
+ var MetricValue2 = styled9.div`
10564
10825
  font-size: 1.5rem;
10565
10826
  font-weight: 700;
10566
10827
  color: ${(p) => p.$accent ? "#D4AF37" : "#fff"};
10567
10828
  `;
10568
- var CountdownCenter = styled19.div`
10829
+ var CountdownCenter = styled9.div`
10569
10830
  text-align: center;
10570
10831
  display: flex;
10571
10832
  flex-direction: column;
10572
10833
  align-items: center;
10573
10834
  margin-bottom: 1.25rem;
10574
10835
  `;
10575
- var CountdownLabel = styled19.div`
10836
+ var CountdownLabel = styled9.div`
10576
10837
  font-size: 0.7rem;
10577
10838
  color: #D4AF37;
10578
10839
  text-transform: uppercase;
@@ -10580,13 +10841,13 @@ var CountdownLabel = styled19.div`
10580
10841
  margin-bottom: 0.5rem;
10581
10842
  font-weight: 600;
10582
10843
  `;
10583
- var CountdownDigits = styled19.div`
10844
+ var CountdownDigits = styled9.div`
10584
10845
  display: flex;
10585
10846
  align-items: baseline;
10586
10847
  justify-content: center;
10587
10848
  gap: 0.35rem;
10588
10849
  `;
10589
- var CountdownNumber = styled19.span`
10850
+ var CountdownNumber = styled9.span`
10590
10851
  font-size: 2.5rem;
10591
10852
  font-weight: 700;
10592
10853
  font-family: monospace;
@@ -10595,26 +10856,26 @@ var CountdownNumber = styled19.span`
10595
10856
  font-size: 1.75rem;
10596
10857
  }
10597
10858
  `;
10598
- var CountdownUnitLabel = styled19.span`
10859
+ var CountdownUnitLabel = styled9.span`
10599
10860
  font-size: 0.85rem;
10600
10861
  color: var(--color-text-secondary);
10601
10862
  `;
10602
- var CountdownSeparator = styled19.span`
10863
+ var CountdownSeparator = styled9.span`
10603
10864
  color: rgba(255,255,255,0.2);
10604
10865
  margin: 0 0.2rem;
10605
10866
  font-size: 1.5rem;
10606
10867
  `;
10607
- var LiveBody = styled19.div`
10868
+ var LiveBody = styled9.div`
10608
10869
  display: flex;
10609
10870
  flex-direction: column;
10610
10871
  gap: 1rem;
10611
10872
  `;
10612
- var LiveTopRow = styled19.div`
10873
+ var LiveTopRow = styled9.div`
10613
10874
  display: flex;
10614
10875
  justify-content: space-between;
10615
10876
  align-items: flex-start;
10616
10877
  `;
10617
- var LiveLabel = styled19.div`
10878
+ var LiveLabel = styled9.div`
10618
10879
  font-size: 0.875rem;
10619
10880
  color: var(--color-text-secondary);
10620
10881
  margin-bottom: 0.25rem;
@@ -10627,7 +10888,7 @@ var LiveLabel = styled19.div`
10627
10888
  opacity: 0.7;
10628
10889
  }
10629
10890
  `;
10630
- var LivePercent = styled19.div`
10891
+ var LivePercent = styled9.div`
10631
10892
  font-size: 2rem;
10632
10893
  font-weight: 600;
10633
10894
  color: #D4AF37;
@@ -10640,14 +10901,14 @@ var LivePercent = styled19.div`
10640
10901
  opacity: 0.8;
10641
10902
  }
10642
10903
  `;
10643
- var UnitsValue = styled19.div`
10904
+ var UnitsValue = styled9.div`
10644
10905
  font-size: clamp(1.25rem, 4vw, 1.75rem);
10645
10906
  font-weight: 700;
10646
10907
  white-space: nowrap;
10647
10908
  span { color: #D4AF37; }
10648
10909
  small { color: rgba(255,255,255,0.3); font-weight: 700; margin-left: 0.35rem; font-size: inherit; }
10649
10910
  `;
10650
- var ProgressBarOuter = styled19.div`
10911
+ var ProgressBarOuter = styled9.div`
10651
10912
  width: 100%;
10652
10913
  height: 12px;
10653
10914
  background: rgba(255,255,255,0.1);
@@ -10655,58 +10916,58 @@ var ProgressBarOuter = styled19.div`
10655
10916
  overflow: hidden;
10656
10917
  position: relative;
10657
10918
  `;
10658
- var ProgressBarInner = styled19.div`
10919
+ var ProgressBarInner = styled9.div`
10659
10920
  height: 100%;
10660
10921
  background: linear-gradient(90deg, #D4AF37, #f0b90b);
10661
10922
  border-radius: 6px;
10662
10923
  transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
10663
10924
  will-change: width;
10664
10925
  `;
10665
- var ProgressInfo = styled19.div`
10926
+ var ProgressInfo = styled9.div`
10666
10927
  display: flex;
10667
10928
  justify-content: space-between;
10668
10929
  font-size: 0.875rem;
10669
10930
  `;
10670
- var ProgressSubscribers = styled19.div`
10931
+ var ProgressSubscribers = styled9.div`
10671
10932
  color: var(--color-text-secondary);
10672
10933
  font-weight: 500;
10673
10934
  `;
10674
- var ProgressAmounts = styled19.div`
10935
+ var ProgressAmounts = styled9.div`
10675
10936
  font-weight: 600;
10676
10937
  .raised { color: #D4AF37; }
10677
10938
  .target { color: rgba(255,255,255,0.3); }
10678
10939
  `;
10679
- var CompactContainer = styled19.div`
10940
+ var CompactContainer = styled9.div`
10680
10941
  width: 100%;
10681
10942
  margin: 1.5rem 0;
10682
10943
  display: flex;
10683
10944
  flex-direction: column;
10684
10945
  gap: 0.5rem;
10685
10946
  `;
10686
- var HomePreLiveRow = styled19.div`
10947
+ var HomePreLiveRow = styled9.div`
10687
10948
  display: flex;
10688
10949
  align-items: center;
10689
10950
  justify-content: space-between;
10690
10951
  padding-top: 1rem;
10691
10952
  `;
10692
- var HomeCountdownSide = styled19.div`
10953
+ var HomeCountdownSide = styled9.div`
10693
10954
  display: flex;
10694
10955
  flex-direction: column;
10695
10956
  align-items: center;
10696
10957
  flex: 1;
10697
10958
  `;
10698
- var HomeUnitsSide = styled19.div`
10959
+ var HomeUnitsSide = styled9.div`
10699
10960
  text-align: center;
10700
10961
  flex-shrink: 0;
10701
10962
  `;
10702
- var HomeUnitsLabel = styled19.div`
10963
+ var HomeUnitsLabel = styled9.div`
10703
10964
  font-size: 0.6rem;
10704
10965
  color: var(--color-text-secondary);
10705
10966
  text-transform: uppercase;
10706
10967
  letter-spacing: 0.1em;
10707
10968
  margin-bottom: 0.2rem;
10708
10969
  `;
10709
- var HomeUnitsValue = styled19.div`
10970
+ var HomeUnitsValue = styled9.div`
10710
10971
  font-size: 1.1rem;
10711
10972
  font-weight: 700;
10712
10973
  font-family: monospace;
@@ -10715,7 +10976,7 @@ var HomeUnitsValue = styled19.div`
10715
10976
  font-weight: 400;
10716
10977
  }
10717
10978
  `;
10718
- var HomeSpinner = styled19.span`
10979
+ var HomeSpinner = styled9.span`
10719
10980
  display: inline-block;
10720
10981
  width: 14px;
10721
10982
  height: 14px;
@@ -10809,7 +11070,7 @@ function VideoActivitySection({
10809
11070
  ] })
10810
11071
  ] });
10811
11072
  }
10812
- var Section4 = styled19.div`
11073
+ var Section4 = styled9.div`
10813
11074
  display: flex;
10814
11075
  gap: 1.5rem;
10815
11076
  align-items: stretch;
@@ -10818,7 +11079,7 @@ var Section4 = styled19.div`
10818
11079
  gap: 1rem;
10819
11080
  }
10820
11081
  `;
10821
- var VideoPanel = styled19.div`
11082
+ var VideoPanel = styled9.div`
10822
11083
  flex: 1;
10823
11084
  background-color: var(--color-card-darker, #111);
10824
11085
  border-radius: 8px;
@@ -10862,7 +11123,7 @@ var VideoPanel = styled19.div`
10862
11123
  }
10863
11124
  }
10864
11125
  `;
10865
- var ActivityPanel = styled19.div`
11126
+ var ActivityPanel = styled9.div`
10866
11127
  flex: 0 0 auto;
10867
11128
  min-width: 450px;
10868
11129
  max-width: 520px;
@@ -10943,7 +11204,7 @@ var ActivityPanel = styled19.div`
10943
11204
  to { transform: rotate(360deg); }
10944
11205
  }
10945
11206
  `;
10946
- var SkeletonFeedRow = styled19.div`
11207
+ var SkeletonFeedRow = styled9.div`
10947
11208
  padding: 0.625rem 0.75rem;
10948
11209
  border-bottom: 1px solid rgba(255,255,255,0.04);
10949
11210
  display: flex;
@@ -10967,7 +11228,7 @@ var SkeletonFeedRow = styled19.div`
10967
11228
  padding: 0.4rem 0.6rem;
10968
11229
  }
10969
11230
  `;
10970
- var EndedBanner = styled19.div`
11231
+ var EndedBanner = styled9.div`
10971
11232
  font-size: 0.7rem;
10972
11233
  font-weight: 600;
10973
11234
  letter-spacing: 0.04em;
@@ -10980,7 +11241,7 @@ var EndedBanner = styled19.div`
10980
11241
  margin-bottom: 0.5rem;
10981
11242
  text-align: center;
10982
11243
  `;
10983
- var FeedList = styled19.div`
11244
+ var FeedList = styled9.div`
10984
11245
  width: 100%;
10985
11246
  overflow-y: auto;
10986
11247
  scrollbar-width: none;
@@ -10989,7 +11250,7 @@ var FeedList = styled19.div`
10989
11250
  display: none;
10990
11251
  }
10991
11252
  `;
10992
- var PurchaseItem = styled19.div`
11253
+ var PurchaseItem = styled9.div`
10993
11254
  padding: 0.625rem 0.75rem;
10994
11255
  border-bottom: 1px solid rgba(255,255,255,0.05);
10995
11256
  display: flex;
@@ -11018,12 +11279,12 @@ var PurchaseItem = styled19.div`
11018
11279
  padding: 0.4rem 0.6rem;
11019
11280
  }
11020
11281
  `;
11021
- var PurchaseInfo = styled19.div`
11282
+ var PurchaseInfo = styled9.div`
11022
11283
  display: flex;
11023
11284
  flex-direction: column;
11024
11285
  min-width: 0;
11025
11286
  `;
11026
- var PurchaseName = styled19.div`
11287
+ var PurchaseName = styled9.div`
11027
11288
  font-weight: 500;
11028
11289
  font-size: 0.875rem;
11029
11290
  color: #fff;
@@ -11031,19 +11292,19 @@ var PurchaseName = styled19.div`
11031
11292
  overflow: hidden;
11032
11293
  text-overflow: ellipsis;
11033
11294
  `;
11034
- var PurchaseTime = styled19.div`
11295
+ var PurchaseTime = styled9.div`
11035
11296
  font-size: 0.7rem;
11036
11297
  color: var(--color-text-secondary);
11037
11298
  margin-top: 0.125rem;
11038
11299
  `;
11039
- var PurchaseAmount = styled19.div`
11300
+ var PurchaseAmount = styled9.div`
11040
11301
  font-weight: 600;
11041
11302
  font-size: 0.875rem;
11042
11303
  color: #fff;
11043
11304
  white-space: nowrap;
11044
11305
  margin-left: 1rem;
11045
11306
  `;
11046
- var LiveIndicatorDot = styled19.span`
11307
+ var LiveIndicatorDot = styled9.span`
11047
11308
  display: inline-block;
11048
11309
  width: 8px;
11049
11310
  height: 8px;
@@ -11083,7 +11344,7 @@ var VARIANT_COLORS = {
11083
11344
  info: { accent: "#E6C656", icon: "\u2139" },
11084
11345
  pending: { accent: "#7EB3E6", icon: "\u25CC" }
11085
11346
  };
11086
- var Wrapper2 = styled19.div`
11347
+ var Wrapper2 = styled9.div`
11087
11348
  position: relative;
11088
11349
  display: flex;
11089
11350
  flex-direction: column;
@@ -11097,13 +11358,13 @@ var Wrapper2 = styled19.div`
11097
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`};
11098
11359
  pointer-events: all;
11099
11360
  `;
11100
- var Body = styled19.div`
11361
+ var Body = styled9.div`
11101
11362
  display: flex;
11102
11363
  align-items: flex-start;
11103
11364
  gap: 12px;
11104
11365
  padding: 14px 16px 12px;
11105
11366
  `;
11106
- var IconDot = styled19.div`
11367
+ var IconDot = styled9.div`
11107
11368
  flex-shrink: 0;
11108
11369
  width: 28px;
11109
11370
  height: 28px;
@@ -11118,25 +11379,25 @@ var IconDot = styled19.div`
11118
11379
  color: ${({ $color }) => $color};
11119
11380
  margin-top: 1px;
11120
11381
  `;
11121
- var Content = styled19.div`
11382
+ var Content = styled9.div`
11122
11383
  flex: 1;
11123
11384
  min-width: 0;
11124
11385
  `;
11125
- var Title2 = styled19.p`
11386
+ var Title2 = styled9.p`
11126
11387
  margin: 0 0 2px;
11127
11388
  font-size: 0.8rem;
11128
11389
  font-weight: 600;
11129
11390
  color: #fff;
11130
11391
  letter-spacing: 0.01em;
11131
11392
  `;
11132
- var Amount = styled19.p`
11393
+ var Amount = styled9.p`
11133
11394
  margin: 0 0 6px;
11134
11395
  font-size: 1.05rem;
11135
11396
  font-weight: 700;
11136
11397
  color: #E6C656;
11137
11398
  letter-spacing: -0.01em;
11138
11399
  `;
11139
- var TxRow = styled19.a`
11400
+ var TxRow = styled9.a`
11140
11401
  display: inline-flex;
11141
11402
  align-items: center;
11142
11403
  gap: 5px;
@@ -11149,11 +11410,11 @@ var TxRow = styled19.a`
11149
11410
  color: #7EB3E6;
11150
11411
  }
11151
11412
  `;
11152
- var TxArrow = styled19.span`
11413
+ var TxArrow = styled9.span`
11153
11414
  font-size: 0.6rem;
11154
11415
  opacity: 0.6;
11155
11416
  `;
11156
- var CloseBtn = styled19.button`
11417
+ var CloseBtn = styled9.button`
11157
11418
  flex-shrink: 0;
11158
11419
  background: none;
11159
11420
  border: none;
@@ -11165,7 +11426,7 @@ var CloseBtn = styled19.button`
11165
11426
  transition: color 0.15s;
11166
11427
  &:hover { color: rgba(255, 255, 255, 0.7); }
11167
11428
  `;
11168
- var ProgressBar = styled19.div`
11429
+ var ProgressBar = styled9.div`
11169
11430
  height: 2px;
11170
11431
  background: rgba(255, 255, 255, 0.06);
11171
11432
  position: relative;
@@ -11179,7 +11440,7 @@ var ProgressBar = styled19.div`
11179
11440
  animation: ${css`${progressShrink} ${({ $duration }) => $duration}ms linear forwards`};
11180
11441
  }
11181
11442
  `;
11182
- var Container2 = styled19.div`
11443
+ var Container2 = styled9.div`
11183
11444
  position: fixed;
11184
11445
  bottom: 24px;
11185
11446
  right: 24px;
@@ -11629,7 +11890,7 @@ function OrderPanel({
11629
11890
  ] })
11630
11891
  ] });
11631
11892
  }
11632
- var Panel = styled19.div`
11893
+ var Panel = styled9.div`
11633
11894
  background-color: var(--color-card-darker, #111);
11634
11895
  border-radius: 8px;
11635
11896
  padding: 1.5rem;
@@ -11656,7 +11917,7 @@ var Panel = styled19.div`
11656
11917
  border-radius: 6px;
11657
11918
  }
11658
11919
  `;
11659
- var PanelHeader2 = styled19.div`
11920
+ var PanelHeader2 = styled9.div`
11660
11921
  display: flex;
11661
11922
  justify-content: space-between;
11662
11923
  align-items: center;
@@ -11669,7 +11930,7 @@ var PanelHeader2 = styled19.div`
11669
11930
  color: var(--color-text);
11670
11931
  }
11671
11932
  `;
11672
- var StatusBadge2 = styled19.span`
11933
+ var StatusBadge2 = styled9.span`
11673
11934
  font-size: 0.7rem;
11674
11935
  font-weight: 600;
11675
11936
  display: inline-flex;
@@ -11682,7 +11943,7 @@ var StatusBadge2 = styled19.span`
11682
11943
  display: inline-block;
11683
11944
  }
11684
11945
  `;
11685
- var Card2 = styled19.div`
11946
+ var Card2 = styled9.div`
11686
11947
  background: rgba(0,0,0,0.4);
11687
11948
  border: 1px solid rgba(255,255,255,0.15);
11688
11949
  border-radius: 12px;
@@ -11693,12 +11954,12 @@ var Card2 = styled19.div`
11693
11954
  border-radius: 10px;
11694
11955
  }
11695
11956
  `;
11696
- var CardLabel = styled19.div`
11957
+ var CardLabel = styled9.div`
11697
11958
  font-size: 0.75rem;
11698
11959
  color: var(--color-text-secondary);
11699
11960
  margin-bottom: 0.5rem;
11700
11961
  `;
11701
- var CardInputRow = styled19.div`
11962
+ var CardInputRow = styled9.div`
11702
11963
  display: flex;
11703
11964
  align-items: center;
11704
11965
  justify-content: space-between;
@@ -11723,7 +11984,7 @@ var CardInputRow = styled19.div`
11723
11984
  white-space: nowrap;
11724
11985
  }
11725
11986
  `;
11726
- var QuickSelectRow = styled19.div`
11987
+ var QuickSelectRow = styled9.div`
11727
11988
  display: flex;
11728
11989
  gap: 0.5rem;
11729
11990
  margin-top: 0.75rem;
@@ -11752,7 +12013,7 @@ var QuickSelectRow = styled19.div`
11752
12013
  button { font-size: 0.7rem; padding: 0.35rem 0; }
11753
12014
  }
11754
12015
  `;
11755
- var FundsRow = styled19.div`
12016
+ var FundsRow = styled9.div`
11756
12017
  display: flex;
11757
12018
  align-items: center;
11758
12019
  gap: 0.5rem;
@@ -11763,7 +12024,7 @@ var FundsRow = styled19.div`
11763
12024
  color: #fff;
11764
12025
  }
11765
12026
  `;
11766
- var DepositButton2 = styled19.button`
12027
+ var DepositButton2 = styled9.button`
11767
12028
  background: transparent;
11768
12029
  border: 1px solid rgba(212,175,55,0.4);
11769
12030
  border-radius: 4px;
@@ -11773,23 +12034,23 @@ var DepositButton2 = styled19.button`
11773
12034
  cursor: pointer;
11774
12035
  font-weight: 500;
11775
12036
  `;
11776
- var Divider2 = styled19.div`
12037
+ var Divider2 = styled9.div`
11777
12038
  text-align: center;
11778
12039
  margin: 0.5rem 0;
11779
12040
  color: var(--color-text-secondary);
11780
12041
  `;
11781
- var CardTopRow = styled19.div`
12042
+ var CardTopRow = styled9.div`
11782
12043
  display: flex;
11783
12044
  justify-content: space-between;
11784
12045
  align-items: center;
11785
12046
  margin-bottom: 0.5rem;
11786
12047
  `;
11787
- var CardHint = styled19.span`
12048
+ var CardHint = styled9.span`
11788
12049
  font-size: 0.7rem;
11789
12050
  color: var(--color-text-secondary);
11790
12051
  opacity: 0.7;
11791
12052
  `;
11792
- var OrderSummary = styled19.div`
12053
+ var OrderSummary = styled9.div`
11793
12054
  border-top: 1px solid rgba(255,255,255,0.08);
11794
12055
  padding-top: 1rem;
11795
12056
  margin-top: 0.5rem;
@@ -11798,13 +12059,13 @@ var OrderSummary = styled19.div`
11798
12059
  flex-direction: column;
11799
12060
  gap: 0.5rem;
11800
12061
  `;
11801
- var SummaryRow = styled19.div`
12062
+ var SummaryRow = styled9.div`
11802
12063
  display: flex;
11803
12064
  justify-content: space-between;
11804
12065
  color: var(--color-text-secondary);
11805
12066
  strong { color: #fff; }
11806
12067
  `;
11807
- var SummaryTotal = styled19(SummaryRow)`
12068
+ var SummaryTotal = styled9(SummaryRow)`
11808
12069
  padding-top: 0.5rem;
11809
12070
  border-top: 1px solid rgba(255,255,255,0.08);
11810
12071
  color: #fff;
@@ -11812,12 +12073,12 @@ var SummaryTotal = styled19(SummaryRow)`
11812
12073
  font-weight: 600;
11813
12074
  }
11814
12075
  `;
11815
- var FormBody = styled19.div`
12076
+ var FormBody = styled9.div`
11816
12077
  display: flex;
11817
12078
  flex-direction: column;
11818
12079
  gap: 0.75rem;
11819
12080
  `;
11820
- var SubscribeButton = styled19.button`
12081
+ var SubscribeButton = styled9.button`
11821
12082
  width: 100%;
11822
12083
  margin-top: 1rem;
11823
12084
  padding: 0.875rem;
@@ -11842,13 +12103,13 @@ var SubscribeButton = styled19.button`
11842
12103
  color: #0a0a0a;
11843
12104
  }
11844
12105
  `;
11845
- var BalanceCards = styled19.div`
12106
+ var BalanceCards = styled9.div`
11846
12107
  display: flex;
11847
12108
  gap: 1rem;
11848
12109
  margin-top: 1rem;
11849
12110
  flex-wrap: wrap;
11850
12111
  `;
11851
- var BalanceCard = styled19.div`
12112
+ var BalanceCard = styled9.div`
11852
12113
  flex: 1;
11853
12114
  background: rgba(255,255,255,0.03);
11854
12115
  border-radius: 12px;
@@ -11856,14 +12117,14 @@ var BalanceCard = styled19.div`
11856
12117
  text-align: center;
11857
12118
  position: relative;
11858
12119
  `;
11859
- var BalanceLabel = styled19.div`
12120
+ var BalanceLabel = styled9.div`
11860
12121
  font-size: 0.75rem;
11861
12122
  color: var(--color-text-secondary);
11862
12123
  text-transform: uppercase;
11863
12124
  letter-spacing: 0.5px;
11864
12125
  margin-bottom: 0.5rem;
11865
12126
  `;
11866
- var BalanceValue = styled19.div`
12127
+ var BalanceValue = styled9.div`
11867
12128
  font-size: 1.5rem;
11868
12129
  font-weight: 700;
11869
12130
  color: #fff;
@@ -11879,20 +12140,20 @@ var BalanceValue = styled19.div`
11879
12140
  font-size: 1.2rem;
11880
12141
  }
11881
12142
  `;
11882
- var BalanceAction = styled19.div`
12143
+ var BalanceAction = styled9.div`
11883
12144
  font-size: 0.75rem;
11884
12145
  color: #D4AF37;
11885
12146
  cursor: pointer;
11886
12147
  font-weight: 500;
11887
12148
  margin-top: 0.5rem;
11888
12149
  `;
11889
- var BalanceSub = styled19.div`
12150
+ var BalanceSub = styled9.div`
11890
12151
  font-size: 0.85rem;
11891
12152
  font-weight: 500;
11892
12153
  color: var(--color-text-secondary);
11893
12154
  margin-top: 0.25rem;
11894
12155
  `;
11895
- var OrderPendingCard = styled19.div`
12156
+ var OrderPendingCard = styled9.div`
11896
12157
  margin-bottom: 1.5rem;
11897
12158
  background: linear-gradient(180deg, rgba(25,27,31,0.95) 0%, rgba(18,20,24,0.98) 100%);
11898
12159
  border: 1px solid rgba(212,175,55,0.08);
@@ -11996,7 +12257,7 @@ var OrderPendingCard = styled19.div`
11996
12257
  animation: pulse 2s ease-in-out infinite;
11997
12258
  }
11998
12259
  `;
11999
- var OrderSuccessCard = styled19.div`
12260
+ var OrderSuccessCard = styled9.div`
12000
12261
  margin-bottom: 1.5rem;
12001
12262
  background: linear-gradient(180deg, rgba(25,27,31,0.95) 0%, rgba(18,20,24,0.98) 100%);
12002
12263
  border: 1px solid rgba(212,175,55,0.12);
@@ -12100,7 +12361,7 @@ var OrderSuccessCard = styled19.div`
12100
12361
  transition: all 0.2s ease;
12101
12362
  }
12102
12363
  `;
12103
- var InsufficientFunds = styled19.div`
12364
+ var InsufficientFunds = styled9.div`
12104
12365
  margin-top: 1rem;
12105
12366
  padding: 0.75rem 1rem;
12106
12367
  border-radius: 8px;
@@ -12618,14 +12879,14 @@ function PortfolioActivityPanel({
12618
12879
  ] }) })
12619
12880
  ] });
12620
12881
  }
12621
- var Container3 = styled19.div``;
12622
- var PanelTitle = styled19.h3`
12882
+ var Container3 = styled9.div``;
12883
+ var PanelTitle = styled9.h3`
12623
12884
  font-size: 1rem;
12624
12885
  font-weight: 600;
12625
12886
  color: var(--color-text, #fff);
12626
12887
  margin: 0 0 0.75rem;
12627
12888
  `;
12628
- var TabContainer = styled19.div`
12889
+ var TabContainer = styled9.div`
12629
12890
  display: flex;
12630
12891
  gap: 0;
12631
12892
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
@@ -12636,7 +12897,7 @@ var TabContainer = styled19.div`
12636
12897
  scrollbar-width: none;
12637
12898
  &::-webkit-scrollbar { display: none; }
12638
12899
  `;
12639
- var Tab = styled19.button`
12900
+ var Tab = styled9.button`
12640
12901
  background: transparent;
12641
12902
  border: none;
12642
12903
  padding: 0.6rem 1rem;
@@ -12665,12 +12926,12 @@ var Tab = styled19.button`
12665
12926
  color: ${({ $active }) => $active ? "#fff" : "rgba(255, 255, 255, 0.65)"};
12666
12927
  }
12667
12928
  `;
12668
- var TabCount = styled19.span`
12929
+ var TabCount = styled9.span`
12669
12930
  color: #E6C656;
12670
12931
  font-weight: 600;
12671
12932
  margin-left: 2px;
12672
12933
  `;
12673
- styled19.div`
12934
+ styled9.div`
12674
12935
  display: grid;
12675
12936
  grid-template-columns: auto 1fr auto auto;
12676
12937
  align-items: center;
@@ -12686,7 +12947,7 @@ styled19.div`
12686
12947
  background: rgba(255, 255, 255, 0.015);
12687
12948
  }
12688
12949
  `;
12689
- styled19.span`
12950
+ styled9.span`
12690
12951
  font-size: 0.6rem;
12691
12952
  font-weight: 700;
12692
12953
  text-transform: uppercase;
@@ -12698,21 +12959,21 @@ styled19.span`
12698
12959
  color: ${({ $side }) => $side === "Buy" ? "#0ecb81" : "#f6465d"};
12699
12960
  background: ${({ $side }) => $side === "Buy" ? "rgba(14, 203, 129, 0.1)" : "rgba(246, 70, 93, 0.1)"};
12700
12961
  `;
12701
- styled19.div`
12962
+ styled9.div`
12702
12963
  display: flex;
12703
12964
  flex-direction: column;
12704
12965
  gap: 0.1rem;
12705
12966
  `;
12706
- styled19.span`
12967
+ styled9.span`
12707
12968
  font-size: 0.8rem;
12708
12969
  color: #fff;
12709
12970
  font-weight: 500;
12710
12971
  `;
12711
- styled19.span`
12972
+ styled9.span`
12712
12973
  font-size: 0.6rem;
12713
12974
  color: rgba(255, 255, 255, 0.35);
12714
12975
  `;
12715
- var ActivityTag = styled19.span`
12976
+ var ActivityTag = styled9.span`
12716
12977
  font-size: 0.58rem;
12717
12978
  font-weight: 600;
12718
12979
  padding: 0.15rem 0.45rem;
@@ -12721,20 +12982,20 @@ var ActivityTag = styled19.span`
12721
12982
  background: ${({ $bg }) => $bg || "rgba(255, 255, 255, 0.06)"};
12722
12983
  white-space: nowrap;
12723
12984
  `;
12724
- styled19.span`
12985
+ styled9.span`
12725
12986
  font-size: 0.8rem;
12726
12987
  font-weight: 600;
12727
12988
  color: #fff;
12728
12989
  text-align: right;
12729
12990
  white-space: nowrap;
12730
12991
  `;
12731
- styled19.div`
12992
+ styled9.div`
12732
12993
  display: flex;
12733
12994
  align-items: center;
12734
12995
  justify-content: flex-end;
12735
12996
  gap: 0.35rem;
12736
12997
  `;
12737
- styled19.a`
12998
+ styled9.a`
12738
12999
  display: inline-flex;
12739
13000
  align-items: center;
12740
13001
  justify-content: center;
@@ -12756,13 +13017,13 @@ styled19.a`
12756
13017
  outline-offset: 2px;
12757
13018
  }
12758
13019
  `;
12759
- var EmptyState = styled19.div`
13020
+ var EmptyState = styled9.div`
12760
13021
  padding: 1.5rem 0.75rem;
12761
13022
  text-align: center;
12762
13023
  font-size: 0.8rem;
12763
13024
  color: rgba(255, 255, 255, 0.45);
12764
13025
  `;
12765
- var PaginationRow = styled19.div`
13026
+ var PaginationRow = styled9.div`
12766
13027
  display: flex;
12767
13028
  align-items: center;
12768
13029
  justify-content: center;
@@ -12771,7 +13032,7 @@ var PaginationRow = styled19.div`
12771
13032
  padding-top: 1rem;
12772
13033
  border-top: 1px solid rgba(255, 255, 255, 0.06);
12773
13034
  `;
12774
- var PaginationButton = styled19.button`
13035
+ var PaginationButton = styled9.button`
12775
13036
  background: transparent;
12776
13037
  border: 1px solid rgba(255, 255, 255, 0.12);
12777
13038
  border-radius: 8px;
@@ -12785,25 +13046,25 @@ var PaginationButton = styled19.button`
12785
13046
  cursor: default;
12786
13047
  }
12787
13048
  `;
12788
- var PaginationLabel = styled19.span`
13049
+ var PaginationLabel = styled9.span`
12789
13050
  font-size: 0.8rem;
12790
13051
  color: rgba(255, 255, 255, 0.4);
12791
13052
  `;
12792
- var PositionsHeader = styled19.div`
13053
+ var PositionsHeader = styled9.div`
12793
13054
  display: grid;
12794
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"};
12795
13056
  gap: 0 0.75rem;
12796
13057
  padding: 0.4rem 0.5rem;
12797
13058
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
12798
13059
  `;
12799
- var PositionsHeaderCell = styled19.div`
13060
+ var PositionsHeaderCell = styled9.div`
12800
13061
  font-size: 0.68rem;
12801
13062
  font-weight: 500;
12802
13063
  color: rgba(255, 255, 255, 0.4);
12803
13064
  text-align: ${(p) => p.$align || "left"};
12804
13065
  white-space: nowrap;
12805
13066
  `;
12806
- var SortableHeaderCell = styled19.div`
13067
+ var SortableHeaderCell = styled9.div`
12807
13068
  font-size: 0.68rem;
12808
13069
  font-weight: 500;
12809
13070
  color: ${(p) => p.$active ? "rgba(255, 255, 255, 0.7)" : "rgba(255, 255, 255, 0.4)"};
@@ -12813,7 +13074,7 @@ var SortableHeaderCell = styled19.div`
12813
13074
  transition: color 0.15s ease;
12814
13075
  &:hover { color: rgba(255, 255, 255, 0.7); }
12815
13076
  `;
12816
- var PositionsRow = styled19.div`
13077
+ var PositionsRow = styled9.div`
12817
13078
  display: grid;
12818
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"};
12819
13080
  align-items: center;
@@ -12826,29 +13087,29 @@ var PositionsRow = styled19.div`
12826
13087
  &:hover { background: rgba(255, 255, 255, 0.04); }
12827
13088
  &:last-child { border-bottom: none; }
12828
13089
  `;
12829
- var PositionsCell = styled19.div`
13090
+ var PositionsCell = styled9.div`
12830
13091
  display: flex;
12831
13092
  flex-direction: column;
12832
13093
  align-items: ${(p) => p.$align === "right" ? "flex-end" : "flex-start"};
12833
13094
  gap: 0.1rem;
12834
13095
  `;
12835
- var HoldingsPropertyLink = styled19.span`
13096
+ var HoldingsPropertyLink = styled9.span`
12836
13097
  font-size: 0.8rem;
12837
13098
  font-weight: 600;
12838
13099
  color: #fff;
12839
13100
  cursor: grab;
12840
13101
  &:hover { text-decoration: underline; color: var(--color-accent, #E6C87E); }
12841
13102
  `;
12842
- var PnLAmount = styled19.div`
13103
+ var PnLAmount = styled9.div`
12843
13104
  font-size: 0.85rem;
12844
13105
  font-weight: 600;
12845
13106
  color: ${(p) => p.$positive ? "#0ecb81" : "#f6465d"};
12846
13107
  `;
12847
- var PnLPercentage = styled19.div`
13108
+ var PnLPercentage = styled9.div`
12848
13109
  font-size: 0.7rem;
12849
13110
  color: ${(p) => p.$positive ? "#0ecb81" : "#f6465d"};
12850
13111
  `;
12851
- var CancelButton = styled19.button`
13112
+ var CancelButton = styled9.button`
12852
13113
  background: transparent;
12853
13114
  border: 1px solid rgba(246, 70, 93, 0.3);
12854
13115
  border-radius: 4px;
@@ -12870,20 +13131,20 @@ var CancelButton = styled19.button`
12870
13131
  cursor: not-allowed;
12871
13132
  }
12872
13133
  `;
12873
- var GridHeader = styled19.div`
13134
+ var GridHeader = styled9.div`
12874
13135
  display: grid;
12875
13136
  grid-template-columns: ${(p) => p.$columns};
12876
13137
  gap: 0 0.75rem;
12877
13138
  padding: 0.4rem 0.5rem;
12878
13139
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
12879
13140
  `;
12880
- var GridHeaderCell = styled19.div`
13141
+ var GridHeaderCell = styled9.div`
12881
13142
  font-size: 0.68rem;
12882
13143
  font-weight: 500;
12883
13144
  color: rgba(255, 255, 255, 0.4);
12884
13145
  white-space: nowrap;
12885
13146
  `;
12886
- var GridRow = styled19.div`
13147
+ var GridRow = styled9.div`
12887
13148
  display: grid;
12888
13149
  grid-template-columns: ${(p) => p.$columns};
12889
13150
  align-items: center;
@@ -12893,12 +13154,12 @@ var GridRow = styled19.div`
12893
13154
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
12894
13155
  &:last-child { border-bottom: none; }
12895
13156
  `;
12896
- var GridCell = styled19.div`
13157
+ var GridCell = styled9.div`
12897
13158
  display: flex;
12898
13159
  align-items: center;
12899
13160
  min-width: 0;
12900
13161
  `;
12901
- var CellText = styled19.span`
13162
+ var CellText = styled9.span`
12902
13163
  font-size: 0.8rem;
12903
13164
  font-weight: ${(p) => p.$primary ? 600 : 400};
12904
13165
  color: ${(p) => p.$color || (p.$muted ? "rgba(255,255,255,0.5)" : "#fff")};
@@ -12906,12 +13167,12 @@ var CellText = styled19.span`
12906
13167
  overflow: hidden;
12907
13168
  text-overflow: ellipsis;
12908
13169
  `;
12909
- var SideBadge = styled19.span`
13170
+ var SideBadge = styled9.span`
12910
13171
  font-size: 0.68rem;
12911
13172
  font-weight: 600;
12912
13173
  color: ${({ $side }) => $side === "Buy" ? "#0ecb81" : "#f6465d"};
12913
13174
  `;
12914
- var EditableCellWrap = styled19.span`
13175
+ var EditableCellWrap = styled9.span`
12915
13176
  display: inline-flex;
12916
13177
  align-items: center;
12917
13178
  gap: 0.35rem;
@@ -12928,7 +13189,7 @@ var EditableCellWrap = styled19.span`
12928
13189
  color: var(--color-accent, #E6C87E);
12929
13190
  }
12930
13191
  `;
12931
- var EditInput = styled19.input`
13192
+ var EditInput = styled9.input`
12932
13193
  width: 5rem;
12933
13194
  background: rgba(255, 255, 255, 0.06);
12934
13195
  border: 1px solid rgba(255, 255, 255, 0.15);
@@ -12950,7 +13211,7 @@ var EditInput = styled19.input`
12950
13211
  }
12951
13212
  -moz-appearance: textfield;
12952
13213
  `;
12953
- var CancelConfirmOverlay = styled19.div`
13214
+ var CancelConfirmOverlay = styled9.div`
12954
13215
  position: fixed;
12955
13216
  inset: 0;
12956
13217
  background: rgba(0, 0, 0, 0.6);
@@ -12959,7 +13220,7 @@ var CancelConfirmOverlay = styled19.div`
12959
13220
  justify-content: center;
12960
13221
  z-index: 1000;
12961
13222
  `;
12962
- var CancelConfirmModal = styled19.div`
13223
+ var CancelConfirmModal = styled9.div`
12963
13224
  background: #1a1a1a;
12964
13225
  border: 1px solid rgba(255, 255, 255, 0.12);
12965
13226
  border-radius: 12px;
@@ -12970,22 +13231,22 @@ var CancelConfirmModal = styled19.div`
12970
13231
  flex-direction: column;
12971
13232
  gap: 0.75rem;
12972
13233
  `;
12973
- var CancelConfirmTitle = styled19.div`
13234
+ var CancelConfirmTitle = styled9.div`
12974
13235
  font-size: 1rem;
12975
13236
  font-weight: 600;
12976
13237
  color: #fff;
12977
13238
  `;
12978
- var CancelConfirmBody = styled19.div`
13239
+ var CancelConfirmBody = styled9.div`
12979
13240
  font-size: 0.85rem;
12980
13241
  color: rgba(255, 255, 255, 0.6);
12981
13242
  line-height: 1.5;
12982
13243
  `;
12983
- var CancelConfirmActions = styled19.div`
13244
+ var CancelConfirmActions = styled9.div`
12984
13245
  display: flex;
12985
13246
  gap: 0.5rem;
12986
13247
  margin-top: 0.25rem;
12987
13248
  `;
12988
- var CancelConfirmDismiss = styled19.button`
13249
+ var CancelConfirmDismiss = styled9.button`
12989
13250
  flex: 1;
12990
13251
  background: rgba(255, 255, 255, 0.06);
12991
13252
  border: 1px solid rgba(255, 255, 255, 0.12);
@@ -13001,7 +13262,7 @@ var CancelConfirmDismiss = styled19.button`
13001
13262
  background: rgba(255, 255, 255, 0.1);
13002
13263
  }
13003
13264
  `;
13004
- var CancelConfirmProceed = styled19.button`
13265
+ var CancelConfirmProceed = styled9.button`
13005
13266
  flex: 1;
13006
13267
  background: rgba(246, 70, 93, 0.15);
13007
13268
  border: 1px solid rgba(246, 70, 93, 0.4);
@@ -13022,12 +13283,12 @@ var CancelConfirmProceed = styled19.button`
13022
13283
  cursor: not-allowed;
13023
13284
  }
13024
13285
  `;
13025
- var CloseActions = styled19.div`
13286
+ var CloseActions = styled9.div`
13026
13287
  display: flex;
13027
13288
  gap: 0.35rem;
13028
13289
  align-items: center;
13029
13290
  `;
13030
- var CloseBtn2 = styled19.button`
13291
+ var CloseBtn2 = styled9.button`
13031
13292
  background: transparent;
13032
13293
  border: 1px solid rgba(230, 200, 126, 0.25);
13033
13294
  border-radius: 4px;
@@ -13047,7 +13308,7 @@ var CloseBtn2 = styled19.button`
13047
13308
  border-color: rgba(230, 200, 126, 0.5);
13048
13309
  }
13049
13310
  `;
13050
- var CloseAllHeaderBtn = styled19.button`
13311
+ var CloseAllHeaderBtn = styled9.button`
13051
13312
  background: rgba(230, 200, 126, 0.1);
13052
13313
  border: 1px solid rgba(230, 200, 126, 0.3);
13053
13314
  border-radius: 4px;
@@ -13064,7 +13325,7 @@ var CloseAllHeaderBtn = styled19.button`
13064
13325
  border-color: rgba(230, 200, 126, 0.5);
13065
13326
  }
13066
13327
  `;
13067
- var CloseAllOverlay = styled19.div`
13328
+ var CloseAllOverlay = styled9.div`
13068
13329
  position: fixed;
13069
13330
  inset: 0;
13070
13331
  background: rgba(0, 0, 0, 0.6);
@@ -13073,7 +13334,7 @@ var CloseAllOverlay = styled19.div`
13073
13334
  justify-content: center;
13074
13335
  z-index: 1000;
13075
13336
  `;
13076
- var CloseAllModal = styled19.div`
13337
+ var CloseAllModal = styled9.div`
13077
13338
  background: #1a1a1a;
13078
13339
  border: 1px solid rgba(255, 255, 255, 0.12);
13079
13340
  border-radius: 12px;
@@ -13082,7 +13343,7 @@ var CloseAllModal = styled19.div`
13082
13343
  width: 90%;
13083
13344
  position: relative;
13084
13345
  `;
13085
- var CloseAllModalX = styled19.button`
13346
+ var CloseAllModalX = styled9.button`
13086
13347
  position: absolute;
13087
13348
  top: 0.75rem;
13088
13349
  right: 0.75rem;
@@ -13097,19 +13358,19 @@ var CloseAllModalX = styled19.button`
13097
13358
 
13098
13359
  &:hover { color: #fff; }
13099
13360
  `;
13100
- var CloseAllTitle = styled19.div`
13361
+ var CloseAllTitle = styled9.div`
13101
13362
  font-size: 1rem;
13102
13363
  font-weight: 600;
13103
13364
  color: #fff;
13104
13365
  margin-bottom: 0.5rem;
13105
13366
  `;
13106
- var CloseAllDesc = styled19.div`
13367
+ var CloseAllDesc = styled9.div`
13107
13368
  font-size: 0.8rem;
13108
13369
  color: rgba(255, 255, 255, 0.5);
13109
13370
  line-height: 1.45;
13110
13371
  margin-bottom: 1rem;
13111
13372
  `;
13112
- var CloseAllOption = styled19.div`
13373
+ var CloseAllOption = styled9.div`
13113
13374
  display: flex;
13114
13375
  align-items: center;
13115
13376
  gap: 0.6rem;
@@ -13123,7 +13384,7 @@ var CloseAllOption = styled19.div`
13123
13384
 
13124
13385
  &:hover { background: rgba(255, 255, 255, 0.04); }
13125
13386
  `;
13126
- var CloseAllRadio = styled19.div`
13387
+ var CloseAllRadio = styled9.div`
13127
13388
  width: 16px;
13128
13389
  height: 16px;
13129
13390
  border-radius: 50%;
@@ -13145,7 +13406,7 @@ var CloseAllRadio = styled19.div`
13145
13406
  transition: background 0.15s;
13146
13407
  }
13147
13408
  `;
13148
- var CloseAllConfirmBtn = styled19.button`
13409
+ var CloseAllConfirmBtn = styled9.button`
13149
13410
  width: 100%;
13150
13411
  margin-top: 0.75rem;
13151
13412
  background: rgba(246, 70, 93, 0.15);
@@ -13191,7 +13452,7 @@ function NewsOrdersSection({ newsItems, newsConnectionStatus, activityData }) {
13191
13452
  ) })
13192
13453
  ] });
13193
13454
  }
13194
- var Row2 = styled19.div`
13455
+ var Row2 = styled9.div`
13195
13456
  display: grid;
13196
13457
  grid-template-columns: 1fr 2fr;
13197
13458
  gap: 1.5rem;
@@ -13209,7 +13470,7 @@ var Row2 = styled19.div`
13209
13470
  overflow: hidden;
13210
13471
  }
13211
13472
  `;
13212
- var ActivityWrapper = styled19.div`
13473
+ var ActivityWrapper = styled9.div`
13213
13474
  background-color: var(--color-card-darker, #111);
13214
13475
  border-radius: 8px;
13215
13476
  padding: 1.5rem;
@@ -13325,7 +13586,7 @@ function OrderConfirmationModal({
13325
13586
  ] })
13326
13587
  ] }) });
13327
13588
  }
13328
- var Overlay3 = styled19.div`
13589
+ var Overlay3 = styled9.div`
13329
13590
  position: fixed;
13330
13591
  top: 0;
13331
13592
  left: 0;
@@ -13338,7 +13599,7 @@ var Overlay3 = styled19.div`
13338
13599
  z-index: 10000;
13339
13600
  backdrop-filter: blur(4px);
13340
13601
  `;
13341
- var Modal = styled19.div`
13602
+ var Modal = styled9.div`
13342
13603
  background: linear-gradient(135deg, rgba(26,29,35,0.95) 0%, rgba(26,29,35,0.98) 100%);
13343
13604
  border: 1px solid rgba(255,255,255,0.1);
13344
13605
  border-radius: 16px;
@@ -13347,7 +13608,7 @@ var Modal = styled19.div`
13347
13608
  width: 90%;
13348
13609
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
13349
13610
  `;
13350
- var ModalHeader = styled19.div`
13611
+ var ModalHeader = styled9.div`
13351
13612
  display: flex;
13352
13613
  align-items: center;
13353
13614
  margin-bottom: 1.5rem;
@@ -13363,7 +13624,7 @@ var ModalHeader = styled19.div`
13363
13624
  gap: 0.5rem;
13364
13625
  }
13365
13626
  `;
13366
- var Badge2 = styled19.span`
13627
+ var Badge2 = styled9.span`
13367
13628
  padding: 0.25rem 0.75rem;
13368
13629
  border-radius: 6px;
13369
13630
  font-size: 0.75rem;
@@ -13374,12 +13635,12 @@ var Badge2 = styled19.span`
13374
13635
  color: #D4AF37;
13375
13636
  border: 1px solid rgba(212,175,55,0.3);
13376
13637
  `;
13377
- var ModalBody = styled19.div`
13638
+ var ModalBody = styled9.div`
13378
13639
  margin-bottom: 1.5rem;
13379
13640
  display: flex;
13380
13641
  flex-direction: column;
13381
13642
  `;
13382
- var ModalRow = styled19.div`
13643
+ var ModalRow = styled9.div`
13383
13644
  display: flex;
13384
13645
  justify-content: space-between;
13385
13646
  align-items: center;
@@ -13402,7 +13663,7 @@ var ModalRow = styled19.div`
13402
13663
  font-weight: 600;
13403
13664
  }
13404
13665
  `;
13405
- var Warning = styled19.div`
13666
+ var Warning = styled9.div`
13406
13667
  background: rgba(246,70,93,0.1);
13407
13668
  border: 1px solid rgba(246,70,93,0.3);
13408
13669
  border-radius: 8px;
@@ -13422,7 +13683,7 @@ var Warning = styled19.div`
13422
13683
  line-height: 1.5;
13423
13684
  }
13424
13685
  `;
13425
- var Summary = styled19.div`
13686
+ var Summary = styled9.div`
13426
13687
  background: rgba(255,255,255,0.03);
13427
13688
  border: 1px solid rgba(255,255,255,0.08);
13428
13689
  border-radius: 8px;
@@ -13435,7 +13696,7 @@ var Summary = styled19.div`
13435
13696
  var spin = keyframes`
13436
13697
  to { transform: rotate(360deg); }
13437
13698
  `;
13438
- var Spinner = styled19.span`
13699
+ var Spinner = styled9.span`
13439
13700
  display: inline-block;
13440
13701
  width: 14px;
13441
13702
  height: 14px;
@@ -13446,7 +13707,7 @@ var Spinner = styled19.span`
13446
13707
  margin-right: 0.5rem;
13447
13708
  vertical-align: -2px;
13448
13709
  `;
13449
- var ButtonRow2 = styled19.div`
13710
+ var ButtonRow2 = styled9.div`
13450
13711
  display: flex;
13451
13712
  gap: 1rem;
13452
13713
  justify-content: flex-end;
@@ -13768,7 +14029,7 @@ function PropertyBuy({
13768
14029
  )
13769
14030
  ] });
13770
14031
  }
13771
- var HeroGrid = styled19.div`
14032
+ var HeroGrid = styled9.div`
13772
14033
  display: grid;
13773
14034
  grid-template-columns: 1fr auto;
13774
14035
  grid-template-rows: auto auto minmax(450px, 520px);
@@ -13837,7 +14098,7 @@ var HeroGrid = styled19.div`
13837
14098
  gap: 0.5rem;
13838
14099
  }
13839
14100
  `;
13840
- var PaymentOption = styled19.div`
14101
+ var PaymentOption = styled9.div`
13841
14102
  display: flex;
13842
14103
  align-items: center;
13843
14104
  padding: 1rem;
@@ -13854,7 +14115,7 @@ var PaymentOption = styled19.div`
13854
14115
  border-color: rgba(0, 123, 255, 0.5);
13855
14116
  }
13856
14117
  `;
13857
- var RadioIndicator = styled19.div`
14118
+ var RadioIndicator = styled9.div`
13858
14119
  width: 20px;
13859
14120
  height: 20px;
13860
14121
  border-radius: 50%;
@@ -13874,7 +14135,7 @@ var RadioIndicator = styled19.div`
13874
14135
  transition: opacity 0.2s;
13875
14136
  }
13876
14137
  `;
13877
- var PaymentMethodDetails = styled19.div`
14138
+ var PaymentMethodDetails = styled9.div`
13878
14139
  background: rgba(0, 0, 0, 0.2);
13879
14140
  border-radius: 8px;
13880
14141
  padding: 1rem;
@@ -13893,7 +14154,7 @@ var PaymentMethodDetails = styled19.div`
13893
14154
  }
13894
14155
  }
13895
14156
  `;
13896
- var ConfirmButton = styled19.button`
14157
+ var ConfirmButton = styled9.button`
13897
14158
  background: ${(props) => props.disabled ? "rgba(255, 255, 255, 0.1)" : "linear-gradient(to right, #d4af37, #f2d35b)"};
13898
14159
  border: none;
13899
14160
  border-radius: 8px;
@@ -14611,7 +14872,7 @@ var OwnerBooking = ({ propertyName, token }) => {
14611
14872
  ] });
14612
14873
  };
14613
14874
  var owner_booking_default = OwnerBooking;
14614
- var DateSelectorDropdown = styled19.div`
14875
+ var DateSelectorDropdown = styled9.div`
14615
14876
  position: absolute;
14616
14877
  top: calc(100% + 0.5rem);
14617
14878
  left: 0;
@@ -14625,7 +14886,7 @@ var DateSelectorDropdown = styled19.div`
14625
14886
  display: ${({ $isOpen }) => $isOpen ? "block" : "none"};
14626
14887
  z-index: 10;
14627
14888
  `;
14628
- var MonthButton = styled19.button`
14889
+ var MonthButton = styled9.button`
14629
14890
  background: ${({ $isSelected }) => $isSelected ? "rgba(212, 175, 55, 0.2)" : "transparent"};
14630
14891
  border: 1px solid
14631
14892
  ${({ $isSelected }) => $isSelected ? "#d4af37" : "rgba(255, 255, 255, 0.12)"};
@@ -14641,7 +14902,7 @@ var MonthButton = styled19.button`
14641
14902
  border-color: rgba(212, 175, 55, 0.5);
14642
14903
  }
14643
14904
  `;
14644
- var DayCell = styled19.div`
14905
+ var DayCell = styled9.div`
14645
14906
  aspect-ratio: 1;
14646
14907
  display: flex;
14647
14908
  align-items: center;
@@ -14675,7 +14936,7 @@ var DayCell = styled19.div`
14675
14936
  opacity: ${({ $isCurrentMonth, $savedRangeColor }) => $isCurrentMonth ? $savedRangeColor ? 0.85 : 1 : 0.35};
14676
14937
  }
14677
14938
  `;
14678
- var AddDateRangeButton = styled19.button`
14939
+ var AddDateRangeButton = styled9.button`
14679
14940
  flex: 1;
14680
14941
  min-width: 180px;
14681
14942
  background: rgba(212, 175, 55, 0.18);
@@ -14697,21 +14958,21 @@ var AddDateRangeButton = styled19.button`
14697
14958
  cursor: not-allowed;
14698
14959
  }
14699
14960
  `;
14700
- var ConfirmButton2 = styled19(AddDateRangeButton)`
14961
+ var ConfirmButton2 = styled9(AddDateRangeButton)`
14701
14962
  flex: 0 0 auto;
14702
14963
  min-width: 140px;
14703
14964
  background: rgba(212, 175, 55, 0.35);
14704
14965
  border-color: rgba(212, 175, 55, 0.6);
14705
14966
  font-weight: 600;
14706
14967
  `;
14707
- var ReservationCard = styled19.div`
14968
+ var ReservationCard = styled9.div`
14708
14969
  background: rgba(0, 0, 0, 0.4);
14709
14970
  border-radius: 12px;
14710
14971
  padding: 1rem;
14711
14972
  margin-top: 1rem;
14712
14973
  border-left: 4px solid ${({ $accent }) => $accent};
14713
14974
  `;
14714
- var ActionButton = styled19.button`
14975
+ var ActionButton = styled9.button`
14715
14976
  background: none;
14716
14977
  border: none;
14717
14978
  color: ${({ $variant }) => $variant === "danger" ? "#ff7676" : "#d4af37"};
@@ -15161,7 +15422,7 @@ function calculatePositionFromPrice(price, undervaluedPrice, fairValue, overvalu
15161
15422
  }
15162
15423
  return 50 + 50 * (price - fairValue) / (overvaluedPrice - fairValue);
15163
15424
  }
15164
- var ValuationIndicator = styled19.div`
15425
+ var ValuationIndicator = styled9.div`
15165
15426
  background-color: rgba(50, 52, 58, 0.95);
15166
15427
  border-radius: 6px;
15167
15428
  padding: 1rem;
@@ -15183,7 +15444,7 @@ var ValuationIndicator = styled19.div`
15183
15444
  }
15184
15445
  }
15185
15446
  `;
15186
- var GaugeIndicator = styled19.div`
15447
+ var GaugeIndicator = styled9.div`
15187
15448
  position: absolute;
15188
15449
  left: ${(props) => props.position}%;
15189
15450
  top: 0.35rem;
@@ -15194,7 +15455,7 @@ var GaugeIndicator = styled19.div`
15194
15455
  background: ${(props) => props.type === "fairValue" ? "#f0b90b" : "rgba(10, 12, 18, 0.95)"};
15195
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)"};
15196
15457
  `;
15197
- var GaugePriceTag = styled19.div`
15458
+ var GaugePriceTag = styled9.div`
15198
15459
  position: absolute;
15199
15460
  left: ${(props) => props.position}%;
15200
15461
  top: -46px;
@@ -15219,18 +15480,18 @@ var GaugePriceTag = styled19.div`
15219
15480
  color: var(--color-accent);
15220
15481
  }
15221
15482
  `;
15222
- var HiddenMobileChart = styled19.div`
15483
+ var HiddenMobileChart = styled9.div`
15223
15484
  display: none;
15224
15485
  @media (max-width: 480px) {
15225
15486
  display: block;
15226
15487
  }
15227
15488
  `;
15228
- var ValuationWrapper = styled19.div`
15489
+ var ValuationWrapper = styled9.div`
15229
15490
  display: flex;
15230
15491
  flex-direction: column;
15231
15492
  gap: 2rem;
15232
15493
  `;
15233
- var LoadingOverlay = styled19.div`
15494
+ var LoadingOverlay = styled9.div`
15234
15495
  margin-top: 1rem;
15235
15496
  padding: 0.75rem 1rem;
15236
15497
  border-radius: 8px;
@@ -15238,7 +15499,7 @@ var LoadingOverlay = styled19.div`
15238
15499
  color: rgba(255, 255, 255, 0.8);
15239
15500
  font-size: 0.9rem;
15240
15501
  `;
15241
- var ErrorMessage = styled19.div`
15502
+ var ErrorMessage = styled9.div`
15242
15503
  margin-top: 1rem;
15243
15504
  padding: 0.75rem 1rem;
15244
15505
  border-radius: 8px;
@@ -15247,33 +15508,33 @@ var ErrorMessage = styled19.div`
15247
15508
  font-size: 0.9rem;
15248
15509
  border: 1px solid rgba(244, 67, 54, 0.4);
15249
15510
  `;
15250
- var SectionTitle = styled19.h2`
15511
+ var SectionTitle = styled9.h2`
15251
15512
  margin: 0;
15252
15513
  font-size: clamp(1.75rem, 2.5vw, 2.25rem);
15253
15514
  font-weight: 600;
15254
15515
  color: #fff;
15255
15516
  letter-spacing: 0.01em;
15256
15517
  `;
15257
- var LoafPricingSection = styled19.div`
15518
+ var LoafPricingSection = styled9.div`
15258
15519
  background-color: rgba(30, 32, 38, 0.95);
15259
15520
  border-radius: 8px;
15260
15521
  padding: 1.25rem;
15261
15522
  margin-bottom: 1.5rem;
15262
15523
  `;
15263
- var SectionSubheading = styled19.h2`
15524
+ var SectionSubheading = styled9.h2`
15264
15525
  margin: 0;
15265
15526
  font-size: 1.1rem;
15266
15527
  font-weight: 600;
15267
15528
  color: #fff;
15268
15529
  letter-spacing: 0.02em;
15269
15530
  `;
15270
- var PricingModelCard = styled19.div`
15531
+ var PricingModelCard = styled9.div`
15271
15532
  background-color: rgba(40, 42, 48, 0.95);
15272
15533
  border-radius: 8px;
15273
15534
  padding: 1.5rem;
15274
15535
  margin-top: 1rem;
15275
15536
  `;
15276
- var PricingModelHeader = styled19.div`
15537
+ var PricingModelHeader = styled9.div`
15277
15538
  display: flex;
15278
15539
  justify-content: space-between;
15279
15540
  align-items: center;
@@ -15288,13 +15549,13 @@ var PricingModelHeader = styled19.div`
15288
15549
  color: rgba(255, 255, 255, 0.75);
15289
15550
  }
15290
15551
  `;
15291
- var PricingModelTitle = styled19.h3`
15552
+ var PricingModelTitle = styled9.h3`
15292
15553
  margin: 0;
15293
15554
  font-size: 1.2rem;
15294
15555
  font-weight: 600;
15295
15556
  color: #fff;
15296
15557
  `;
15297
- var PricingModelValue = styled19.div`
15558
+ var PricingModelValue = styled9.div`
15298
15559
  font-size: 1.4rem;
15299
15560
  font-weight: 700;
15300
15561
  color: var(--color-primary);
@@ -15303,43 +15564,43 @@ var PricingModelValue = styled19.div`
15303
15564
  font-size: 1.2rem;
15304
15565
  }
15305
15566
  `;
15306
- var PricingModelDetails = styled19.div`
15567
+ var PricingModelDetails = styled9.div`
15307
15568
  display: grid;
15308
15569
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
15309
15570
  gap: 1.5rem;
15310
15571
  margin-bottom: 1.5rem;
15311
15572
  `;
15312
- var PricingModelDetail = styled19.div`
15573
+ var PricingModelDetail = styled9.div`
15313
15574
  background-color: rgba(50, 52, 58, 0.95);
15314
15575
  border-radius: 6px;
15315
15576
  padding: 1rem;
15316
15577
  `;
15317
- var PropertyDetailLabel = styled19.div`
15578
+ var PropertyDetailLabel = styled9.div`
15318
15579
  font-size: 0.85rem;
15319
15580
  color: rgba(255, 255, 255, 0.7);
15320
15581
  margin-bottom: 0.5rem;
15321
15582
  `;
15322
- var PricingDetailValue = styled19.div`
15583
+ var PricingDetailValue = styled9.div`
15323
15584
  font-size: 1rem;
15324
15585
  color: #fff;
15325
15586
  font-weight: 500;
15326
15587
  `;
15327
- var ValuationHeader = styled19.div`
15588
+ var ValuationHeader = styled9.div`
15328
15589
  display: flex;
15329
15590
  justify-content: space-between;
15330
15591
  margin-bottom: 0.75rem;
15331
15592
  `;
15332
- var ValuationTitle = styled19.div`
15593
+ var ValuationTitle = styled9.div`
15333
15594
  font-size: 0.9rem;
15334
15595
  color: rgba(255, 255, 255, 0.7);
15335
15596
  `;
15336
- var ValuationGauge = styled19.div`
15597
+ var ValuationGauge = styled9.div`
15337
15598
  position: relative;
15338
15599
  width: 100%;
15339
15600
  padding: 1.1rem 0 2rem;
15340
15601
  margin: 0.75rem 0 1rem;
15341
15602
  `;
15342
- var GaugeBackground = styled19.div`
15603
+ var GaugeBackground = styled9.div`
15343
15604
  width: 100%;
15344
15605
  height: 18px;
15345
15606
  border-radius: 999px;
@@ -15348,21 +15609,21 @@ var GaugeBackground = styled19.div`
15348
15609
  overflow: hidden;
15349
15610
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.35), 0 8px 18px rgba(0, 0, 0, 0.25);
15350
15611
  `;
15351
- var ValuationDetails = styled19.div`
15612
+ var ValuationDetails = styled9.div`
15352
15613
  display: flex;
15353
15614
  justify-content: space-between;
15354
15615
  margin-top: 1rem;
15355
15616
  `;
15356
- var ValuationItem = styled19.div`
15617
+ var ValuationItem = styled9.div`
15357
15618
  display: flex;
15358
15619
  flex-direction: column;
15359
15620
  `;
15360
- var ValuationValue = styled19.div`
15621
+ var ValuationValue = styled9.div`
15361
15622
  font-size: 1rem;
15362
15623
  font-weight: 600;
15363
15624
  color: #fff;
15364
15625
  `;
15365
- var ChartContainer = styled19.div`
15626
+ var ChartContainer = styled9.div`
15366
15627
  width: 100%;
15367
15628
  height: 301.52px;
15368
15629
  margin-top: 1.5rem;
@@ -15371,14 +15632,14 @@ var ChartContainer = styled19.div`
15371
15632
  padding: 1rem;
15372
15633
  position: relative;
15373
15634
  `;
15374
- var ChartBackground = styled19.div`
15635
+ var ChartBackground = styled9.div`
15375
15636
  position: relative;
15376
15637
  height: 100%;
15377
15638
  width: 100%;
15378
15639
  background: rgba(255, 255, 255, 0.03);
15379
15640
  border-radius: 8px;
15380
15641
  `;
15381
- var ValuationSvg = styled19.svg`
15642
+ var ValuationSvg = styled9.svg`
15382
15643
  position: absolute;
15383
15644
  top: 10px;
15384
15645
  right: 0;
@@ -15388,7 +15649,7 @@ var ValuationSvg = styled19.svg`
15388
15649
  width: 100%;
15389
15650
  height: calc(100% - 35px);
15390
15651
  `;
15391
- var YAxisLabel = styled19.div`
15652
+ var YAxisLabel = styled9.div`
15392
15653
  position: absolute;
15393
15654
  left: -40px;
15394
15655
  font-size: 10px;
@@ -15396,7 +15657,7 @@ var YAxisLabel = styled19.div`
15396
15657
  text-align: right;
15397
15658
  padding-right: 5px;
15398
15659
  `;
15399
- var ValuationCallout = styled19.div`
15660
+ var ValuationCallout = styled9.div`
15400
15661
  display: flex;
15401
15662
  align-items: center;
15402
15663
  justify-content: space-between;
@@ -15406,7 +15667,7 @@ var ValuationCallout = styled19.div`
15406
15667
  border: 1px solid rgba(76, 175, 80, 0.2);
15407
15668
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
15408
15669
  `;
15409
- var ValuationBadge = styled19.div`
15670
+ var ValuationBadge = styled9.div`
15410
15671
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
15411
15672
  color: white;
15412
15673
  padding: 5px 12px;
@@ -15415,17 +15676,17 @@ var ValuationBadge = styled19.div`
15415
15676
  font-weight: 600;
15416
15677
  box-shadow: 0 2px 4px rgba(76, 175, 80, 0.25);
15417
15678
  `;
15418
- var AreaDemandChart = styled19.div`
15679
+ var AreaDemandChart = styled9.div`
15419
15680
  height: 60px;
15420
15681
  width: 100%;
15421
15682
  position: relative;
15422
15683
  `;
15423
- var ChartLabel = styled19.div`
15684
+ var ChartLabel = styled9.div`
15424
15685
  position: absolute;
15425
15686
  font-size: 9px;
15426
15687
  color: rgba(255, 255, 255, 0.7);
15427
15688
  `;
15428
- var RecentSalesSection = styled19.div`
15689
+ var RecentSalesSection = styled9.div`
15429
15690
  background-color: rgba(30, 32, 38, 0.95);
15430
15691
  border-radius: 8px;
15431
15692
  padding: 1.25rem;
@@ -15435,7 +15696,7 @@ var RecentSalesSection = styled19.div`
15435
15696
  position: relative;
15436
15697
  }
15437
15698
  `;
15438
- var SalesGrid = styled19.div`
15699
+ var SalesGrid = styled9.div`
15439
15700
  display: grid;
15440
15701
  grid-template-columns: repeat(3, 1fr);
15441
15702
  gap: 1.5rem;
@@ -15456,7 +15717,7 @@ var SalesGrid = styled19.div`
15456
15717
  scrollbar-width: none;
15457
15718
  }
15458
15719
  `;
15459
- var SaleCard = styled19.div`
15720
+ var SaleCard = styled9.div`
15460
15721
  background-color: var(--color-card, #1e2329);
15461
15722
  border-radius: var(--border-radius, 8px);
15462
15723
  overflow: hidden;
@@ -15480,13 +15741,13 @@ var SaleCard = styled19.div`
15480
15741
  }
15481
15742
  }
15482
15743
  `;
15483
- var SaleImageContainer = styled19.div`
15744
+ var SaleImageContainer = styled9.div`
15484
15745
  position: relative;
15485
15746
  width: 100%;
15486
15747
  height: 200px;
15487
15748
  overflow: hidden;
15488
15749
  `;
15489
- var SaleImage = styled19.img`
15750
+ var SaleImage = styled9.img`
15490
15751
  width: 100%;
15491
15752
  height: 100%;
15492
15753
  object-fit: cover;
@@ -15497,7 +15758,7 @@ var SaleImage = styled19.img`
15497
15758
  transform: scale(1.05);
15498
15759
  }
15499
15760
  `;
15500
- var SoldTag = styled19.div`
15761
+ var SoldTag = styled9.div`
15501
15762
  position: absolute;
15502
15763
  top: 1rem;
15503
15764
  right: 1rem;
@@ -15511,10 +15772,10 @@ var SoldTag = styled19.div`
15511
15772
  align-items: center;
15512
15773
  gap: 4px;
15513
15774
  `;
15514
- var SoldIcon = styled19.div`
15775
+ var SoldIcon = styled9.div`
15515
15776
  display: none;
15516
15777
  `;
15517
- var SalePriceBar = styled19.div`
15778
+ var SalePriceBar = styled9.div`
15518
15779
  display: flex;
15519
15780
  justify-content: space-between;
15520
15781
  align-items: center;
@@ -15522,37 +15783,37 @@ var SalePriceBar = styled19.div`
15522
15783
  background: linear-gradient(90deg, rgba(240, 185, 11, 0.1) 0%, rgba(240, 185, 11, 0.05) 100%);
15523
15784
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
15524
15785
  `;
15525
- var SalePriceLeft = styled19.div`
15786
+ var SalePriceLeft = styled9.div`
15526
15787
  display: flex;
15527
15788
  flex-direction: column;
15528
15789
  `;
15529
- var SalePriceLabel = styled19.span`
15790
+ var SalePriceLabel = styled9.span`
15530
15791
  font-size: 0.7rem;
15531
15792
  color: rgba(255, 255, 255, 0.5);
15532
15793
  text-transform: uppercase;
15533
15794
  letter-spacing: 0.5px;
15534
15795
  `;
15535
- var SalePriceAmount = styled19.span`
15796
+ var SalePriceAmount = styled9.span`
15536
15797
  font-size: 1.1rem;
15537
15798
  font-weight: 700;
15538
15799
  color: var(--color-accent, #f0b90b);
15539
15800
  `;
15540
- var SaleContent = styled19.div`
15801
+ var SaleContent = styled9.div`
15541
15802
  padding: 1rem;
15542
15803
  `;
15543
- var SaleAddress = styled19.h3`
15804
+ var SaleAddress = styled9.h3`
15544
15805
  margin: 0;
15545
15806
  margin-bottom: 0.25rem;
15546
15807
  font-size: 1rem;
15547
15808
  font-weight: 600;
15548
15809
  color: var(--color-text, #eaecef);
15549
15810
  `;
15550
- var SaleSuburb = styled19.div`
15811
+ var SaleSuburb = styled9.div`
15551
15812
  font-size: 0.8rem;
15552
15813
  color: var(--color-text-secondary, #848e9c);
15553
15814
  margin-bottom: 0.5rem;
15554
15815
  `;
15555
- var SaleStatsBar = styled19.div`
15816
+ var SaleStatsBar = styled9.div`
15556
15817
  display: flex;
15557
15818
  justify-content: space-between;
15558
15819
  align-items: center;
@@ -15560,7 +15821,7 @@ var SaleStatsBar = styled19.div`
15560
15821
  background-color: rgba(0, 0, 0, 0.3);
15561
15822
  border-top: 1px solid rgba(255, 255, 255, 0.05);
15562
15823
  `;
15563
- var SaleStatItem = styled19.div`
15824
+ var SaleStatItem = styled9.div`
15564
15825
  display: flex;
15565
15826
  align-items: center;
15566
15827
  gap: 0.25rem;
@@ -15573,11 +15834,11 @@ var SaleStatItem = styled19.div`
15573
15834
  opacity: 0.7;
15574
15835
  }
15575
15836
  `;
15576
- var SaleDate = styled19.div`
15837
+ var SaleDate = styled9.div`
15577
15838
  font-size: 0.75rem;
15578
15839
  color: var(--color-text-secondary, #848e9c);
15579
15840
  `;
15580
- var SwipeIndicator = styled19.div`
15841
+ var SwipeIndicator = styled9.div`
15581
15842
  display: none;
15582
15843
 
15583
15844
  @media (max-width: 768px) {
@@ -15610,7 +15871,7 @@ var pulse = keyframes`
15610
15871
  0%, 100% { transform: scale(1); opacity: 0.8; }
15611
15872
  50% { transform: scale(1.2); opacity: 1; }
15612
15873
  `;
15613
- var FeatureTooltip = styled19.div`
15874
+ var FeatureTooltip = styled9.div`
15614
15875
  position: absolute;
15615
15876
  transform: translate(-50%, calc(-100% - 24px));
15616
15877
  min-width: 180px;
@@ -15652,7 +15913,7 @@ var FeatureTooltip = styled19.div`
15652
15913
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.35));
15653
15914
  }
15654
15915
  `;
15655
- var GalleryOverlay = styled19.div`
15916
+ var GalleryOverlay = styled9.div`
15656
15917
  position: fixed;
15657
15918
  inset: 0;
15658
15919
  z-index: 1000;
@@ -15661,7 +15922,7 @@ var GalleryOverlay = styled19.div`
15661
15922
  flex-direction: column;
15662
15923
  animation: ${fadeIn} 0.3s ease;
15663
15924
  `;
15664
- var GalleryHeader = styled19.div`
15925
+ var GalleryHeader = styled9.div`
15665
15926
  position: relative;
15666
15927
  padding: 1.5rem 2rem;
15667
15928
  display: flex;
@@ -15677,7 +15938,7 @@ var GalleryHeader = styled19.div`
15677
15938
  padding: 1rem;
15678
15939
  }
15679
15940
  `;
15680
- var PropertyInfo = styled19.div`
15941
+ var PropertyInfo = styled9.div`
15681
15942
  color: white;
15682
15943
 
15683
15944
  h2 {
@@ -15692,7 +15953,7 @@ var PropertyInfo = styled19.div`
15692
15953
  font-size: 0.95rem;
15693
15954
  }
15694
15955
  `;
15695
- var CloseButton2 = styled19.button`
15956
+ var CloseButton2 = styled9.button`
15696
15957
  width: 48px;
15697
15958
  height: 48px;
15698
15959
  border-radius: 50%;
@@ -15710,7 +15971,7 @@ var CloseButton2 = styled19.button`
15710
15971
  transform: rotate(90deg);
15711
15972
  }
15712
15973
  `;
15713
- var MainImageContainer = styled19.div`
15974
+ var MainImageContainer = styled9.div`
15714
15975
  position: relative;
15715
15976
  flex: 1;
15716
15977
  display: flex;
@@ -15722,7 +15983,7 @@ var MainImageContainer = styled19.div`
15722
15983
  padding: 60px 0 110px;
15723
15984
  }
15724
15985
  `;
15725
- var MainImage = styled19.img`
15986
+ var MainImage = styled9.img`
15726
15987
  max-width: 90%;
15727
15988
  max-height: 100%;
15728
15989
  object-fit: contain;
@@ -15739,7 +16000,7 @@ var MainImage = styled19.img`
15739
16000
  max-width: 100%;
15740
16001
  }
15741
16002
  `;
15742
- var Hotspot = styled19.button`
16003
+ var Hotspot = styled9.button`
15743
16004
  position: absolute;
15744
16005
  width: 32px;
15745
16006
  height: 32px;
@@ -15758,7 +16019,7 @@ var Hotspot = styled19.button`
15758
16019
  transform: translate(-50%, -50%) scale(1.2);
15759
16020
  }
15760
16021
  `;
15761
- var ThumbnailStrip = styled19.div`
16022
+ var ThumbnailStrip = styled9.div`
15762
16023
  position: absolute;
15763
16024
  bottom: 0;
15764
16025
  left: 0;
@@ -15773,7 +16034,7 @@ var ThumbnailStrip = styled19.div`
15773
16034
  display: none;
15774
16035
  }
15775
16036
  `;
15776
- var Thumbnail3 = styled19.button`
16037
+ var Thumbnail3 = styled9.button`
15777
16038
  width: 86px;
15778
16039
  height: 64px;
15779
16040
  border-radius: 6px;
@@ -15794,7 +16055,7 @@ var Thumbnail3 = styled19.button`
15794
16055
  object-fit: cover;
15795
16056
  }
15796
16057
  `;
15797
- var NavigationButton = styled19.button`
16058
+ var NavigationButton = styled9.button`
15798
16059
  position: absolute;
15799
16060
  top: 50%;
15800
16061
  ${(p) => p.$dir === "prev" ? "left: 2rem;" : "right: 2rem;"}
@@ -15814,7 +16075,7 @@ var NavigationButton = styled19.button`
15814
16075
  display: none;
15815
16076
  }
15816
16077
  `;
15817
- var SliderContainer = styled19.div`
16078
+ var SliderContainer = styled9.div`
15818
16079
  position: absolute;
15819
16080
  bottom: 110px;
15820
16081
  left: 50%;
@@ -15831,21 +16092,21 @@ var SliderContainer = styled19.div`
15831
16092
  width: 85%;
15832
16093
  }
15833
16094
  `;
15834
- var SliderTrack = styled19.div`
16095
+ var SliderTrack = styled9.div`
15835
16096
  position: relative;
15836
16097
  height: 4px;
15837
16098
  background: rgba(255, 255, 255, 0.2);
15838
16099
  border-radius: 999px;
15839
16100
  cursor: pointer;
15840
16101
  `;
15841
- var SliderProgress = styled19.div`
16102
+ var SliderProgress = styled9.div`
15842
16103
  position: absolute;
15843
16104
  inset: 0;
15844
16105
  width: ${(p) => p.$progress}%;
15845
16106
  background: linear-gradient(90deg, var(--color-accent, #f0b90b), rgba(240, 185, 11, 0.5));
15846
16107
  border-radius: inherit;
15847
16108
  `;
15848
- var SliderThumb = styled19.div`
16109
+ var SliderThumb = styled9.div`
15849
16110
  position: absolute;
15850
16111
  top: 50%;
15851
16112
  left: ${(p) => p.$position}%;
@@ -15857,7 +16118,7 @@ var SliderThumb = styled19.div`
15857
16118
  border: 3px solid white;
15858
16119
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
15859
16120
  `;
15860
- var SliderLabels = styled19.div`
16121
+ var SliderLabels = styled9.div`
15861
16122
  display: flex;
15862
16123
  justify-content: space-between;
15863
16124
  margin-top: 0.75rem;
@@ -15872,7 +16133,7 @@ var SliderLabels = styled19.div`
15872
16133
  display: none;
15873
16134
  }
15874
16135
  `;
15875
- var MobileDots = styled19.div`
16136
+ var MobileDots = styled9.div`
15876
16137
  position: absolute;
15877
16138
  bottom: 1.5rem;
15878
16139
  left: 50%;
@@ -15884,7 +16145,7 @@ var MobileDots = styled19.div`
15884
16145
  display: none;
15885
16146
  }
15886
16147
  `;
15887
- var MobileDot = styled19.button`
16148
+ var MobileDot = styled9.button`
15888
16149
  width: 8px;
15889
16150
  height: 8px;
15890
16151
  border-radius: 50%;