@loafmarkets/ui 0.1.131 → 0.1.133

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 styled25, { keyframes, css } from 'styled-components';
8
+ import styled19, { 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 = styled25.span`
1547
+ var LogoContainer = styled19.span`
1548
1548
  display: inline-flex;
1549
1549
  align-items: center;
1550
1550
  gap: 0.4rem;
@@ -1581,12 +1581,12 @@ var LogoContainer = styled25.span`
1581
1581
  }
1582
1582
  }
1583
1583
  `;
1584
- var LogoText = styled25.span`
1584
+ var LogoText = styled19.span`
1585
1585
  display: inline-flex;
1586
1586
  align-items: center;
1587
1587
  gap: 0.25rem;
1588
1588
  `;
1589
- var LoafLogoImage = styled25.img`
1589
+ var LoafLogoImage = styled19.img`
1590
1590
  height: 18px;
1591
1591
  display: block;
1592
1592
 
@@ -1594,7 +1594,7 @@ var LoafLogoImage = styled25.img`
1594
1594
  height: 16px;
1595
1595
  }
1596
1596
  `;
1597
- var LiquidityText = styled25.span`
1597
+ var LiquidityText = styled19.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 = styled25.span`
1608
1608
  font-size: 0.55rem;
1609
1609
  }
1610
1610
  `;
1611
- var StatusDot = styled25.span`
1611
+ var StatusDot = styled19.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 = styled25.div`
3219
+ var MobileToggleContainer = styled19.div`
3220
3220
  display: none;
3221
3221
 
3222
3222
  @media (max-width: 1024px) {
@@ -3234,7 +3234,7 @@ var MobileToggleContainer = styled25.div`
3234
3234
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.3);
3235
3235
  }
3236
3236
  `;
3237
- var MobileToggleButton = styled25.button`
3237
+ var MobileToggleButton = styled19.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 = styled25.span`
3582
+ var LogoContainer2 = styled19.span`
3583
3583
  display: inline-flex;
3584
3584
  align-items: center;
3585
3585
  gap: 0.4rem;
@@ -3616,12 +3616,12 @@ var LogoContainer2 = styled25.span`
3616
3616
  }
3617
3617
  }
3618
3618
  `;
3619
- var LogoText2 = styled25.span`
3619
+ var LogoText2 = styled19.span`
3620
3620
  display: inline-flex;
3621
3621
  align-items: center;
3622
3622
  gap: 0.25rem;
3623
3623
  `;
3624
- var LoafLogoImage2 = styled25.img`
3624
+ var LoafLogoImage2 = styled19.img`
3625
3625
  height: 18px;
3626
3626
  display: block;
3627
3627
 
@@ -3629,7 +3629,7 @@ var LoafLogoImage2 = styled25.img`
3629
3629
  height: 16px;
3630
3630
  }
3631
3631
  `;
3632
- var LiquidityText2 = styled25.span`
3632
+ var LiquidityText2 = styled19.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 = styled25.span`
3643
3643
  font-size: 0.55rem;
3644
3644
  }
3645
3645
  `;
3646
- var StatusDot2 = styled25.span`
3646
+ var StatusDot2 = styled19.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 = styled25.div`
4646
+ var OuterWrapper = styled19.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 = styled25.div`
4653
+ var HeroContainer = styled19.div`
4654
4654
  position: relative;
4655
4655
  width: calc(100vw - 1.5rem);
4656
4656
  left: 50%;
@@ -4682,7 +4682,7 @@ var HeroContainer = styled25.div`
4682
4682
  border-radius: 6px;
4683
4683
  }
4684
4684
  `;
4685
- var HeroImage = styled25.img`
4685
+ var HeroImage = styled19.img`
4686
4686
  width: 100%;
4687
4687
  height: 100%;
4688
4688
  object-fit: cover;
@@ -4696,7 +4696,7 @@ var HeroImage = styled25.img`
4696
4696
  transform: scale(1.0);
4697
4697
  transform-origin: center;
4698
4698
  `;
4699
- var ActionButtons = styled25.div`
4699
+ var ActionButtons = styled19.div`
4700
4700
  display: flex;
4701
4701
  flex-wrap: wrap;
4702
4702
  align-items: center;
@@ -4711,7 +4711,7 @@ var ActionButtons = styled25.div`
4711
4711
  display: none;
4712
4712
  }
4713
4713
  `;
4714
- var CardLayout = styled25.div`
4714
+ var CardLayout = styled19.div`
4715
4715
  display: flex;
4716
4716
  align-items: center;
4717
4717
  gap: 1rem;
@@ -4720,7 +4720,7 @@ var CardLayout = styled25.div`
4720
4720
  gap: 0.75rem;
4721
4721
  }
4722
4722
  `;
4723
- var Thumbnail = styled25.img`
4723
+ var Thumbnail = styled19.img`
4724
4724
  width: 72px;
4725
4725
  height: 72px;
4726
4726
  border-radius: 8px;
@@ -4739,11 +4739,11 @@ var Thumbnail = styled25.img`
4739
4739
  height: 48px;
4740
4740
  }
4741
4741
  `;
4742
- var CardContent2 = styled25.div`
4742
+ var CardContent2 = styled19.div`
4743
4743
  min-width: 0;
4744
4744
  flex: 1;
4745
4745
  `;
4746
- var InfoCard = styled25.div`
4746
+ var InfoCard = styled19.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 = styled25.div`
4761
4761
  padding: 0.65rem 0.85rem;
4762
4762
  }
4763
4763
  `;
4764
- var NameGroup = styled25.div`
4764
+ var NameGroup = styled19.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 = styled25.span`
4771
+ var TypeBadge = styled19.span`
4772
4772
  display: inline-flex;
4773
4773
  align-items: center;
4774
4774
  padding: 0.2rem 0.5rem;
@@ -4783,19 +4783,19 @@ var TypeBadge = styled25.span`
4783
4783
  white-space: nowrap;
4784
4784
  flex-shrink: 0;
4785
4785
  `;
4786
- var InfoRow = styled25.div`
4786
+ var InfoRow = styled19.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 = styled25.div`
4792
+ var PriceGroup = styled19.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 = styled25.span`
4798
+ var PriceRow = styled19.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 = styled25.span`
4806
4806
  white-space: nowrap;
4807
4807
  flex-shrink: 0;
4808
4808
  `;
4809
- var CurrencyLabel = styled25.span`
4809
+ var CurrencyLabel = styled19.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 = styled25.span`
4815
+ var PriceArrow = styled19.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 = styled25.p`
4820
+ var AddressText = styled19.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 = styled25.p`
4831
4831
  font-size: 0.9rem;
4832
4832
  }
4833
4833
  `;
4834
- var PriceChangeRow = styled25.span`
4834
+ var PriceChangeRow = styled19.span`
4835
4835
  display: inline-flex;
4836
4836
  align-items: center;
4837
4837
  white-space: nowrap;
@@ -4841,7 +4841,7 @@ var PriceChangeRow = styled25.span`
4841
4841
  font-variant-numeric: tabular-nums;
4842
4842
  color: ${({ $isPositive }) => $isPositive ? "#0ecb81" : "#f6465d"};
4843
4843
  `;
4844
- var StatusBadge = styled25.div`
4844
+ var StatusBadge = styled19.div`
4845
4845
  position: absolute;
4846
4846
  top: 1rem;
4847
4847
  left: 1rem;
@@ -4858,7 +4858,7 @@ var StatusBadge = styled25.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 = styled25.span`
4861
+ var PulsingDot = styled19.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 = styled25.div`
5534
+ var SafeAreaCover = styled19.div`
5535
5535
  position: fixed;
5536
5536
  top: 0;
5537
5537
  left: 0;
@@ -5542,7 +5542,7 @@ var SafeAreaCover = styled25.div`
5542
5542
  z-index: 1001;
5543
5543
  pointer-events: none;
5544
5544
  `;
5545
- var Overlay = styled25.div`
5545
+ var Overlay = styled19.div`
5546
5546
  display: ${(props) => props.$isOpen ? "block" : "none"};
5547
5547
  position: fixed;
5548
5548
  top: 0;
@@ -5553,7 +5553,7 @@ var Overlay = styled25.div`
5553
5553
  backdrop-filter: blur(3px);
5554
5554
  z-index: 999;
5555
5555
  `;
5556
- var MobileOnlyButton = styled25.button.attrs({ type: "button" })`
5556
+ var MobileOnlyButton = styled19.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 = styled25.button.attrs({ type: "button" })`
5584
5584
  display: flex;
5585
5585
  }
5586
5586
  `;
5587
- var HeaderContainer = styled25.header`
5587
+ var HeaderContainer = styled19.header`
5588
5588
  display: flex;
5589
5589
  justify-content: space-between;
5590
5590
  align-items: center;
@@ -5621,7 +5621,7 @@ var HeaderContainer = styled25.header`
5621
5621
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
5622
5622
  }
5623
5623
  `;
5624
- var HeaderSpacer = styled25.div`
5624
+ var HeaderSpacer = styled19.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 = styled25.div`
5631
5631
  min-height: calc(46px + 0.5rem);
5632
5632
  }
5633
5633
  `;
5634
- var Logo = styled25.div`
5634
+ var Logo = styled19.div`
5635
5635
  display: flex;
5636
5636
  align-items: center;
5637
5637
  margin-right: 24px;
@@ -5652,11 +5652,11 @@ var Logo = styled25.div`
5652
5652
  }
5653
5653
  }
5654
5654
  `;
5655
- var LogoLink = styled25.a`
5655
+ var LogoLink = styled19.a`
5656
5656
  display: inline-flex;
5657
5657
  align-items: center;
5658
5658
  `;
5659
- var Nav = styled25.nav`
5659
+ var Nav = styled19.nav`
5660
5660
  display: flex;
5661
5661
  flex-direction: column;
5662
5662
 
@@ -5708,7 +5708,7 @@ var Nav = styled25.nav`
5708
5708
  }
5709
5709
  }
5710
5710
  `;
5711
- var NavLink = styled25.a`
5711
+ var NavLink = styled19.a`
5712
5712
  margin: 0 12px;
5713
5713
  color: #eaecef;
5714
5714
  font-weight: 500;
@@ -5767,7 +5767,7 @@ var NavLink = styled25.a`
5767
5767
  }
5768
5768
  }
5769
5769
  `;
5770
- var Button2 = styled25.button.attrs({ type: "button" })`
5770
+ var Button2 = styled19.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 = styled25.button.attrs({ type: "button" })`
5805
5805
  margin-left: 0.5rem;
5806
5806
  }
5807
5807
  `;
5808
- var UserMenu = styled25.div`
5808
+ var UserMenu = styled19.div`
5809
5809
  position: relative;
5810
5810
  margin-left: 0.75rem;
5811
5811
  height: 56px;
@@ -5816,7 +5816,7 @@ var UserMenu = styled25.div`
5816
5816
  margin-left: auto;
5817
5817
  }
5818
5818
  `;
5819
- var UserButton = styled25.button.attrs({ type: "button" })`
5819
+ var UserButton = styled19.button.attrs({ type: "button" })`
5820
5820
  display: flex;
5821
5821
  align-items: center;
5822
5822
  background: transparent;
@@ -5841,7 +5841,7 @@ var UserButton = styled25.button.attrs({ type: "button" })`
5841
5841
  transform: ${(props) => props.$isOpen ? "rotate(180deg)" : "rotate(0)"};
5842
5842
  }
5843
5843
  `;
5844
- var DropdownMenu = styled25.div`
5844
+ var DropdownMenu = styled19.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 = styled25.div`
5869
5869
  display: block;
5870
5870
  }
5871
5871
  `;
5872
- var MenuItem = styled25.div`
5872
+ var MenuItem = styled19.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 = styled25.div`
5889
5889
  color: #f6465d;
5890
5890
  }
5891
5891
  `;
5892
- var MobileMenuHeader = styled25.div`
5892
+ var MobileMenuHeader = styled19.div`
5893
5893
  display: flex;
5894
5894
  justify-content: flex-end;
5895
5895
  align-items: center;
@@ -5898,7 +5898,7 @@ var MobileMenuHeader = styled25.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 = styled25.button.attrs({ type: "button" })`
5901
+ var MobileMenuClose = styled19.button.attrs({ type: "button" })`
5902
5902
  background: none;
5903
5903
  border: none;
5904
5904
  color: #eaecef;
@@ -5909,7 +5909,7 @@ var MobileMenuClose = styled25.button.attrs({ type: "button" })`
5909
5909
  align-items: center;
5910
5910
  justify-content: center;
5911
5911
  `;
5912
- var SearchBar = styled25.div`
5912
+ var SearchBar = styled19.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 = styled25.div`
5945
5945
  }
5946
5946
  }
5947
5947
  `;
5948
- var MobileNavItem = styled25.div`
5948
+ var MobileNavItem = styled19.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 = styled25.button`
5970
+ var PortfolioEyeButton = styled19.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 = styled25.button`
5992
5992
  margin-right: 6px;
5993
5993
  }
5994
5994
  `;
5995
- var DepositButton = styled25.button`
5995
+ var DepositButton = styled19.button`
5996
5996
  background: #e6c87e;
5997
5997
  color: #1a1a1a;
5998
5998
  border: none;
@@ -6016,7 +6016,7 @@ var DepositButton = styled25.button`
6016
6016
  margin-right: 4px;
6017
6017
  }
6018
6018
  `;
6019
- var PortfolioBarContainer = styled25.div`
6019
+ var PortfolioBarContainer = styled19.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 = styled25.div`
6054
6054
  }
6055
6055
  }
6056
6056
  `;
6057
- var PortfolioBarPill = styled25.div`
6057
+ var PortfolioBarPill = styled19.div`
6058
6058
  pointer-events: auto;
6059
6059
  display: flex;
6060
6060
  align-items: center;
@@ -6090,7 +6090,7 @@ var PortfolioBarPill = styled25.div`
6090
6090
  border-radius: 0 0 16px 16px;
6091
6091
  }
6092
6092
  `;
6093
- var PortfolioBarArrow = styled25.div`
6093
+ var PortfolioBarArrow = styled19.div`
6094
6094
  position: absolute;
6095
6095
  top: -7px;
6096
6096
  width: 14px;
@@ -6102,7 +6102,7 @@ var PortfolioBarArrow = styled25.div`
6102
6102
  box-shadow: -2px -2px 6px rgba(0, 0, 0, 0.25);
6103
6103
  pointer-events: none;
6104
6104
  `;
6105
- var PortfolioInline = styled25.div`
6105
+ var PortfolioInline = styled19.div`
6106
6106
  display: flex;
6107
6107
  align-items: center;
6108
6108
  gap: 1rem;
@@ -6112,34 +6112,34 @@ var PortfolioInline = styled25.div`
6112
6112
  display: none;
6113
6113
  }
6114
6114
  `;
6115
- var PBMetric = styled25.div`
6115
+ var PBMetric = styled19.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 = styled25.span`
6122
+ var PBMetricLabel = styled19.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 = styled25.span`
6129
+ var PBMetricValue = styled19.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 = styled25.div`
6135
+ var PBDot = styled19.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 = styled25.span`
6142
+ var PBOperator = styled19.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 = styled25.div`
6890
+ var Overlay2 = styled19.div`
6891
6891
  position: fixed;
6892
6892
  top: 0;
6893
6893
  left: 0;
@@ -6910,7 +6910,7 @@ var Overlay2 = styled25.div`
6910
6910
  }
6911
6911
  }
6912
6912
  `;
6913
- var PopupContainer = styled25.div`
6913
+ var PopupContainer = styled19.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 = styled25.div`
6937
6937
  max-width: 90%;
6938
6938
  }
6939
6939
  `;
6940
- var KycPopupContainer = styled25.div`
6940
+ var KycPopupContainer = styled19.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 = styled25.div`
6965
6965
  max-width: 95%;
6966
6966
  }
6967
6967
  `;
6968
- var KycWidgetContainer = styled25.div`
6968
+ var KycWidgetContainer = styled19.div`
6969
6969
  min-height: 500px;
6970
6970
  width: 100%;
6971
6971
  display: flex;
@@ -6973,7 +6973,7 @@ var KycWidgetContainer = styled25.div`
6973
6973
  position: relative;
6974
6974
  gap: 0.75rem;
6975
6975
  `;
6976
- var InlineCloseButton = styled25.button`
6976
+ var InlineCloseButton = styled19.button`
6977
6977
  position: absolute;
6978
6978
  top: -12px;
6979
6979
  right: -12px;
@@ -6999,7 +6999,7 @@ var InlineCloseButton = styled25.button`
6999
6999
  height: 18px;
7000
7000
  }
7001
7001
  `;
7002
- var CloseButton = styled25.button`
7002
+ var CloseButton = styled19.button`
7003
7003
  position: absolute;
7004
7004
  top: 1rem;
7005
7005
  right: 1rem;
@@ -7018,7 +7018,7 @@ var CloseButton = styled25.button`
7018
7018
  color: var(--color-accent, #e6c656);
7019
7019
  }
7020
7020
  `;
7021
- var Title = styled25.h2`
7021
+ var Title = styled19.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 = styled25.h2`
7030
7030
  justify-content: center;
7031
7031
  gap: 1rem;
7032
7032
  `;
7033
- var LogoContainer3 = styled25.div`
7033
+ var LogoContainer3 = styled19.div`
7034
7034
  display: flex;
7035
7035
  justify-content: center;
7036
7036
  margin-bottom: 0.5rem;
7037
7037
  `;
7038
- var LogoImage = styled25.img`
7038
+ var LogoImage = styled19.img`
7039
7039
  height: 60px;
7040
7040
  `;
7041
- var ButtonsContainer = styled25.div`
7041
+ var ButtonsContainer = styled19.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 = styled25.button`
7047
+ var LoginButton = styled19.button`
7048
7048
  display: flex;
7049
7049
  align-items: center;
7050
7050
  justify-content: center;
@@ -7070,7 +7070,7 @@ var LoginButton = styled25.button`
7070
7070
  color: var(--color-accent, #e6c656);
7071
7071
  }
7072
7072
  `;
7073
- var Divider = styled25.div`
7073
+ var Divider = styled19.div`
7074
7074
  display: flex;
7075
7075
  align-items: center;
7076
7076
  margin: 1.5rem 0;
@@ -7083,13 +7083,13 @@ var Divider = styled25.div`
7083
7083
  background-color: rgba(230, 198, 86, 0.2);
7084
7084
  }
7085
7085
  `;
7086
- var InfoText = styled25.p`
7086
+ var InfoText = styled19.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 = styled25.div`
7092
+ var AnnotationContainer = styled19.div`
7093
7093
  display: flex;
7094
7094
  flex-direction: column;
7095
7095
  gap: 0.75rem;
@@ -7097,7 +7097,7 @@ var AnnotationContainer = styled25.div`
7097
7097
  padding-top: 1.5rem;
7098
7098
  border-top: 1px solid rgba(230, 198, 86, 0.2);
7099
7099
  `;
7100
- var Annotation = styled25.div`
7100
+ var Annotation = styled19.div`
7101
7101
  display: flex;
7102
7102
  align-items: flex-start;
7103
7103
  gap: 1rem;
@@ -7112,22 +7112,22 @@ var Annotation = styled25.div`
7112
7112
  color: var(--color-accent, #e6c656);
7113
7113
  }
7114
7114
  `;
7115
- var AnnotationText = styled25.span`
7115
+ var AnnotationText = styled19.span`
7116
7116
  flex: 1;
7117
7117
  line-height: 1.4;
7118
7118
  `;
7119
- var AnnotationLabel = styled25.span`
7119
+ var AnnotationLabel = styled19.span`
7120
7120
  color: var(--color-text, #eaecef);
7121
7121
  font-weight: 500;
7122
7122
  margin-right: 0.25rem;
7123
7123
  `;
7124
- var EmailFormContainer = styled25.div`
7124
+ var EmailFormContainer = styled19.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 = styled25.input`
7130
+ var EmailInput = styled19.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 = styled25.input`
7146
7146
  color: var(--color-text-secondary, #848e9c);
7147
7147
  }
7148
7148
  `;
7149
- var OTPContainer = styled25.div`
7149
+ var OTPContainer = styled19.div`
7150
7150
  display: flex;
7151
7151
  gap: 0.5rem;
7152
7152
  justify-content: center;
7153
7153
  `;
7154
- var OTPInput = styled25.input`
7154
+ var OTPInput = styled19.input`
7155
7155
  width: 48px;
7156
7156
  height: 56px;
7157
7157
  text-align: center;
@@ -7169,7 +7169,7 @@ var OTPInput = styled25.input`
7169
7169
  box-shadow: 0 0 0 2px rgba(230, 198, 86, 0.2);
7170
7170
  }
7171
7171
  `;
7172
- var SubmitButton = styled25.button`
7172
+ var SubmitButton = styled19.button`
7173
7173
  width: 100%;
7174
7174
  padding: 0.85rem;
7175
7175
  background-color: var(--color-accent, #e6c656);
@@ -7192,7 +7192,7 @@ var SubmitButton = styled25.button`
7192
7192
  cursor: not-allowed;
7193
7193
  }
7194
7194
  `;
7195
- var BackButton = styled25.button`
7195
+ var BackButton = styled19.button`
7196
7196
  background: none;
7197
7197
  border: none;
7198
7198
  color: var(--color-text-secondary, #848e9c);
@@ -7207,13 +7207,13 @@ var BackButton = styled25.button`
7207
7207
  color: var(--color-accent, #e6c656);
7208
7208
  }
7209
7209
  `;
7210
- var StatusMessage = styled25.p`
7210
+ var StatusMessage = styled19.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 = styled25.div`
7216
+ var OnboardingStepContainer = styled19.div`
7217
7217
  display: flex;
7218
7218
  flex-direction: column;
7219
7219
  align-items: center;
@@ -7221,25 +7221,25 @@ var OnboardingStepContainer = styled25.div`
7221
7221
  padding: 0.25rem 0;
7222
7222
  gap: 0.5rem;
7223
7223
  `;
7224
- var OnboardingHeading = styled25.h2`
7224
+ var OnboardingHeading = styled19.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 = styled25.p`
7230
+ var OnboardingSubtext = styled19.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 = styled25.div`
7236
+ var OnboardingButtonGroup = styled19.div`
7237
7237
  display: flex;
7238
7238
  flex-direction: column;
7239
7239
  gap: 0.75rem;
7240
7240
  width: 100%;
7241
7241
  `;
7242
- var OnboardingSkipButton = styled25.button`
7242
+ var OnboardingSkipButton = styled19.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 = styled25.button`
7256
7256
  color: var(--color-text, #eaecef);
7257
7257
  }
7258
7258
  `;
7259
- var ModalOptionCard = styled25.button`
7259
+ var ModalOptionCard = styled19.button`
7260
7260
  display: flex;
7261
7261
  align-items: center;
7262
7262
  gap: 1rem;
@@ -7279,7 +7279,7 @@ var ModalOptionCard = styled25.button`
7279
7279
  cursor: not-allowed;
7280
7280
  }
7281
7281
  `;
7282
- var FundingPopupContainer = styled25.div`
7282
+ var FundingPopupContainer = styled19.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 = styled25.div`
7307
7307
  max-width: 95%;
7308
7308
  }
7309
7309
  `;
7310
- var TransakWidgetContainer = styled25.div`
7310
+ var TransakWidgetContainer = styled19.div`
7311
7311
  width: 100%;
7312
7312
  height: 700px;
7313
7313
  display: flex;
@@ -7319,7 +7319,7 @@ var TransakWidgetContainer = styled25.div`
7319
7319
  height: 600px;
7320
7320
  }
7321
7321
  `;
7322
- var TransakIframe = styled25.iframe`
7322
+ var TransakIframe = styled19.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 = styled25.div`
7659
+ var PropertySelectorContainer = styled19.div`
7660
7660
  display: flex;
7661
7661
  align-items: center;
7662
7662
  justify-content: space-between;
@@ -7710,7 +7710,7 @@ var PropertySelectorContainer = styled25.div`
7710
7710
  `};
7711
7711
  }
7712
7712
  `;
7713
- var PropertySelector = styled25.div`
7713
+ var PropertySelector = styled19.div`
7714
7714
  position: relative;
7715
7715
  display: flex;
7716
7716
  align-items: center;
@@ -7724,7 +7724,7 @@ var PropertySelector = styled25.div`
7724
7724
  }
7725
7725
  }
7726
7726
  `;
7727
- var PropertyAddress = styled25.div`
7727
+ var PropertyAddress = styled19.div`
7728
7728
  font-size: 1.125rem;
7729
7729
  font-weight: 600;
7730
7730
  display: flex;
@@ -7745,7 +7745,7 @@ var PropertyAddress = styled25.div`
7745
7745
  white-space: normal;
7746
7746
  }
7747
7747
  `;
7748
- var PropertySelectorDropdown = styled25.div`
7748
+ var PropertySelectorDropdown = styled19.div`
7749
7749
  position: absolute;
7750
7750
  top: calc(100% + 12px);
7751
7751
  left: 0;
@@ -7765,7 +7765,7 @@ var PropertySelectorDropdown = styled25.div`
7765
7765
  to { opacity: 1; transform: translateY(0); }
7766
7766
  }
7767
7767
  `;
7768
- var PropertySelectorOption = styled25.div`
7768
+ var PropertySelectorOption = styled19.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 = styled25.div`
7791
7791
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0%, transparent 100%);
7792
7792
  }
7793
7793
  `;
7794
- var PropertySelectorName = styled25.div`
7794
+ var PropertySelectorName = styled19.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 = styled25.div`
7800
+ var PropertySelectorSubtitle = styled19.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 = styled25.div`
7806
7806
  font-size: 0.75rem;
7807
7807
  }
7808
7808
  `;
7809
- var PropertyValueBlock = styled25.div`
7809
+ var PropertyValueBlock = styled19.div`
7810
7810
  display: flex;
7811
7811
  align-items: center;
7812
7812
  gap: 0.5rem;
@@ -7874,7 +7874,7 @@ var PropertyValueBlock = styled25.div`
7874
7874
  white-space: normal;
7875
7875
  }
7876
7876
  `;
7877
- var PropertyValueLabel = styled25.span`
7877
+ var PropertyValueLabel = styled19.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 = styled25.span`
7885
7885
  letter-spacing: 0.4px;
7886
7886
  }
7887
7887
  `;
7888
- var PropertyValueAmount = styled25.span`
7888
+ var PropertyValueAmount = styled19.span`
7889
7889
  font-size: 1.1rem;
7890
7890
  font-weight: 600;
7891
7891
  color: #fff;
@@ -7894,7 +7894,7 @@ var PropertyValueAmount = styled25.span`
7894
7894
  font-size: 0.95rem;
7895
7895
  }
7896
7896
  `;
7897
- var PropertyValueChange = styled25.span`
7897
+ var PropertyValueChange = styled19.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 = styled25.span`
7903
7903
  font-size: 0.65rem;
7904
7904
  }
7905
7905
  `;
7906
- var PriceBlock = styled25.div`
7906
+ var PriceBlock = styled19.div`
7907
7907
  display: none;
7908
7908
 
7909
7909
  ${({ $variant }) => $variant === "pill" && css`
@@ -7918,13 +7918,13 @@ var PriceBlock = styled25.div`
7918
7918
  }
7919
7919
  `}
7920
7920
  `;
7921
- var PriceAmount = styled25.span`
7921
+ var PriceAmount = styled19.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 = styled25.span`
7927
+ var PriceChange = styled19.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 = styled25.div`
8062
+ var Row = styled19.div`
8063
8063
  display: grid;
8064
8064
  grid-template-columns: 2fr 1fr;
8065
8065
  gap: 1.5rem;
@@ -8070,14 +8070,14 @@ var Row = styled25.div`
8070
8070
  width: 100%;
8071
8071
  @media (max-width: 1024px) { grid-template-columns: 1fr; }
8072
8072
  `;
8073
- var PanelBase = styled25.div`
8073
+ var PanelBase = styled19.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 = styled25.div`
8080
+ var PanelHeader = styled19.div`
8081
8081
  display: flex;
8082
8082
  justify-content: space-between;
8083
8083
  align-items: center;
@@ -8092,32 +8092,32 @@ var PanelHeader = styled25.div`
8092
8092
  }
8093
8093
  span { font-size: 0.75rem; color: var(--color-text-secondary); }
8094
8094
  `;
8095
- var GalleryPanel = styled25(PanelBase)`
8095
+ var GalleryPanel = styled19(PanelBase)`
8096
8096
  min-width: 0; overflow: hidden;
8097
8097
  `;
8098
- var Carousel = styled25.div`
8098
+ var Carousel = styled19.div`
8099
8099
  position: relative; width: 100%; overflow: hidden; border-radius: 8px;
8100
8100
  `;
8101
- var VideoOverlay = styled25.div`
8101
+ var VideoOverlay = styled19.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 = styled25.div`
8105
+ var Track = styled19.div`
8106
8106
  display: flex; transition: transform 0.4s ease;
8107
8107
  `;
8108
- var Slide = styled25.div`
8108
+ var Slide = styled19.div`
8109
8109
  min-width: 100%; position: relative; cursor: pointer;
8110
8110
  img { width: 100%; height: 315px; object-fit: cover; border-radius: 8px; }
8111
8111
  @media (max-width: 768px) { img { height: 155px; } }
8112
8112
  `;
8113
- var SlideCaption = styled25.div`
8113
+ var SlideCaption = styled19.div`
8114
8114
  position: absolute; bottom: 0; left: 0; right: 0; padding: 1rem;
8115
8115
  background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
8116
8116
  border-radius: 0 0 8px 8px;
8117
8117
  h4 { margin: 0; font-size: 0.95rem; font-weight: 600; color: #fff; }
8118
8118
  p { margin: 0.25rem 0 0; font-size: 0.75rem; color: rgba(255,255,255,0.7); }
8119
8119
  `;
8120
- var CarouselButton = styled25.button`
8120
+ var CarouselButton = styled19.button`
8121
8121
  position: absolute; top: 50%; transform: translateY(-50%);
8122
8122
  background: rgba(0,0,0,0.8); border: 2px solid rgba(255,255,255,0.3);
8123
8123
  color: white; width: 56px; height: 56px; border-radius: 50%;
@@ -8128,30 +8128,30 @@ var CarouselButton = styled25.button`
8128
8128
  svg { width: 28px; height: 28px; stroke: #fff; }
8129
8129
  @media (max-width: 768px) { width: 36px; height: 36px; svg { width: 18px; height: 18px; } }
8130
8130
  `;
8131
- var ThumbStrip = styled25.div`
8131
+ var ThumbStrip = styled19.div`
8132
8132
  display: flex; align-items: center; gap: 0; margin-top: 1rem;
8133
8133
  `;
8134
- var ThumbScroll = styled25.div`
8134
+ var ThumbScroll = styled19.div`
8135
8135
  display: flex; gap: 0.5rem; overflow-x: auto; flex: 1; min-width: 0;
8136
8136
  padding-bottom: 0.5rem;
8137
8137
  scrollbar-width: none;
8138
8138
  &::-webkit-scrollbar { display: none; }
8139
8139
  `;
8140
- var Thumbnail2 = styled25.div`
8140
+ var Thumbnail2 = styled19.div`
8141
8141
  min-width: 60px; height: 45px; border-radius: 4px; overflow: hidden;
8142
8142
  cursor: pointer; border: 2px solid transparent; opacity: 0.6;
8143
8143
  transition: all 0.2s ease; flex-shrink: 0;
8144
8144
  &[data-active='true'] { border-color: #D4AF37; opacity: 1; }
8145
8145
  img { width: 100%; height: 100%; object-fit: cover; }
8146
8146
  `;
8147
- var ThumbDivider = styled25.div`
8147
+ var ThumbDivider = styled19.div`
8148
8148
  width: 1px; height: 36px; background: rgba(255,255,255,0.15);
8149
8149
  margin: 0 0.5rem; flex-shrink: 0; align-self: center;
8150
8150
  `;
8151
- var FixedButtons = styled25.div`
8151
+ var FixedButtons = styled19.div`
8152
8152
  display: flex; gap: 0.4rem; flex-shrink: 0; align-self: center;
8153
8153
  `;
8154
- var FixedBtn = styled25.button`
8154
+ var FixedBtn = styled19.button`
8155
8155
  height: 45px; padding: 0 0.75rem; border-radius: 4px;
8156
8156
  display: flex; align-items: center; justify-content: center; gap: 0.4rem;
8157
8157
  cursor: pointer; transition: all 0.2s ease;
@@ -8160,7 +8160,7 @@ var FixedBtn = styled25.button`
8160
8160
  color: ${(p) => p.$active ? "#D4AF37" : "rgba(255,255,255,0.7)"};
8161
8161
  font-size: 0.75rem; font-weight: 500; letter-spacing: 0.02em; white-space: nowrap;
8162
8162
  `;
8163
- var CategoryRow = styled25.div`
8163
+ var CategoryRow = styled19.div`
8164
8164
  display: flex; justify-content: center; gap: 0.5rem; margin-top: 0.75rem;
8165
8165
  overflow-x: auto; -webkit-overflow-scrolling: touch;
8166
8166
  scrollbar-width: none; &::-webkit-scrollbar { display: none; }
@@ -8172,14 +8172,14 @@ var CategoryRow = styled25.div`
8172
8172
  }
8173
8173
  button[data-active='true'] { background: rgba(212,175,55,0.2); border-color: #D4AF37; color: #D4AF37; }
8174
8174
  `;
8175
- var MapPanel = styled25(PanelBase)`
8175
+ var MapPanel = styled19(PanelBase)`
8176
8176
  min-height: 280px; padding: 1.5rem;
8177
8177
  min-width: 0; overflow: hidden;
8178
8178
  `;
8179
- var MapFrame = styled25.div`
8179
+ var MapFrame = styled19.div`
8180
8180
  flex: 1; border-radius: 6px; overflow: hidden; min-height: 280px; position: relative;
8181
8181
  `;
8182
- var IframeShield = styled25.div`
8182
+ var IframeShield = styled19.div`
8183
8183
  position: absolute; inset: 0; z-index: 1; cursor: pointer;
8184
8184
  `;
8185
8185
  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: [
@@ -8392,43 +8392,43 @@ function PropertyOverview({
8392
8392
  ] })
8393
8393
  ] });
8394
8394
  }
8395
- var TopGrid = styled25.div`
8395
+ var TopGrid = styled19.div`
8396
8396
  display: grid;
8397
8397
  grid-template-columns: 1fr 1fr;
8398
8398
  gap: 2rem;
8399
8399
  margin-bottom: 2rem;
8400
8400
  @media (max-width: 768px) { grid-template-columns: 1fr; }
8401
8401
  `;
8402
- var Panel = styled25.div`
8402
+ var Panel = styled19.div`
8403
8403
  background: #111;
8404
8404
  border-radius: 12px;
8405
8405
  padding: 1.5rem;
8406
8406
  `;
8407
- var PanelHeading = styled25.h2`
8407
+ var PanelHeading = styled19.h2`
8408
8408
  font-size: 1.25rem;
8409
8409
  margin-bottom: 1rem;
8410
8410
  color: #fff;
8411
8411
  font-weight: 600;
8412
8412
  `;
8413
- var DescriptionWrap = styled25.div`
8413
+ var DescriptionWrap = styled19.div`
8414
8414
  position: relative;
8415
8415
  max-height: ${(p) => p.$expanded ? "2000px" : "150px"};
8416
8416
  overflow: hidden;
8417
8417
  transition: max-height 0.3s ease;
8418
8418
  `;
8419
- var DescFade = styled25.div`
8419
+ var DescFade = styled19.div`
8420
8420
  position: absolute;
8421
8421
  bottom: 0; left: 0; right: 0;
8422
8422
  height: 60px;
8423
8423
  background: linear-gradient(to bottom, rgba(17,17,17,0), #111);
8424
8424
  pointer-events: none;
8425
8425
  `;
8426
- var ButtonRow = styled25.div`
8426
+ var ButtonRow = styled19.div`
8427
8427
  margin-top: 1.5rem;
8428
8428
  display: flex;
8429
8429
  gap: 0.75rem;
8430
8430
  `;
8431
- var OutlineBtn = styled25.button`
8431
+ var OutlineBtn = styled19.button`
8432
8432
  padding: 0.55rem 1.35rem;
8433
8433
  border-radius: 10px;
8434
8434
  border: 1px solid rgba(255,255,255,0.28);
@@ -8438,7 +8438,7 @@ var OutlineBtn = styled25.button`
8438
8438
  font-weight: 600;
8439
8439
  cursor: pointer;
8440
8440
  `;
8441
- var PrimaryBtn = styled25.button`
8441
+ var PrimaryBtn = styled19.button`
8442
8442
  padding: 0.75rem 1.5rem;
8443
8443
  border-radius: 4px;
8444
8444
  border: none;
@@ -8448,26 +8448,26 @@ var PrimaryBtn = styled25.button`
8448
8448
  font-weight: 600;
8449
8449
  cursor: pointer;
8450
8450
  `;
8451
- var FinancialGrid = styled25.div`
8451
+ var FinancialGrid = styled19.div`
8452
8452
  display: grid;
8453
8453
  grid-template-columns: 1fr 1fr;
8454
8454
  gap: 0.75rem;
8455
8455
  `;
8456
- var FinancialCard = styled25.div`
8456
+ var FinancialCard = styled19.div`
8457
8457
  background: rgba(255,255,255,0.03);
8458
8458
  border-radius: 10px;
8459
8459
  padding: 1rem 1.25rem;
8460
8460
  border: 1px solid ${(p) => p.$gold ? "rgba(212,175,55,0.3)" : "rgba(255,255,255,0.06)"};
8461
8461
  position: relative;
8462
8462
  `;
8463
- var BadgeSpan = styled25.span`
8463
+ var BadgeSpan = styled19.span`
8464
8464
  position: absolute;
8465
8465
  top: 0.5rem; right: 0.75rem;
8466
8466
  font-size: 0.65rem;
8467
8467
  color: #4CAF50;
8468
8468
  display: flex; align-items: center; gap: 4px;
8469
8469
  `;
8470
- var FinancialLabel = styled25.div`
8470
+ var FinancialLabel = styled19.div`
8471
8471
  font-size: 0.65rem;
8472
8472
  color: ${(p) => p.$gold ? "#D4AF37" : "rgba(255,255,255,0.6)"};
8473
8473
  text-transform: uppercase;
@@ -8475,49 +8475,49 @@ var FinancialLabel = styled25.div`
8475
8475
  margin-bottom: 0.4rem;
8476
8476
  font-weight: 500;
8477
8477
  `;
8478
- var FinancialValue = styled25.div`
8478
+ var FinancialValue = styled19.div`
8479
8479
  font-size: 1.25rem;
8480
8480
  font-weight: 700;
8481
8481
  color: ${(p) => p.$gold ? "#D4AF37" : "#fff"};
8482
8482
  line-height: 1;
8483
8483
  `;
8484
- var AssetDetailsPanel = styled25.div`
8484
+ var AssetDetailsPanel = styled19.div`
8485
8485
  margin-bottom: 2rem; background: #111; border-radius: 12px; padding: 1.5rem;
8486
8486
  `;
8487
- var AssetPanelsGrid = styled25.div`
8487
+ var AssetPanelsGrid = styled19.div`
8488
8488
  display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem;
8489
8489
  @media (max-width: 768px) { grid-template-columns: 1fr; }
8490
8490
  `;
8491
- var MetricsPanel = styled25.div`
8491
+ var MetricsPanel = styled19.div`
8492
8492
  background: rgba(255,255,255,0.03); border-radius: 12px;
8493
8493
  border: 1px solid rgba(255,255,255,0.06); padding: 1.25rem 1.5rem; overflow: hidden;
8494
8494
  `;
8495
- var InfoPanel = styled25(MetricsPanel)``;
8496
- var MetricsPanelTitle = styled25.div`
8495
+ var InfoPanel = styled19(MetricsPanel)``;
8496
+ var MetricsPanelTitle = styled19.div`
8497
8497
  font-size: 0.65rem; color: #D4AF37; text-transform: uppercase;
8498
8498
  letter-spacing: 0.12em; font-weight: 600; margin-bottom: 1rem;
8499
8499
  padding-bottom: 0.75rem; border-bottom: 1px solid rgba(255,255,255,0.06);
8500
8500
  `;
8501
- var LandFloorCard = styled25.div`
8501
+ var LandFloorCard = styled19.div`
8502
8502
  background: linear-gradient(135deg, rgba(212,175,55,0.12), rgba(184,134,11,0.06));
8503
8503
  border-radius: 10px; padding: 0.85rem 1rem;
8504
8504
  border: 1px solid rgba(212,175,55,0.25);
8505
8505
  display: flex; gap: 1rem; margin-bottom: 0.75rem;
8506
8506
  `;
8507
- var MetricLabel = styled25.div`
8507
+ var MetricLabel = styled19.div`
8508
8508
  font-size: 0.65rem; color: #D4AF37; text-transform: uppercase;
8509
8509
  letter-spacing: 0.1em; margin-bottom: 0.4rem; font-weight: 500;
8510
8510
  `;
8511
- var MetricValueRow = styled25.div`
8511
+ var MetricValueRow = styled19.div`
8512
8512
  display: flex; align-items: baseline; gap: 0.25rem;
8513
8513
  `;
8514
- var MetricBig = styled25.span`
8514
+ var MetricBig = styled19.span`
8515
8515
  font-size: 1.5rem; font-weight: 700; color: #D4AF37; line-height: 1;
8516
8516
  `;
8517
- var MetricUnit = styled25.span`
8517
+ var MetricUnit = styled19.span`
8518
8518
  font-size: 0.7rem; color: rgba(212,175,55,0.7); font-weight: 500;
8519
8519
  `;
8520
- var FeaturesGrid = styled25.div`
8520
+ var FeaturesGrid = styled19.div`
8521
8521
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem;
8522
8522
  @media (max-width: 768px) { grid-template-columns: repeat(2, 1fr); }
8523
8523
  `;
@@ -8602,7 +8602,7 @@ function PropertyOffers({ offers }) {
8602
8602
  )) })
8603
8603
  ] });
8604
8604
  }
8605
- var OfferPricePulse = styled25.span`
8605
+ var OfferPricePulse = styled19.span`
8606
8606
  width: 8px;
8607
8607
  height: 8px;
8608
8608
  border-radius: 999px;
@@ -9004,7 +9004,7 @@ function generateMockPastSales() {
9004
9004
  }
9005
9005
  ];
9006
9006
  }
9007
- var FilterButtonsContainer = styled25.div`
9007
+ var FilterButtonsContainer = styled19.div`
9008
9008
  display: flex;
9009
9009
  gap: 0.5rem;
9010
9010
  flex-wrap: wrap;
@@ -9013,7 +9013,7 @@ var FilterButtonsContainer = styled25.div`
9013
9013
  gap: 0.25rem;
9014
9014
  }
9015
9015
  `;
9016
- var FilterButton = styled25.button`
9016
+ var FilterButton = styled19.button`
9017
9017
  background-color: ${(props) => props.$active ? "var(--color-accent, #f0b90b)" : "transparent"};
9018
9018
  color: ${(props) => props.$active ? "#000" : "#fff"};
9019
9019
  border: 1px solid var(--color-accent, #f0b90b);
@@ -9032,7 +9032,7 @@ var FilterButton = styled25.button`
9032
9032
  font-size: 0.75rem;
9033
9033
  }
9034
9034
  `;
9035
- var HistoryContainer = styled25.div`
9035
+ var HistoryContainer = styled19.div`
9036
9036
  display: flex;
9037
9037
  flex-direction: column;
9038
9038
  gap: 1.5rem;
@@ -9049,7 +9049,7 @@ var HistoryContainer = styled25.div`
9049
9049
  z-index: 0;
9050
9050
  }
9051
9051
  `;
9052
- var HistoryPanel = styled25.div`
9052
+ var HistoryPanel = styled19.div`
9053
9053
  margin-bottom: 1.5rem;
9054
9054
  margin-left: 2rem;
9055
9055
  border: 1px solid rgba(240, 185, 11, 0.15);
@@ -9091,7 +9091,7 @@ var HistoryPanel = styled25.div`
9091
9091
  }
9092
9092
  `}
9093
9093
  `;
9094
- var LeaseSection = styled25.div`
9094
+ var LeaseSection = styled19.div`
9095
9095
  margin: 0.3rem 1rem;
9096
9096
  padding: 0.3rem 1rem 0.3rem;
9097
9097
  background-color: rgba(30, 32, 38, 0.2);
@@ -9109,7 +9109,7 @@ var LeaseSection = styled25.div`
9109
9109
  background-color: rgba(255, 255, 255, 0.15);
9110
9110
  }
9111
9111
  `;
9112
- var HistoryRow = styled25.tr`
9112
+ var HistoryRow = styled19.tr`
9113
9113
  background-color: ${(props) => props.$isOwnershipStart ? "rgba(240, 185, 11, 0.05)" : "transparent"};
9114
9114
 
9115
9115
  td {
@@ -9126,7 +9126,7 @@ var HistoryRow = styled25.tr`
9126
9126
  background-color: rgba(255, 255, 255, 0.08);
9127
9127
  }
9128
9128
  `;
9129
- var TypeBadge2 = styled25.span`
9129
+ var TypeBadge2 = styled19.span`
9130
9130
  display: inline-block;
9131
9131
  padding: 0.25rem 0.5rem;
9132
9132
  border-radius: 4px;
@@ -9176,13 +9176,13 @@ var TypeBadge2 = styled25.span`
9176
9176
  font-size: 0.65rem;
9177
9177
  }
9178
9178
  `;
9179
- var PastSalesSection = styled25.div`
9179
+ var PastSalesSection = styled19.div`
9180
9180
  background-color: rgba(30, 32, 38, 0.95);
9181
9181
  border-radius: 8px;
9182
9182
  padding: 1.25rem;
9183
9183
  margin-bottom: 1.5rem;
9184
9184
  `;
9185
- var SalesTable = styled25.table`
9185
+ var SalesTable = styled19.table`
9186
9186
  width: 100%;
9187
9187
  border-collapse: collapse;
9188
9188
  table-layout: fixed;
@@ -9260,13 +9260,13 @@ function PropertyDocuments({ documentsData }) {
9260
9260
  }) })
9261
9261
  ] });
9262
9262
  }
9263
- var Section = styled25.section`
9263
+ var Section = styled19.section`
9264
9264
  background: var(--color-card, rgba(30, 35, 41, 0.8));
9265
9265
  border-radius: 12px;
9266
9266
  padding: 1.5rem;
9267
9267
  margin-bottom: 1.5rem;
9268
9268
  `;
9269
- var SectionHeading = styled25.h2`
9269
+ var SectionHeading = styled19.h2`
9270
9270
  font-size: 0.9rem;
9271
9271
  font-weight: 600;
9272
9272
  padding-bottom: 0.75rem;
@@ -9277,12 +9277,12 @@ var SectionHeading = styled25.h2`
9277
9277
  align-items: center;
9278
9278
  gap: 0.5rem;
9279
9279
  `;
9280
- var DocList = styled25.ul`
9280
+ var DocList = styled19.ul`
9281
9281
  list-style: none;
9282
9282
  padding: 0;
9283
9283
  margin: 0;
9284
9284
  `;
9285
- var DocItem = styled25.li`
9285
+ var DocItem = styled19.li`
9286
9286
  padding: 0.75rem 0;
9287
9287
  border-bottom: 1px solid var(--color-border, rgba(255, 255, 255, 0.1));
9288
9288
 
@@ -9290,7 +9290,7 @@ var DocItem = styled25.li`
9290
9290
  border-bottom: none;
9291
9291
  }
9292
9292
  `;
9293
- var DocLink = styled25.a`
9293
+ var DocLink = styled19.a`
9294
9294
  display: flex;
9295
9295
  align-items: center;
9296
9296
  color: var(--color-text);
@@ -9301,19 +9301,19 @@ var DocLink = styled25.a`
9301
9301
  color: var(--color-accent);
9302
9302
  }
9303
9303
  `;
9304
- var DocItemDisabled = styled25.div`
9304
+ var DocItemDisabled = styled19.div`
9305
9305
  display: flex;
9306
9306
  align-items: center;
9307
9307
  color: var(--color-text-secondary);
9308
9308
  cursor: not-allowed;
9309
9309
  opacity: 0.6;
9310
9310
  `;
9311
- var DocIconWrapper = styled25.span`
9311
+ var DocIconWrapper = styled19.span`
9312
9312
  margin-right: 0.75rem;
9313
9313
  flex-shrink: 0;
9314
9314
  color: var(--color-text-secondary);
9315
9315
  `;
9316
- var ComingSoonBadge = styled25.span`
9316
+ var ComingSoonBadge = styled19.span`
9317
9317
  margin-left: auto;
9318
9318
  padding: 0.25rem 0.5rem;
9319
9319
  background: rgba(212, 175, 55, 0.1);
@@ -9395,13 +9395,13 @@ function PropertyInspectionTimes({
9395
9395
  ] })
9396
9396
  ] });
9397
9397
  }
9398
- var Section2 = styled25.section`
9398
+ var Section2 = styled19.section`
9399
9399
  background: var(--color-card, rgba(30, 35, 41, 0.8));
9400
9400
  border-radius: 12px;
9401
9401
  padding: 1.5rem;
9402
9402
  margin-bottom: 1.5rem;
9403
9403
  `;
9404
- var SectionHeading2 = styled25.h2`
9404
+ var SectionHeading2 = styled19.h2`
9405
9405
  font-size: 0.9rem;
9406
9406
  font-weight: 600;
9407
9407
  padding-bottom: 0.75rem;
@@ -9412,17 +9412,17 @@ var SectionHeading2 = styled25.h2`
9412
9412
  align-items: center;
9413
9413
  gap: 0.5rem;
9414
9414
  `;
9415
- var Intro = styled25.p`
9415
+ var Intro = styled19.p`
9416
9416
  font-size: 0.9rem;
9417
9417
  color: var(--color-text-secondary);
9418
9418
  margin-bottom: 1.5rem;
9419
9419
  `;
9420
- var SlotList = styled25.div`
9420
+ var SlotList = styled19.div`
9421
9421
  display: flex;
9422
9422
  flex-direction: column;
9423
9423
  gap: 0.75rem;
9424
9424
  `;
9425
- var SlotRow = styled25.div`
9425
+ var SlotRow = styled19.div`
9426
9426
  display: flex;
9427
9427
  justify-content: space-between;
9428
9428
  align-items: center;
@@ -9431,27 +9431,27 @@ var SlotRow = styled25.div`
9431
9431
  border-radius: 8px;
9432
9432
  border: 1px solid rgba(255, 255, 255, 0.06);
9433
9433
  `;
9434
- var SlotInfo = styled25.div``;
9435
- var SlotDate = styled25.div`
9434
+ var SlotInfo = styled19.div``;
9435
+ var SlotDate = styled19.div`
9436
9436
  font-size: 0.9rem;
9437
9437
  font-weight: 600;
9438
9438
  color: var(--color-text);
9439
9439
  margin-bottom: 0.25rem;
9440
9440
  `;
9441
- var SlotTime = styled25.div`
9441
+ var SlotTime = styled19.div`
9442
9442
  font-size: 0.8rem;
9443
9443
  color: var(--color-text-secondary);
9444
9444
  `;
9445
- var SlotActions = styled25.div`
9445
+ var SlotActions = styled19.div`
9446
9446
  display: flex;
9447
9447
  align-items: center;
9448
9448
  gap: 1rem;
9449
9449
  `;
9450
- var SpotsLeft = styled25.span`
9450
+ var SpotsLeft = styled19.span`
9451
9451
  font-size: 0.75rem;
9452
9452
  color: ${({ $low }) => $low ? "#f6465d" : "var(--color-text-secondary)"};
9453
9453
  `;
9454
- var BookButton = styled25.button`
9454
+ var BookButton = styled19.button`
9455
9455
  padding: 0.4rem 1rem;
9456
9456
  background: transparent;
9457
9457
  border: 1px solid var(--color-accent, #f0b90b);
@@ -9471,7 +9471,7 @@ var BookButton = styled25.button`
9471
9471
  cursor: not-allowed;
9472
9472
  }
9473
9473
  `;
9474
- var StatusMessage2 = styled25.div`
9474
+ var StatusMessage2 = styled19.div`
9475
9475
  font-size: 0.85rem;
9476
9476
  padding: 0.75rem 1rem;
9477
9477
  border-radius: 6px;
@@ -9479,7 +9479,7 @@ var StatusMessage2 = styled25.div`
9479
9479
  background: ${({ $error }) => $error ? "rgba(246,70,93,0.08)" : "rgba(255,255,255,0.03)"};
9480
9480
  border: 1px solid ${({ $error }) => $error ? "rgba(246,70,93,0.2)" : "rgba(255,255,255,0.06)"};
9481
9481
  `;
9482
- var RetryButton = styled25.button`
9482
+ var RetryButton = styled19.button`
9483
9483
  margin-left: 0.5rem;
9484
9484
  text-decoration: underline;
9485
9485
  cursor: pointer;
@@ -9487,13 +9487,13 @@ var RetryButton = styled25.button`
9487
9487
  border: none;
9488
9488
  color: inherit;
9489
9489
  `;
9490
- var Disclaimer = styled25.p`
9490
+ var Disclaimer = styled19.p`
9491
9491
  font-size: 0.75rem;
9492
9492
  color: var(--color-text-secondary);
9493
9493
  margin-top: 0.5rem;
9494
9494
  text-align: center;
9495
9495
  `;
9496
- var SignInPrompt = styled25.div`
9496
+ var SignInPrompt = styled19.div`
9497
9497
  display: flex;
9498
9498
  align-items: center;
9499
9499
  justify-content: space-between;
@@ -9502,18 +9502,18 @@ var SignInPrompt = styled25.div`
9502
9502
  border-radius: 8px;
9503
9503
  border: 1px solid rgba(255, 255, 255, 0.06);
9504
9504
  `;
9505
- var SignInText = styled25.div``;
9506
- var SignInTitle = styled25.div`
9505
+ var SignInText = styled19.div``;
9506
+ var SignInTitle = styled19.div`
9507
9507
  font-size: 0.95rem;
9508
9508
  font-weight: 600;
9509
9509
  color: var(--color-text);
9510
9510
  margin-bottom: 0.25rem;
9511
9511
  `;
9512
- var SignInSub = styled25.div`
9512
+ var SignInSub = styled19.div`
9513
9513
  font-size: 0.8rem;
9514
9514
  color: var(--color-text-secondary);
9515
9515
  `;
9516
- var SignInButton = styled25.button`
9516
+ var SignInButton = styled19.button`
9517
9517
  padding: 0.5rem 1.25rem;
9518
9518
  background: transparent;
9519
9519
  border: 1px solid var(--color-accent, #f0b90b);
@@ -9612,10 +9612,10 @@ function AssetSelectorBar({
9612
9612
  }) })
9613
9613
  ] }) });
9614
9614
  }
9615
- var AssetSelectorWrapper = styled25.div`
9615
+ var AssetSelectorWrapper = styled19.div`
9616
9616
  width: 100%;
9617
9617
  `;
9618
- var IPOAssetSelector = styled25.div`
9618
+ var IPOAssetSelector = styled19.div`
9619
9619
  position: relative;
9620
9620
  display: flex;
9621
9621
  justify-content: space-between;
@@ -9640,7 +9640,7 @@ var IPOAssetSelector = styled25.div`
9640
9640
  padding: 0.6rem 0.75rem;
9641
9641
  }
9642
9642
  `;
9643
- var AssetThumbnail = styled25.img`
9643
+ var AssetThumbnail = styled19.img`
9644
9644
  width: 40px;
9645
9645
  height: 40px;
9646
9646
  border-radius: 8px;
@@ -9654,7 +9654,7 @@ var AssetThumbnail = styled25.img`
9654
9654
  border-radius: 6px;
9655
9655
  }
9656
9656
  `;
9657
- var AssetSelectorDropdown = styled25.div`
9657
+ var AssetSelectorDropdown = styled19.div`
9658
9658
  display: flex;
9659
9659
  align-items: center;
9660
9660
  cursor: pointer;
@@ -9663,7 +9663,7 @@ var AssetSelectorDropdown = styled25.div`
9663
9663
  transition: all 0.2s ease;
9664
9664
  &:hover { background-color: rgba(255,255,255,0.05); }
9665
9665
  `;
9666
- var AssetName = styled25.div`
9666
+ var AssetName = styled19.div`
9667
9667
  display: flex;
9668
9668
  align-items: center;
9669
9669
  font-weight: 600;
@@ -9682,7 +9682,7 @@ var AssetName = styled25.div`
9682
9682
  svg { margin-left: 0.4rem; width: 16px; height: 16px; }
9683
9683
  }
9684
9684
  `;
9685
- var SelectorMetrics = styled25.div`
9685
+ var SelectorMetrics = styled19.div`
9686
9686
  display: flex;
9687
9687
  align-items: center;
9688
9688
  gap: 1rem;
@@ -9707,7 +9707,7 @@ var SelectorMetrics = styled25.div`
9707
9707
  gap: 0.5rem;
9708
9708
  }
9709
9709
  `;
9710
- var MetricLabel2 = styled25.span`
9710
+ var MetricLabel2 = styled19.span`
9711
9711
  font-size: 0.75rem;
9712
9712
  color: var(--color-text-secondary);
9713
9713
  text-transform: uppercase;
@@ -9720,7 +9720,7 @@ var MetricLabel2 = styled25.span`
9720
9720
  margin-right: 0.35rem;
9721
9721
  }
9722
9722
  `;
9723
- var MetricValue = styled25.span`
9723
+ var MetricValue = styled19.span`
9724
9724
  font-size: ${(p) => p.$secondary ? "0.95rem" : "1.25rem"};
9725
9725
  font-weight: ${(p) => p.$secondary ? "600" : "700"};
9726
9726
  color: ${(p) => p.$accent ? "#D4AF37" : p.$secondary ? "rgba(255,255,255,0.7)" : "#fff"};
@@ -9733,7 +9733,7 @@ var MetricValue = styled25.span`
9733
9733
  font-size: ${(p) => p.$secondary ? "0.8rem" : "0.95rem"};
9734
9734
  }
9735
9735
  `;
9736
- var MetricChange = styled25.span`
9736
+ var MetricChange = styled19.span`
9737
9737
  font-size: 0.85rem;
9738
9738
  font-weight: 600;
9739
9739
  color: ${(p) => p.$positive ? "var(--color-positive, #0ecb81)" : "var(--color-negative, #f6465d)"};
@@ -9745,12 +9745,12 @@ var MetricChange = styled25.span`
9745
9745
  font-size: 0.75rem;
9746
9746
  }
9747
9747
  `;
9748
- var Separator = styled25.span`
9748
+ var Separator = styled19.span`
9749
9749
  font-size: 1rem;
9750
9750
  color: rgba(255,255,255,0.2);
9751
9751
  font-weight: 300;
9752
9752
  `;
9753
- var IPODropdown = styled25.div`
9753
+ var IPODropdown = styled19.div`
9754
9754
  position: absolute;
9755
9755
  top: calc(100% + 6px);
9756
9756
  left: 0;
@@ -9779,7 +9779,7 @@ var IPODropdown = styled25.div`
9779
9779
  to { opacity: 1; transform: translateY(0); }
9780
9780
  }
9781
9781
  `;
9782
- var IPOOption = styled25.div`
9782
+ var IPOOption = styled19.div`
9783
9783
  padding: 0.6rem 0.75rem;
9784
9784
  transition: background 0.15s ease;
9785
9785
  border-radius: 7px;
@@ -9787,25 +9787,25 @@ var IPOOption = styled25.div`
9787
9787
  &:hover { background: rgba(255,255,255,0.06); }
9788
9788
  ${(p) => p.$selected && `background: rgba(255,255,255,0.04);`}
9789
9789
  `;
9790
- var IPOOptionInner = styled25.div`
9790
+ var IPOOptionInner = styled19.div`
9791
9791
  display: flex;
9792
9792
  align-items: center;
9793
9793
  gap: 0.65rem;
9794
9794
  `;
9795
- var IPOOptionThumb = styled25.img`
9795
+ var IPOOptionThumb = styled19.img`
9796
9796
  width: 28px;
9797
9797
  height: 28px;
9798
9798
  border-radius: 5px;
9799
9799
  object-fit: cover;
9800
9800
  flex-shrink: 0;
9801
9801
  `;
9802
- var IPOOptionName = styled25.div`
9802
+ var IPOOptionName = styled19.div`
9803
9803
  font-weight: 500;
9804
9804
  font-size: 0.82rem;
9805
9805
  color: ${(p) => "#ebebeb"};
9806
9806
  line-height: 1.3;
9807
9807
  `;
9808
- var IPOOptionLocation = styled25.div`
9808
+ var IPOOptionLocation = styled19.div`
9809
9809
  font-size: 0.72rem;
9810
9810
  color: rgba(255,255,255,0.38);
9811
9811
  margin-top: 1px;
@@ -10071,7 +10071,7 @@ function OfferingProgressCard({
10071
10071
  ] })
10072
10072
  ] });
10073
10073
  }
10074
- var Container = styled25.div`
10074
+ var Container = styled19.div`
10075
10075
  background-color: var(--color-card-darker, #111);
10076
10076
  border-radius: 8px;
10077
10077
  padding: 1.5rem;
@@ -10084,7 +10084,7 @@ var Container = styled25.div`
10084
10084
  padding: 1rem;
10085
10085
  }
10086
10086
  `;
10087
- var Header2 = styled25.div`
10087
+ var Header2 = styled19.div`
10088
10088
  display: flex;
10089
10089
  align-items: center;
10090
10090
  justify-content: space-between;
@@ -10101,7 +10101,7 @@ var Header2 = styled25.div`
10101
10101
  margin: 0;
10102
10102
  }
10103
10103
  `;
10104
- var StatusSpan = styled25.span`
10104
+ var StatusSpan = styled19.span`
10105
10105
  display: flex;
10106
10106
  align-items: center;
10107
10107
  gap: 0.35rem;
@@ -10117,7 +10117,7 @@ var StatusSpan = styled25.span`
10117
10117
  letter-spacing: 0.05em;
10118
10118
  }
10119
10119
  `;
10120
- var StatusDot3 = styled25.span`
10120
+ var StatusDot3 = styled19.span`
10121
10121
  width: 6px;
10122
10122
  height: 6px;
10123
10123
  border-radius: 50%;
@@ -10129,10 +10129,10 @@ var StatusDot3 = styled25.span`
10129
10129
  100% { opacity: 0.4; }
10130
10130
  }
10131
10131
  `;
10132
- var PreLiveBody = styled25.div`
10132
+ var PreLiveBody = styled19.div`
10133
10133
  padding: 1.25rem 0;
10134
10134
  `;
10135
- var PreLiveStatus = styled25.div`
10135
+ var PreLiveStatus = styled19.div`
10136
10136
  font-size: 0.7rem;
10137
10137
  color: ${(p) => p.$statusColor};
10138
10138
  text-transform: uppercase;
@@ -10141,33 +10141,33 @@ var PreLiveStatus = styled25.div`
10141
10141
  text-align: center;
10142
10142
  margin-bottom: 1.25rem;
10143
10143
  `;
10144
- var MetricsRow = styled25.div`
10144
+ var MetricsRow = styled19.div`
10145
10145
  display: flex;
10146
10146
  justify-content: space-between;
10147
10147
  align-items: flex-start;
10148
10148
  border-top: 1px solid rgba(255,255,255,0.06);
10149
10149
  padding-top: 1rem;
10150
10150
  `;
10151
- var MetricLabel3 = styled25.div`
10151
+ var MetricLabel3 = styled19.div`
10152
10152
  font-size: 0.6rem;
10153
10153
  color: var(--color-text-secondary);
10154
10154
  text-transform: uppercase;
10155
10155
  letter-spacing: 0.1em;
10156
10156
  margin-bottom: 0.25rem;
10157
10157
  `;
10158
- var MetricValue2 = styled25.div`
10158
+ var MetricValue2 = styled19.div`
10159
10159
  font-size: 1.5rem;
10160
10160
  font-weight: 700;
10161
10161
  color: ${(p) => p.$accent ? "#D4AF37" : "#fff"};
10162
10162
  `;
10163
- var CountdownCenter = styled25.div`
10163
+ var CountdownCenter = styled19.div`
10164
10164
  text-align: center;
10165
10165
  display: flex;
10166
10166
  flex-direction: column;
10167
10167
  align-items: center;
10168
10168
  margin-bottom: 1.25rem;
10169
10169
  `;
10170
- var CountdownLabel = styled25.div`
10170
+ var CountdownLabel = styled19.div`
10171
10171
  font-size: 0.7rem;
10172
10172
  color: #D4AF37;
10173
10173
  text-transform: uppercase;
@@ -10175,13 +10175,13 @@ var CountdownLabel = styled25.div`
10175
10175
  margin-bottom: 0.5rem;
10176
10176
  font-weight: 600;
10177
10177
  `;
10178
- var CountdownDigits = styled25.div`
10178
+ var CountdownDigits = styled19.div`
10179
10179
  display: flex;
10180
10180
  align-items: baseline;
10181
10181
  justify-content: center;
10182
10182
  gap: 0.35rem;
10183
10183
  `;
10184
- var CountdownNumber = styled25.span`
10184
+ var CountdownNumber = styled19.span`
10185
10185
  font-size: 2.5rem;
10186
10186
  font-weight: 700;
10187
10187
  font-family: monospace;
@@ -10190,26 +10190,26 @@ var CountdownNumber = styled25.span`
10190
10190
  font-size: 1.75rem;
10191
10191
  }
10192
10192
  `;
10193
- var CountdownUnitLabel = styled25.span`
10193
+ var CountdownUnitLabel = styled19.span`
10194
10194
  font-size: 0.85rem;
10195
10195
  color: var(--color-text-secondary);
10196
10196
  `;
10197
- var CountdownSeparator = styled25.span`
10197
+ var CountdownSeparator = styled19.span`
10198
10198
  color: rgba(255,255,255,0.2);
10199
10199
  margin: 0 0.2rem;
10200
10200
  font-size: 1.5rem;
10201
10201
  `;
10202
- var LiveBody = styled25.div`
10202
+ var LiveBody = styled19.div`
10203
10203
  display: flex;
10204
10204
  flex-direction: column;
10205
10205
  gap: 1rem;
10206
10206
  `;
10207
- var LiveTopRow = styled25.div`
10207
+ var LiveTopRow = styled19.div`
10208
10208
  display: flex;
10209
10209
  justify-content: space-between;
10210
10210
  align-items: flex-start;
10211
10211
  `;
10212
- var LiveLabel = styled25.div`
10212
+ var LiveLabel = styled19.div`
10213
10213
  font-size: 0.875rem;
10214
10214
  color: var(--color-text-secondary);
10215
10215
  margin-bottom: 0.25rem;
@@ -10222,7 +10222,7 @@ var LiveLabel = styled25.div`
10222
10222
  opacity: 0.7;
10223
10223
  }
10224
10224
  `;
10225
- var LivePercent = styled25.div`
10225
+ var LivePercent = styled19.div`
10226
10226
  font-size: 2rem;
10227
10227
  font-weight: 600;
10228
10228
  color: #D4AF37;
@@ -10235,14 +10235,14 @@ var LivePercent = styled25.div`
10235
10235
  opacity: 0.8;
10236
10236
  }
10237
10237
  `;
10238
- var UnitsValue = styled25.div`
10238
+ var UnitsValue = styled19.div`
10239
10239
  font-size: clamp(1.25rem, 4vw, 1.75rem);
10240
10240
  font-weight: 700;
10241
10241
  white-space: nowrap;
10242
10242
  span { color: #D4AF37; }
10243
10243
  small { color: rgba(255,255,255,0.3); font-weight: 700; margin-left: 0.35rem; font-size: inherit; }
10244
10244
  `;
10245
- var ProgressBarOuter = styled25.div`
10245
+ var ProgressBarOuter = styled19.div`
10246
10246
  width: 100%;
10247
10247
  height: 12px;
10248
10248
  background: rgba(255,255,255,0.1);
@@ -10250,58 +10250,58 @@ var ProgressBarOuter = styled25.div`
10250
10250
  overflow: hidden;
10251
10251
  position: relative;
10252
10252
  `;
10253
- var ProgressBarInner = styled25.div`
10253
+ var ProgressBarInner = styled19.div`
10254
10254
  height: 100%;
10255
10255
  background: linear-gradient(90deg, #D4AF37, #f0b90b);
10256
10256
  border-radius: 6px;
10257
10257
  transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
10258
10258
  will-change: width;
10259
10259
  `;
10260
- var ProgressInfo = styled25.div`
10260
+ var ProgressInfo = styled19.div`
10261
10261
  display: flex;
10262
10262
  justify-content: space-between;
10263
10263
  font-size: 0.875rem;
10264
10264
  `;
10265
- var ProgressSubscribers = styled25.div`
10265
+ var ProgressSubscribers = styled19.div`
10266
10266
  color: var(--color-text-secondary);
10267
10267
  font-weight: 500;
10268
10268
  `;
10269
- var ProgressAmounts = styled25.div`
10269
+ var ProgressAmounts = styled19.div`
10270
10270
  font-weight: 600;
10271
10271
  .raised { color: #D4AF37; }
10272
10272
  .target { color: rgba(255,255,255,0.3); }
10273
10273
  `;
10274
- var CompactContainer = styled25.div`
10274
+ var CompactContainer = styled19.div`
10275
10275
  width: 100%;
10276
10276
  margin: 1.5rem 0;
10277
10277
  display: flex;
10278
10278
  flex-direction: column;
10279
10279
  gap: 0.5rem;
10280
10280
  `;
10281
- var HomePreLiveRow = styled25.div`
10281
+ var HomePreLiveRow = styled19.div`
10282
10282
  display: flex;
10283
10283
  align-items: center;
10284
10284
  justify-content: space-between;
10285
10285
  padding-top: 1rem;
10286
10286
  `;
10287
- var HomeCountdownSide = styled25.div`
10287
+ var HomeCountdownSide = styled19.div`
10288
10288
  display: flex;
10289
10289
  flex-direction: column;
10290
10290
  align-items: center;
10291
10291
  flex: 1;
10292
10292
  `;
10293
- var HomeUnitsSide = styled25.div`
10293
+ var HomeUnitsSide = styled19.div`
10294
10294
  text-align: center;
10295
10295
  flex-shrink: 0;
10296
10296
  `;
10297
- var HomeUnitsLabel = styled25.div`
10297
+ var HomeUnitsLabel = styled19.div`
10298
10298
  font-size: 0.6rem;
10299
10299
  color: var(--color-text-secondary);
10300
10300
  text-transform: uppercase;
10301
10301
  letter-spacing: 0.1em;
10302
10302
  margin-bottom: 0.2rem;
10303
10303
  `;
10304
- var HomeUnitsValue = styled25.div`
10304
+ var HomeUnitsValue = styled19.div`
10305
10305
  font-size: 1.1rem;
10306
10306
  font-weight: 700;
10307
10307
  font-family: monospace;
@@ -10310,7 +10310,7 @@ var HomeUnitsValue = styled25.div`
10310
10310
  font-weight: 400;
10311
10311
  }
10312
10312
  `;
10313
- var HomeSpinner = styled25.span`
10313
+ var HomeSpinner = styled19.span`
10314
10314
  display: inline-block;
10315
10315
  width: 14px;
10316
10316
  height: 14px;
@@ -10404,7 +10404,7 @@ function VideoActivitySection({
10404
10404
  ] })
10405
10405
  ] });
10406
10406
  }
10407
- var Section3 = styled25.div`
10407
+ var Section3 = styled19.div`
10408
10408
  display: flex;
10409
10409
  gap: 1.5rem;
10410
10410
  align-items: stretch;
@@ -10413,7 +10413,7 @@ var Section3 = styled25.div`
10413
10413
  gap: 1rem;
10414
10414
  }
10415
10415
  `;
10416
- var VideoPanel = styled25.div`
10416
+ var VideoPanel = styled19.div`
10417
10417
  flex: 1;
10418
10418
  background-color: var(--color-card-darker, #111);
10419
10419
  border-radius: 8px;
@@ -10457,7 +10457,7 @@ var VideoPanel = styled25.div`
10457
10457
  }
10458
10458
  }
10459
10459
  `;
10460
- var ActivityPanel = styled25.div`
10460
+ var ActivityPanel = styled19.div`
10461
10461
  flex: 0 0 auto;
10462
10462
  min-width: 450px;
10463
10463
  max-width: 520px;
@@ -10538,7 +10538,7 @@ var ActivityPanel = styled25.div`
10538
10538
  to { transform: rotate(360deg); }
10539
10539
  }
10540
10540
  `;
10541
- var SkeletonFeedRow = styled25.div`
10541
+ var SkeletonFeedRow = styled19.div`
10542
10542
  padding: 0.625rem 0.75rem;
10543
10543
  border-bottom: 1px solid rgba(255,255,255,0.04);
10544
10544
  display: flex;
@@ -10562,7 +10562,7 @@ var SkeletonFeedRow = styled25.div`
10562
10562
  padding: 0.4rem 0.6rem;
10563
10563
  }
10564
10564
  `;
10565
- var EndedBanner = styled25.div`
10565
+ var EndedBanner = styled19.div`
10566
10566
  font-size: 0.7rem;
10567
10567
  font-weight: 600;
10568
10568
  letter-spacing: 0.04em;
@@ -10575,7 +10575,7 @@ var EndedBanner = styled25.div`
10575
10575
  margin-bottom: 0.5rem;
10576
10576
  text-align: center;
10577
10577
  `;
10578
- var FeedList = styled25.div`
10578
+ var FeedList = styled19.div`
10579
10579
  width: 100%;
10580
10580
  overflow-y: auto;
10581
10581
  scrollbar-width: none;
@@ -10584,7 +10584,7 @@ var FeedList = styled25.div`
10584
10584
  display: none;
10585
10585
  }
10586
10586
  `;
10587
- var PurchaseItem = styled25.div`
10587
+ var PurchaseItem = styled19.div`
10588
10588
  padding: 0.625rem 0.75rem;
10589
10589
  border-bottom: 1px solid rgba(255,255,255,0.05);
10590
10590
  display: flex;
@@ -10613,12 +10613,12 @@ var PurchaseItem = styled25.div`
10613
10613
  padding: 0.4rem 0.6rem;
10614
10614
  }
10615
10615
  `;
10616
- var PurchaseInfo = styled25.div`
10616
+ var PurchaseInfo = styled19.div`
10617
10617
  display: flex;
10618
10618
  flex-direction: column;
10619
10619
  min-width: 0;
10620
10620
  `;
10621
- var PurchaseName = styled25.div`
10621
+ var PurchaseName = styled19.div`
10622
10622
  font-weight: 500;
10623
10623
  font-size: 0.875rem;
10624
10624
  color: #fff;
@@ -10626,19 +10626,19 @@ var PurchaseName = styled25.div`
10626
10626
  overflow: hidden;
10627
10627
  text-overflow: ellipsis;
10628
10628
  `;
10629
- var PurchaseTime = styled25.div`
10629
+ var PurchaseTime = styled19.div`
10630
10630
  font-size: 0.7rem;
10631
10631
  color: var(--color-text-secondary);
10632
10632
  margin-top: 0.125rem;
10633
10633
  `;
10634
- var PurchaseAmount = styled25.div`
10634
+ var PurchaseAmount = styled19.div`
10635
10635
  font-weight: 600;
10636
10636
  font-size: 0.875rem;
10637
10637
  color: #fff;
10638
10638
  white-space: nowrap;
10639
10639
  margin-left: 1rem;
10640
10640
  `;
10641
- var LiveIndicatorDot = styled25.span`
10641
+ var LiveIndicatorDot = styled19.span`
10642
10642
  display: inline-block;
10643
10643
  width: 8px;
10644
10644
  height: 8px;
@@ -10678,7 +10678,7 @@ var VARIANT_COLORS = {
10678
10678
  info: { accent: "#E6C656", icon: "\u2139" },
10679
10679
  pending: { accent: "#7EB3E6", icon: "\u25CC" }
10680
10680
  };
10681
- var Wrapper = styled25.div`
10681
+ var Wrapper = styled19.div`
10682
10682
  position: relative;
10683
10683
  display: flex;
10684
10684
  flex-direction: column;
@@ -10692,13 +10692,13 @@ var Wrapper = styled25.div`
10692
10692
  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`};
10693
10693
  pointer-events: all;
10694
10694
  `;
10695
- var Body = styled25.div`
10695
+ var Body = styled19.div`
10696
10696
  display: flex;
10697
10697
  align-items: flex-start;
10698
10698
  gap: 12px;
10699
10699
  padding: 14px 16px 12px;
10700
10700
  `;
10701
- var IconDot = styled25.div`
10701
+ var IconDot = styled19.div`
10702
10702
  flex-shrink: 0;
10703
10703
  width: 28px;
10704
10704
  height: 28px;
@@ -10713,25 +10713,25 @@ var IconDot = styled25.div`
10713
10713
  color: ${({ $color }) => $color};
10714
10714
  margin-top: 1px;
10715
10715
  `;
10716
- var Content = styled25.div`
10716
+ var Content = styled19.div`
10717
10717
  flex: 1;
10718
10718
  min-width: 0;
10719
10719
  `;
10720
- var Title2 = styled25.p`
10720
+ var Title2 = styled19.p`
10721
10721
  margin: 0 0 2px;
10722
10722
  font-size: 0.8rem;
10723
10723
  font-weight: 600;
10724
10724
  color: #fff;
10725
10725
  letter-spacing: 0.01em;
10726
10726
  `;
10727
- var Amount = styled25.p`
10727
+ var Amount = styled19.p`
10728
10728
  margin: 0 0 6px;
10729
10729
  font-size: 1.05rem;
10730
10730
  font-weight: 700;
10731
10731
  color: #E6C656;
10732
10732
  letter-spacing: -0.01em;
10733
10733
  `;
10734
- var TxRow = styled25.a`
10734
+ var TxRow = styled19.a`
10735
10735
  display: inline-flex;
10736
10736
  align-items: center;
10737
10737
  gap: 5px;
@@ -10744,11 +10744,11 @@ var TxRow = styled25.a`
10744
10744
  color: #7EB3E6;
10745
10745
  }
10746
10746
  `;
10747
- var TxArrow = styled25.span`
10747
+ var TxArrow = styled19.span`
10748
10748
  font-size: 0.6rem;
10749
10749
  opacity: 0.6;
10750
10750
  `;
10751
- var CloseBtn = styled25.button`
10751
+ var CloseBtn = styled19.button`
10752
10752
  flex-shrink: 0;
10753
10753
  background: none;
10754
10754
  border: none;
@@ -10760,7 +10760,7 @@ var CloseBtn = styled25.button`
10760
10760
  transition: color 0.15s;
10761
10761
  &:hover { color: rgba(255, 255, 255, 0.7); }
10762
10762
  `;
10763
- var ProgressBar = styled25.div`
10763
+ var ProgressBar = styled19.div`
10764
10764
  height: 2px;
10765
10765
  background: rgba(255, 255, 255, 0.06);
10766
10766
  position: relative;
@@ -10774,7 +10774,7 @@ var ProgressBar = styled25.div`
10774
10774
  animation: ${css`${progressShrink} ${({ $duration }) => $duration}ms linear forwards`};
10775
10775
  }
10776
10776
  `;
10777
- var Container2 = styled25.div`
10777
+ var Container2 = styled19.div`
10778
10778
  position: fixed;
10779
10779
  bottom: 24px;
10780
10780
  right: 24px;
@@ -11224,7 +11224,7 @@ function OrderPanel({
11224
11224
  ] })
11225
11225
  ] });
11226
11226
  }
11227
- var Panel2 = styled25.div`
11227
+ var Panel2 = styled19.div`
11228
11228
  background-color: var(--color-card-darker, #111);
11229
11229
  border-radius: 8px;
11230
11230
  padding: 1.5rem;
@@ -11251,7 +11251,7 @@ var Panel2 = styled25.div`
11251
11251
  border-radius: 6px;
11252
11252
  }
11253
11253
  `;
11254
- var PanelHeader2 = styled25.div`
11254
+ var PanelHeader2 = styled19.div`
11255
11255
  display: flex;
11256
11256
  justify-content: space-between;
11257
11257
  align-items: center;
@@ -11264,7 +11264,7 @@ var PanelHeader2 = styled25.div`
11264
11264
  color: var(--color-text);
11265
11265
  }
11266
11266
  `;
11267
- var StatusBadge2 = styled25.span`
11267
+ var StatusBadge2 = styled19.span`
11268
11268
  font-size: 0.7rem;
11269
11269
  font-weight: 600;
11270
11270
  display: inline-flex;
@@ -11277,7 +11277,7 @@ var StatusBadge2 = styled25.span`
11277
11277
  display: inline-block;
11278
11278
  }
11279
11279
  `;
11280
- var Card2 = styled25.div`
11280
+ var Card2 = styled19.div`
11281
11281
  background: rgba(0,0,0,0.4);
11282
11282
  border: 1px solid rgba(255,255,255,0.15);
11283
11283
  border-radius: 12px;
@@ -11288,12 +11288,12 @@ var Card2 = styled25.div`
11288
11288
  border-radius: 10px;
11289
11289
  }
11290
11290
  `;
11291
- var CardLabel = styled25.div`
11291
+ var CardLabel = styled19.div`
11292
11292
  font-size: 0.75rem;
11293
11293
  color: var(--color-text-secondary);
11294
11294
  margin-bottom: 0.5rem;
11295
11295
  `;
11296
- var CardInputRow = styled25.div`
11296
+ var CardInputRow = styled19.div`
11297
11297
  display: flex;
11298
11298
  align-items: center;
11299
11299
  justify-content: space-between;
@@ -11318,7 +11318,7 @@ var CardInputRow = styled25.div`
11318
11318
  white-space: nowrap;
11319
11319
  }
11320
11320
  `;
11321
- var QuickSelectRow = styled25.div`
11321
+ var QuickSelectRow = styled19.div`
11322
11322
  display: flex;
11323
11323
  gap: 0.5rem;
11324
11324
  margin-top: 0.75rem;
@@ -11347,7 +11347,7 @@ var QuickSelectRow = styled25.div`
11347
11347
  button { font-size: 0.7rem; padding: 0.35rem 0; }
11348
11348
  }
11349
11349
  `;
11350
- var FundsRow = styled25.div`
11350
+ var FundsRow = styled19.div`
11351
11351
  display: flex;
11352
11352
  align-items: center;
11353
11353
  gap: 0.5rem;
@@ -11358,7 +11358,7 @@ var FundsRow = styled25.div`
11358
11358
  color: #fff;
11359
11359
  }
11360
11360
  `;
11361
- var DepositButton2 = styled25.button`
11361
+ var DepositButton2 = styled19.button`
11362
11362
  background: transparent;
11363
11363
  border: 1px solid rgba(212,175,55,0.4);
11364
11364
  border-radius: 4px;
@@ -11368,23 +11368,23 @@ var DepositButton2 = styled25.button`
11368
11368
  cursor: pointer;
11369
11369
  font-weight: 500;
11370
11370
  `;
11371
- var Divider2 = styled25.div`
11371
+ var Divider2 = styled19.div`
11372
11372
  text-align: center;
11373
11373
  margin: 0.5rem 0;
11374
11374
  color: var(--color-text-secondary);
11375
11375
  `;
11376
- var CardTopRow = styled25.div`
11376
+ var CardTopRow = styled19.div`
11377
11377
  display: flex;
11378
11378
  justify-content: space-between;
11379
11379
  align-items: center;
11380
11380
  margin-bottom: 0.5rem;
11381
11381
  `;
11382
- var CardHint = styled25.span`
11382
+ var CardHint = styled19.span`
11383
11383
  font-size: 0.7rem;
11384
11384
  color: var(--color-text-secondary);
11385
11385
  opacity: 0.7;
11386
11386
  `;
11387
- var OrderSummary = styled25.div`
11387
+ var OrderSummary = styled19.div`
11388
11388
  border-top: 1px solid rgba(255,255,255,0.08);
11389
11389
  padding-top: 1rem;
11390
11390
  margin-top: 0.5rem;
@@ -11393,13 +11393,13 @@ var OrderSummary = styled25.div`
11393
11393
  flex-direction: column;
11394
11394
  gap: 0.5rem;
11395
11395
  `;
11396
- var SummaryRow = styled25.div`
11396
+ var SummaryRow = styled19.div`
11397
11397
  display: flex;
11398
11398
  justify-content: space-between;
11399
11399
  color: var(--color-text-secondary);
11400
11400
  strong { color: #fff; }
11401
11401
  `;
11402
- var SummaryTotal = styled25(SummaryRow)`
11402
+ var SummaryTotal = styled19(SummaryRow)`
11403
11403
  padding-top: 0.5rem;
11404
11404
  border-top: 1px solid rgba(255,255,255,0.08);
11405
11405
  color: #fff;
@@ -11407,12 +11407,12 @@ var SummaryTotal = styled25(SummaryRow)`
11407
11407
  font-weight: 600;
11408
11408
  }
11409
11409
  `;
11410
- var FormBody = styled25.div`
11410
+ var FormBody = styled19.div`
11411
11411
  display: flex;
11412
11412
  flex-direction: column;
11413
11413
  gap: 0.75rem;
11414
11414
  `;
11415
- var SubscribeButton = styled25.button`
11415
+ var SubscribeButton = styled19.button`
11416
11416
  width: 100%;
11417
11417
  margin-top: 1rem;
11418
11418
  padding: 0.875rem;
@@ -11437,13 +11437,13 @@ var SubscribeButton = styled25.button`
11437
11437
  color: #0a0a0a;
11438
11438
  }
11439
11439
  `;
11440
- var BalanceCards = styled25.div`
11440
+ var BalanceCards = styled19.div`
11441
11441
  display: flex;
11442
11442
  gap: 1rem;
11443
11443
  margin-top: 1rem;
11444
11444
  flex-wrap: wrap;
11445
11445
  `;
11446
- var BalanceCard = styled25.div`
11446
+ var BalanceCard = styled19.div`
11447
11447
  flex: 1;
11448
11448
  background: rgba(255,255,255,0.03);
11449
11449
  border-radius: 12px;
@@ -11451,14 +11451,14 @@ var BalanceCard = styled25.div`
11451
11451
  text-align: center;
11452
11452
  position: relative;
11453
11453
  `;
11454
- var BalanceLabel = styled25.div`
11454
+ var BalanceLabel = styled19.div`
11455
11455
  font-size: 0.75rem;
11456
11456
  color: var(--color-text-secondary);
11457
11457
  text-transform: uppercase;
11458
11458
  letter-spacing: 0.5px;
11459
11459
  margin-bottom: 0.5rem;
11460
11460
  `;
11461
- var BalanceValue = styled25.div`
11461
+ var BalanceValue = styled19.div`
11462
11462
  font-size: 1.5rem;
11463
11463
  font-weight: 700;
11464
11464
  color: #fff;
@@ -11474,20 +11474,20 @@ var BalanceValue = styled25.div`
11474
11474
  font-size: 1.2rem;
11475
11475
  }
11476
11476
  `;
11477
- var BalanceAction = styled25.div`
11477
+ var BalanceAction = styled19.div`
11478
11478
  font-size: 0.75rem;
11479
11479
  color: #D4AF37;
11480
11480
  cursor: pointer;
11481
11481
  font-weight: 500;
11482
11482
  margin-top: 0.5rem;
11483
11483
  `;
11484
- var BalanceSub = styled25.div`
11484
+ var BalanceSub = styled19.div`
11485
11485
  font-size: 0.85rem;
11486
11486
  font-weight: 500;
11487
11487
  color: var(--color-text-secondary);
11488
11488
  margin-top: 0.25rem;
11489
11489
  `;
11490
- var OrderPendingCard = styled25.div`
11490
+ var OrderPendingCard = styled19.div`
11491
11491
  margin-bottom: 1.5rem;
11492
11492
  background: linear-gradient(180deg, rgba(25,27,31,0.95) 0%, rgba(18,20,24,0.98) 100%);
11493
11493
  border: 1px solid rgba(212,175,55,0.08);
@@ -11591,7 +11591,7 @@ var OrderPendingCard = styled25.div`
11591
11591
  animation: pulse 2s ease-in-out infinite;
11592
11592
  }
11593
11593
  `;
11594
- var OrderSuccessCard = styled25.div`
11594
+ var OrderSuccessCard = styled19.div`
11595
11595
  margin-bottom: 1.5rem;
11596
11596
  background: linear-gradient(180deg, rgba(25,27,31,0.95) 0%, rgba(18,20,24,0.98) 100%);
11597
11597
  border: 1px solid rgba(212,175,55,0.12);
@@ -11695,7 +11695,7 @@ var OrderSuccessCard = styled25.div`
11695
11695
  transition: all 0.2s ease;
11696
11696
  }
11697
11697
  `;
11698
- var InsufficientFunds = styled25.div`
11698
+ var InsufficientFunds = styled19.div`
11699
11699
  margin-top: 1rem;
11700
11700
  padding: 0.75rem 1rem;
11701
11701
  border-radius: 8px;
@@ -11802,6 +11802,44 @@ function PortfolioActivityPanel({
11802
11802
  const [activeTab, setActiveTab] = useState(resolvedDefaultTab);
11803
11803
  const [activityPage, setActivityPage] = useState(0);
11804
11804
  const [pendingCancelOrderId, setPendingCancelOrderId] = useState(null);
11805
+ const [closeAllOpen, setCloseAllOpen] = useState(false);
11806
+ const [closeAllType, setCloseAllType] = useState("market");
11807
+ const [posSortKey, setPosSortKey] = useState("asset");
11808
+ const [posSortAsc, setPosSortAsc] = useState(true);
11809
+ const handlePosSort = (key) => {
11810
+ if (posSortKey === key) {
11811
+ setPosSortAsc((v) => !v);
11812
+ } else {
11813
+ setPosSortKey(key);
11814
+ setPosSortAsc(key === "asset");
11815
+ }
11816
+ };
11817
+ const sortedPositions = useMemo(() => {
11818
+ const arr = [...positions];
11819
+ const dir = posSortAsc ? 1 : -1;
11820
+ arr.sort((a, b) => {
11821
+ switch (posSortKey) {
11822
+ case "asset":
11823
+ return dir * a.tokenName.localeCompare(b.tokenName);
11824
+ case "units":
11825
+ return dir * (a.quantity - b.quantity);
11826
+ case "value":
11827
+ return dir * (a.quantity * a.marketPrice - b.quantity * b.marketPrice);
11828
+ case "avgPrice":
11829
+ return dir * (a.averageEntryPrice - b.averageEntryPrice);
11830
+ case "currentPrice":
11831
+ return dir * (a.marketPrice - b.marketPrice);
11832
+ case "pnl": {
11833
+ const pnlA = a.propertyPnlPercent ?? a.percentChange ?? 0;
11834
+ const pnlB = b.propertyPnlPercent ?? b.percentChange ?? 0;
11835
+ return dir * (pnlA - pnlB);
11836
+ }
11837
+ default:
11838
+ return 0;
11839
+ }
11840
+ });
11841
+ return arr;
11842
+ }, [positions, posSortKey, posSortAsc]);
11805
11843
  const activeTabTotal = useMemo(() => {
11806
11844
  switch (activeTab) {
11807
11845
  case "positions":
@@ -11884,15 +11922,33 @@ function PortfolioActivityPanel({
11884
11922
  positions.length === 0 && /* @__PURE__ */ jsx(EmptyState, { children: "No positions yet. Subscribe to an offering or buy on the secondary market." }),
11885
11923
  positions.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
11886
11924
  /* @__PURE__ */ jsxs(PositionsHeader, { $hasClose: !!onClosePosition, children: [
11887
- /* @__PURE__ */ jsx(PositionsHeaderCell, { children: "Asset" }),
11888
- /* @__PURE__ */ jsx(PositionsHeaderCell, { children: "Units" }),
11889
- /* @__PURE__ */ jsx(PositionsHeaderCell, { children: "Position Value" }),
11890
- /* @__PURE__ */ jsx(PositionsHeaderCell, { children: "Avg Price" }),
11891
- /* @__PURE__ */ jsx(PositionsHeaderCell, { children: "Current Price" }),
11892
- /* @__PURE__ */ jsx(PositionsHeaderCell, { children: "PNL (%)" }),
11893
- onClosePosition && /* @__PURE__ */ jsx(PositionsHeaderCell, { children: "Close" })
11925
+ /* @__PURE__ */ jsxs(SortableHeaderCell, { $active: posSortKey === "asset", onClick: () => handlePosSort("asset"), children: [
11926
+ "Asset ",
11927
+ posSortKey === "asset" && (posSortAsc ? "\u2191" : "\u2193")
11928
+ ] }),
11929
+ /* @__PURE__ */ jsxs(SortableHeaderCell, { $active: posSortKey === "units", onClick: () => handlePosSort("units"), children: [
11930
+ "Units ",
11931
+ posSortKey === "units" && (posSortAsc ? "\u2191" : "\u2193")
11932
+ ] }),
11933
+ /* @__PURE__ */ jsxs(SortableHeaderCell, { $active: posSortKey === "value", onClick: () => handlePosSort("value"), children: [
11934
+ "Position Value ",
11935
+ posSortKey === "value" && (posSortAsc ? "\u2191" : "\u2193")
11936
+ ] }),
11937
+ /* @__PURE__ */ jsxs(SortableHeaderCell, { $active: posSortKey === "avgPrice", onClick: () => handlePosSort("avgPrice"), children: [
11938
+ "Avg Price ",
11939
+ posSortKey === "avgPrice" && (posSortAsc ? "\u2191" : "\u2193")
11940
+ ] }),
11941
+ /* @__PURE__ */ jsxs(SortableHeaderCell, { $active: posSortKey === "currentPrice", onClick: () => handlePosSort("currentPrice"), children: [
11942
+ "Current Price ",
11943
+ posSortKey === "currentPrice" && (posSortAsc ? "\u2191" : "\u2193")
11944
+ ] }),
11945
+ /* @__PURE__ */ jsxs(SortableHeaderCell, { $active: posSortKey === "pnl", onClick: () => handlePosSort("pnl"), children: [
11946
+ "PNL (%) ",
11947
+ posSortKey === "pnl" && (posSortAsc ? "\u2191" : "\u2193")
11948
+ ] }),
11949
+ onClosePosition && /* @__PURE__ */ jsx(PositionsHeaderCell, { children: /* @__PURE__ */ jsx(CloseAllHeaderBtn, { onClick: () => setCloseAllOpen(true), children: "Close All" }) })
11894
11950
  ] }),
11895
- pageSlice(positions).map((pos) => {
11951
+ pageSlice(sortedPositions).map((pos) => {
11896
11952
  const currentValue = pos.quantity * pos.marketPrice;
11897
11953
  const costBasis = pos.quantity * pos.averageEntryPrice;
11898
11954
  const pnl = pos.propertyPnl ?? currentValue - costBasis;
@@ -11923,18 +11979,30 @@ function PortfolioActivityPanel({
11923
11979
  "%"
11924
11980
  ] })
11925
11981
  ] }),
11926
- onClosePosition && /* @__PURE__ */ jsx(PositionsCell, { children: /* @__PURE__ */ jsxs(CloseActions, { children: [
11927
- /* @__PURE__ */ jsx(CloseBtn2, { onClick: (e) => {
11928
- e.stopPropagation();
11929
- onClosePosition(pos.tokenName, "limit", pos.quantity, pos.marketPrice);
11930
- }, children: "Limit" }),
11931
- /* @__PURE__ */ jsx(CloseBtn2, { onClick: (e) => {
11932
- e.stopPropagation();
11933
- onClosePosition(pos.tokenName, "market", pos.quantity, pos.marketPrice);
11934
- }, children: "Market" })
11935
- ] }) })
11982
+ onClosePosition && /* @__PURE__ */ jsx(PositionsCell, {})
11936
11983
  ] }, pos.tokenName);
11937
- })
11984
+ }),
11985
+ closeAllOpen && onClosePosition && /* @__PURE__ */ jsx(CloseAllOverlay, { onClick: () => setCloseAllOpen(false), children: /* @__PURE__ */ jsxs(CloseAllModal, { onClick: (e) => e.stopPropagation(), children: [
11986
+ /* @__PURE__ */ jsx(CloseAllModalX, { onClick: () => setCloseAllOpen(false), children: "\xD7" }),
11987
+ /* @__PURE__ */ jsx(CloseAllTitle, { children: "Confirm Close All" }),
11988
+ /* @__PURE__ */ jsx(CloseAllDesc, { children: "This will close all your positions and cancel their associated TP/SL orders." }),
11989
+ /* @__PURE__ */ jsxs(CloseAllOption, { onClick: () => setCloseAllType("market"), children: [
11990
+ /* @__PURE__ */ jsx(CloseAllRadio, { $selected: closeAllType === "market" }),
11991
+ /* @__PURE__ */ jsx("span", { children: "Market Close" })
11992
+ ] }),
11993
+ /* @__PURE__ */ jsxs(CloseAllOption, { onClick: () => setCloseAllType("limit"), children: [
11994
+ /* @__PURE__ */ jsx(CloseAllRadio, { $selected: closeAllType === "limit" }),
11995
+ /* @__PURE__ */ jsx("span", { children: "Limit Close at Mid Price" })
11996
+ ] }),
11997
+ /* @__PURE__ */ jsxs(CloseAllConfirmBtn, { onClick: () => {
11998
+ positions.forEach((pos) => onClosePosition(pos.tokenName, closeAllType, pos.quantity, pos.marketPrice));
11999
+ setCloseAllOpen(false);
12000
+ }, children: [
12001
+ "Confirm ",
12002
+ closeAllType === "market" ? "Market" : "Limit",
12003
+ " Close"
12004
+ ] })
12005
+ ] }) })
11938
12006
  ] })
11939
12007
  ] }),
11940
12008
  activeTab === "subscriptions" && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -12136,14 +12204,14 @@ function PortfolioActivityPanel({
12136
12204
  ] }) })
12137
12205
  ] });
12138
12206
  }
12139
- var Container3 = styled25.div``;
12140
- var PanelTitle = styled25.h3`
12207
+ var Container3 = styled19.div``;
12208
+ var PanelTitle = styled19.h3`
12141
12209
  font-size: 1rem;
12142
12210
  font-weight: 600;
12143
12211
  color: var(--color-text, #fff);
12144
12212
  margin: 0 0 0.75rem;
12145
12213
  `;
12146
- var TabContainer = styled25.div`
12214
+ var TabContainer = styled19.div`
12147
12215
  display: flex;
12148
12216
  gap: 0;
12149
12217
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
@@ -12154,7 +12222,7 @@ var TabContainer = styled25.div`
12154
12222
  scrollbar-width: none;
12155
12223
  &::-webkit-scrollbar { display: none; }
12156
12224
  `;
12157
- var Tab = styled25.button`
12225
+ var Tab = styled19.button`
12158
12226
  background: transparent;
12159
12227
  border: none;
12160
12228
  padding: 0.6rem 1rem;
@@ -12183,12 +12251,12 @@ var Tab = styled25.button`
12183
12251
  color: ${({ $active }) => $active ? "#fff" : "rgba(255, 255, 255, 0.65)"};
12184
12252
  }
12185
12253
  `;
12186
- var TabCount = styled25.span`
12254
+ var TabCount = styled19.span`
12187
12255
  color: #E6C656;
12188
12256
  font-weight: 600;
12189
12257
  margin-left: 2px;
12190
12258
  `;
12191
- styled25.div`
12259
+ styled19.div`
12192
12260
  display: grid;
12193
12261
  grid-template-columns: auto 1fr auto auto;
12194
12262
  align-items: center;
@@ -12204,7 +12272,7 @@ styled25.div`
12204
12272
  background: rgba(255, 255, 255, 0.015);
12205
12273
  }
12206
12274
  `;
12207
- styled25.span`
12275
+ styled19.span`
12208
12276
  font-size: 0.6rem;
12209
12277
  font-weight: 700;
12210
12278
  text-transform: uppercase;
@@ -12216,21 +12284,21 @@ styled25.span`
12216
12284
  color: ${({ $side }) => $side === "Buy" ? "#0ecb81" : "#f6465d"};
12217
12285
  background: ${({ $side }) => $side === "Buy" ? "rgba(14, 203, 129, 0.1)" : "rgba(246, 70, 93, 0.1)"};
12218
12286
  `;
12219
- styled25.div`
12287
+ styled19.div`
12220
12288
  display: flex;
12221
12289
  flex-direction: column;
12222
12290
  gap: 0.1rem;
12223
12291
  `;
12224
- styled25.span`
12292
+ styled19.span`
12225
12293
  font-size: 0.8rem;
12226
12294
  color: #fff;
12227
12295
  font-weight: 500;
12228
12296
  `;
12229
- styled25.span`
12297
+ styled19.span`
12230
12298
  font-size: 0.6rem;
12231
12299
  color: rgba(255, 255, 255, 0.35);
12232
12300
  `;
12233
- var ActivityTag = styled25.span`
12301
+ var ActivityTag = styled19.span`
12234
12302
  font-size: 0.58rem;
12235
12303
  font-weight: 600;
12236
12304
  padding: 0.15rem 0.45rem;
@@ -12239,20 +12307,20 @@ var ActivityTag = styled25.span`
12239
12307
  background: ${({ $bg }) => $bg || "rgba(255, 255, 255, 0.06)"};
12240
12308
  white-space: nowrap;
12241
12309
  `;
12242
- styled25.span`
12310
+ styled19.span`
12243
12311
  font-size: 0.8rem;
12244
12312
  font-weight: 600;
12245
12313
  color: #fff;
12246
12314
  text-align: right;
12247
12315
  white-space: nowrap;
12248
12316
  `;
12249
- styled25.div`
12317
+ styled19.div`
12250
12318
  display: flex;
12251
12319
  align-items: center;
12252
12320
  justify-content: flex-end;
12253
12321
  gap: 0.35rem;
12254
12322
  `;
12255
- styled25.a`
12323
+ styled19.a`
12256
12324
  display: inline-flex;
12257
12325
  align-items: center;
12258
12326
  justify-content: center;
@@ -12274,13 +12342,13 @@ styled25.a`
12274
12342
  outline-offset: 2px;
12275
12343
  }
12276
12344
  `;
12277
- var EmptyState = styled25.div`
12345
+ var EmptyState = styled19.div`
12278
12346
  padding: 1.5rem 0.75rem;
12279
12347
  text-align: center;
12280
12348
  font-size: 0.8rem;
12281
12349
  color: rgba(255, 255, 255, 0.45);
12282
12350
  `;
12283
- var PaginationRow = styled25.div`
12351
+ var PaginationRow = styled19.div`
12284
12352
  display: flex;
12285
12353
  align-items: center;
12286
12354
  justify-content: center;
@@ -12289,7 +12357,7 @@ var PaginationRow = styled25.div`
12289
12357
  padding-top: 1rem;
12290
12358
  border-top: 1px solid rgba(255, 255, 255, 0.06);
12291
12359
  `;
12292
- var PaginationButton = styled25.button`
12360
+ var PaginationButton = styled19.button`
12293
12361
  background: transparent;
12294
12362
  border: 1px solid rgba(255, 255, 255, 0.12);
12295
12363
  border-radius: 8px;
@@ -12303,25 +12371,35 @@ var PaginationButton = styled25.button`
12303
12371
  cursor: default;
12304
12372
  }
12305
12373
  `;
12306
- var PaginationLabel = styled25.span`
12374
+ var PaginationLabel = styled19.span`
12307
12375
  font-size: 0.8rem;
12308
12376
  color: rgba(255, 255, 255, 0.4);
12309
12377
  `;
12310
- var PositionsHeader = styled25.div`
12378
+ var PositionsHeader = styled19.div`
12311
12379
  display: grid;
12312
12380
  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"};
12313
12381
  gap: 0 0.75rem;
12314
12382
  padding: 0.4rem 0.5rem;
12315
12383
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
12316
12384
  `;
12317
- var PositionsHeaderCell = styled25.div`
12385
+ var PositionsHeaderCell = styled19.div`
12318
12386
  font-size: 0.68rem;
12319
12387
  font-weight: 500;
12320
12388
  color: rgba(255, 255, 255, 0.4);
12321
12389
  text-align: ${(p) => p.$align || "left"};
12322
12390
  white-space: nowrap;
12323
12391
  `;
12324
- var PositionsRow = styled25.div`
12392
+ var SortableHeaderCell = styled19.div`
12393
+ font-size: 0.68rem;
12394
+ font-weight: 500;
12395
+ color: ${(p) => p.$active ? "rgba(255, 255, 255, 0.7)" : "rgba(255, 255, 255, 0.4)"};
12396
+ white-space: nowrap;
12397
+ cursor: pointer;
12398
+ user-select: none;
12399
+ transition: color 0.15s ease;
12400
+ &:hover { color: rgba(255, 255, 255, 0.7); }
12401
+ `;
12402
+ var PositionsRow = styled19.div`
12325
12403
  display: grid;
12326
12404
  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"};
12327
12405
  align-items: center;
@@ -12334,29 +12412,29 @@ var PositionsRow = styled25.div`
12334
12412
  &:hover { background: rgba(255, 255, 255, 0.04); }
12335
12413
  &:last-child { border-bottom: none; }
12336
12414
  `;
12337
- var PositionsCell = styled25.div`
12415
+ var PositionsCell = styled19.div`
12338
12416
  display: flex;
12339
12417
  flex-direction: column;
12340
12418
  align-items: ${(p) => p.$align === "right" ? "flex-end" : "flex-start"};
12341
12419
  gap: 0.1rem;
12342
12420
  `;
12343
- var HoldingsPropertyLink = styled25.span`
12421
+ var HoldingsPropertyLink = styled19.span`
12344
12422
  font-size: 0.8rem;
12345
12423
  font-weight: 600;
12346
12424
  color: #fff;
12347
12425
  cursor: grab;
12348
12426
  &:hover { text-decoration: underline; color: var(--color-accent, #E6C87E); }
12349
12427
  `;
12350
- var PnLAmount = styled25.div`
12428
+ var PnLAmount = styled19.div`
12351
12429
  font-size: 0.85rem;
12352
12430
  font-weight: 600;
12353
12431
  color: ${(p) => p.$positive ? "#0ecb81" : "#f6465d"};
12354
12432
  `;
12355
- var PnLPercentage = styled25.div`
12433
+ var PnLPercentage = styled19.div`
12356
12434
  font-size: 0.7rem;
12357
12435
  color: ${(p) => p.$positive ? "#0ecb81" : "#f6465d"};
12358
12436
  `;
12359
- var CancelButton = styled25.button`
12437
+ var CancelButton = styled19.button`
12360
12438
  background: transparent;
12361
12439
  border: 1px solid rgba(246, 70, 93, 0.3);
12362
12440
  border-radius: 4px;
@@ -12378,20 +12456,20 @@ var CancelButton = styled25.button`
12378
12456
  cursor: not-allowed;
12379
12457
  }
12380
12458
  `;
12381
- var GridHeader = styled25.div`
12459
+ var GridHeader = styled19.div`
12382
12460
  display: grid;
12383
12461
  grid-template-columns: ${(p) => p.$columns};
12384
12462
  gap: 0 0.75rem;
12385
12463
  padding: 0.4rem 0.5rem;
12386
12464
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
12387
12465
  `;
12388
- var GridHeaderCell = styled25.div`
12466
+ var GridHeaderCell = styled19.div`
12389
12467
  font-size: 0.68rem;
12390
12468
  font-weight: 500;
12391
12469
  color: rgba(255, 255, 255, 0.4);
12392
12470
  white-space: nowrap;
12393
12471
  `;
12394
- var GridRow = styled25.div`
12472
+ var GridRow = styled19.div`
12395
12473
  display: grid;
12396
12474
  grid-template-columns: ${(p) => p.$columns};
12397
12475
  align-items: center;
@@ -12401,12 +12479,12 @@ var GridRow = styled25.div`
12401
12479
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
12402
12480
  &:last-child { border-bottom: none; }
12403
12481
  `;
12404
- var GridCell = styled25.div`
12482
+ var GridCell = styled19.div`
12405
12483
  display: flex;
12406
12484
  align-items: center;
12407
12485
  min-width: 0;
12408
12486
  `;
12409
- var CellText = styled25.span`
12487
+ var CellText = styled19.span`
12410
12488
  font-size: 0.8rem;
12411
12489
  font-weight: ${(p) => p.$primary ? 600 : 400};
12412
12490
  color: ${(p) => p.$color || (p.$muted ? "rgba(255,255,255,0.5)" : "#fff")};
@@ -12414,12 +12492,12 @@ var CellText = styled25.span`
12414
12492
  overflow: hidden;
12415
12493
  text-overflow: ellipsis;
12416
12494
  `;
12417
- var SideBadge = styled25.span`
12495
+ var SideBadge = styled19.span`
12418
12496
  font-size: 0.68rem;
12419
12497
  font-weight: 600;
12420
12498
  color: ${({ $side }) => $side === "Buy" ? "#0ecb81" : "#f6465d"};
12421
12499
  `;
12422
- var EditableCellWrap = styled25.span`
12500
+ var EditableCellWrap = styled19.span`
12423
12501
  display: inline-flex;
12424
12502
  align-items: center;
12425
12503
  gap: 0.35rem;
@@ -12436,7 +12514,7 @@ var EditableCellWrap = styled25.span`
12436
12514
  color: var(--color-accent, #E6C87E);
12437
12515
  }
12438
12516
  `;
12439
- var EditInput = styled25.input`
12517
+ var EditInput = styled19.input`
12440
12518
  width: 5rem;
12441
12519
  background: rgba(255, 255, 255, 0.06);
12442
12520
  border: 1px solid rgba(255, 255, 255, 0.15);
@@ -12458,7 +12536,7 @@ var EditInput = styled25.input`
12458
12536
  }
12459
12537
  -moz-appearance: textfield;
12460
12538
  `;
12461
- var CancelConfirmOverlay = styled25.div`
12539
+ var CancelConfirmOverlay = styled19.div`
12462
12540
  position: fixed;
12463
12541
  inset: 0;
12464
12542
  background: rgba(0, 0, 0, 0.6);
@@ -12467,7 +12545,7 @@ var CancelConfirmOverlay = styled25.div`
12467
12545
  justify-content: center;
12468
12546
  z-index: 1000;
12469
12547
  `;
12470
- var CancelConfirmModal = styled25.div`
12548
+ var CancelConfirmModal = styled19.div`
12471
12549
  background: #1a1a1a;
12472
12550
  border: 1px solid rgba(255, 255, 255, 0.12);
12473
12551
  border-radius: 12px;
@@ -12478,22 +12556,22 @@ var CancelConfirmModal = styled25.div`
12478
12556
  flex-direction: column;
12479
12557
  gap: 0.75rem;
12480
12558
  `;
12481
- var CancelConfirmTitle = styled25.div`
12559
+ var CancelConfirmTitle = styled19.div`
12482
12560
  font-size: 1rem;
12483
12561
  font-weight: 600;
12484
12562
  color: #fff;
12485
12563
  `;
12486
- var CancelConfirmBody = styled25.div`
12564
+ var CancelConfirmBody = styled19.div`
12487
12565
  font-size: 0.85rem;
12488
12566
  color: rgba(255, 255, 255, 0.6);
12489
12567
  line-height: 1.5;
12490
12568
  `;
12491
- var CancelConfirmActions = styled25.div`
12569
+ var CancelConfirmActions = styled19.div`
12492
12570
  display: flex;
12493
12571
  gap: 0.5rem;
12494
12572
  margin-top: 0.25rem;
12495
12573
  `;
12496
- var CancelConfirmDismiss = styled25.button`
12574
+ var CancelConfirmDismiss = styled19.button`
12497
12575
  flex: 1;
12498
12576
  background: rgba(255, 255, 255, 0.06);
12499
12577
  border: 1px solid rgba(255, 255, 255, 0.12);
@@ -12509,7 +12587,7 @@ var CancelConfirmDismiss = styled25.button`
12509
12587
  background: rgba(255, 255, 255, 0.1);
12510
12588
  }
12511
12589
  `;
12512
- var CancelConfirmProceed = styled25.button`
12590
+ var CancelConfirmProceed = styled19.button`
12513
12591
  flex: 1;
12514
12592
  background: rgba(246, 70, 93, 0.15);
12515
12593
  border: 1px solid rgba(246, 70, 93, 0.4);
@@ -12530,12 +12608,12 @@ var CancelConfirmProceed = styled25.button`
12530
12608
  cursor: not-allowed;
12531
12609
  }
12532
12610
  `;
12533
- var CloseActions = styled25.div`
12611
+ styled19.div`
12534
12612
  display: flex;
12535
12613
  gap: 0.35rem;
12536
12614
  align-items: center;
12537
12615
  `;
12538
- var CloseBtn2 = styled25.button`
12616
+ styled19.button`
12539
12617
  background: transparent;
12540
12618
  border: 1px solid rgba(230, 200, 126, 0.25);
12541
12619
  border-radius: 4px;
@@ -12555,6 +12633,121 @@ var CloseBtn2 = styled25.button`
12555
12633
  border-color: rgba(230, 200, 126, 0.5);
12556
12634
  }
12557
12635
  `;
12636
+ var CloseAllHeaderBtn = styled19.button`
12637
+ background: rgba(246, 70, 93, 0.1);
12638
+ border: 1px solid rgba(246, 70, 93, 0.3);
12639
+ border-radius: 4px;
12640
+ padding: 0.2rem 0.6rem;
12641
+ font-size: 0.62rem;
12642
+ font-weight: 600;
12643
+ color: #f6465d;
12644
+ cursor: pointer;
12645
+ white-space: nowrap;
12646
+ transition: all 0.15s ease;
12647
+
12648
+ &:hover {
12649
+ background: rgba(246, 70, 93, 0.2);
12650
+ border-color: rgba(246, 70, 93, 0.5);
12651
+ }
12652
+ `;
12653
+ var CloseAllOverlay = styled19.div`
12654
+ position: fixed;
12655
+ inset: 0;
12656
+ background: rgba(0, 0, 0, 0.6);
12657
+ display: flex;
12658
+ align-items: center;
12659
+ justify-content: center;
12660
+ z-index: 1000;
12661
+ `;
12662
+ var CloseAllModal = styled19.div`
12663
+ background: #1a1a1a;
12664
+ border: 1px solid rgba(255, 255, 255, 0.12);
12665
+ border-radius: 12px;
12666
+ padding: 1.5rem;
12667
+ max-width: 380px;
12668
+ width: 90%;
12669
+ position: relative;
12670
+ `;
12671
+ var CloseAllModalX = styled19.button`
12672
+ position: absolute;
12673
+ top: 0.75rem;
12674
+ right: 0.75rem;
12675
+ background: none;
12676
+ border: none;
12677
+ color: rgba(255, 255, 255, 0.4);
12678
+ font-size: 1.25rem;
12679
+ cursor: pointer;
12680
+ padding: 0.25rem;
12681
+ line-height: 1;
12682
+ transition: color 0.15s;
12683
+
12684
+ &:hover { color: #fff; }
12685
+ `;
12686
+ var CloseAllTitle = styled19.div`
12687
+ font-size: 1rem;
12688
+ font-weight: 600;
12689
+ color: #fff;
12690
+ margin-bottom: 0.5rem;
12691
+ `;
12692
+ var CloseAllDesc = styled19.div`
12693
+ font-size: 0.8rem;
12694
+ color: rgba(255, 255, 255, 0.5);
12695
+ line-height: 1.45;
12696
+ margin-bottom: 1rem;
12697
+ `;
12698
+ var CloseAllOption = styled19.div`
12699
+ display: flex;
12700
+ align-items: center;
12701
+ gap: 0.6rem;
12702
+ padding: 0.6rem 0.75rem;
12703
+ border-radius: 8px;
12704
+ cursor: pointer;
12705
+ font-size: 0.85rem;
12706
+ color: rgba(255, 255, 255, 0.85);
12707
+ transition: background 0.15s;
12708
+ margin-bottom: 0.35rem;
12709
+
12710
+ &:hover { background: rgba(255, 255, 255, 0.04); }
12711
+ `;
12712
+ var CloseAllRadio = styled19.div`
12713
+ width: 16px;
12714
+ height: 16px;
12715
+ border-radius: 50%;
12716
+ border: 2px solid ${(p) => p.$selected ? "#f6465d" : "rgba(255, 255, 255, 0.2)"};
12717
+ position: relative;
12718
+ flex-shrink: 0;
12719
+ transition: border-color 0.15s;
12720
+
12721
+ &::after {
12722
+ content: '';
12723
+ position: absolute;
12724
+ top: 50%;
12725
+ left: 50%;
12726
+ transform: translate(-50%, -50%);
12727
+ width: 8px;
12728
+ height: 8px;
12729
+ border-radius: 50%;
12730
+ background: ${(p) => p.$selected ? "#f6465d" : "transparent"};
12731
+ transition: background 0.15s;
12732
+ }
12733
+ `;
12734
+ var CloseAllConfirmBtn = styled19.button`
12735
+ width: 100%;
12736
+ margin-top: 0.75rem;
12737
+ background: rgba(246, 70, 93, 0.15);
12738
+ border: 1px solid rgba(246, 70, 93, 0.4);
12739
+ border-radius: 8px;
12740
+ padding: 0.7rem 1rem;
12741
+ font-size: 0.85rem;
12742
+ font-weight: 600;
12743
+ color: #f6465d;
12744
+ cursor: pointer;
12745
+ transition: all 0.15s ease;
12746
+
12747
+ &:hover {
12748
+ background: rgba(246, 70, 93, 0.25);
12749
+ }
12750
+ `;
12558
12751
  function NewsOrdersSection({ newsItems, newsConnectionStatus, activityData }) {
12559
12752
  return /* @__PURE__ */ jsxs(Row2, { children: [
12560
12753
  /* @__PURE__ */ jsx(
@@ -12584,7 +12777,7 @@ function NewsOrdersSection({ newsItems, newsConnectionStatus, activityData }) {
12584
12777
  ) })
12585
12778
  ] });
12586
12779
  }
12587
- var Row2 = styled25.div`
12780
+ var Row2 = styled19.div`
12588
12781
  display: grid;
12589
12782
  grid-template-columns: 1fr 2fr;
12590
12783
  gap: 1.5rem;
@@ -12602,7 +12795,7 @@ var Row2 = styled25.div`
12602
12795
  overflow: hidden;
12603
12796
  }
12604
12797
  `;
12605
- var ActivityWrapper = styled25.div`
12798
+ var ActivityWrapper = styled19.div`
12606
12799
  background-color: var(--color-card-darker, #111);
12607
12800
  border-radius: 8px;
12608
12801
  padding: 1.5rem;
@@ -12718,7 +12911,7 @@ function OrderConfirmationModal({
12718
12911
  ] })
12719
12912
  ] }) });
12720
12913
  }
12721
- var Overlay3 = styled25.div`
12914
+ var Overlay3 = styled19.div`
12722
12915
  position: fixed;
12723
12916
  top: 0;
12724
12917
  left: 0;
@@ -12731,7 +12924,7 @@ var Overlay3 = styled25.div`
12731
12924
  z-index: 10000;
12732
12925
  backdrop-filter: blur(4px);
12733
12926
  `;
12734
- var Modal = styled25.div`
12927
+ var Modal = styled19.div`
12735
12928
  background: linear-gradient(135deg, rgba(26,29,35,0.95) 0%, rgba(26,29,35,0.98) 100%);
12736
12929
  border: 1px solid rgba(255,255,255,0.1);
12737
12930
  border-radius: 16px;
@@ -12740,7 +12933,7 @@ var Modal = styled25.div`
12740
12933
  width: 90%;
12741
12934
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
12742
12935
  `;
12743
- var ModalHeader = styled25.div`
12936
+ var ModalHeader = styled19.div`
12744
12937
  display: flex;
12745
12938
  align-items: center;
12746
12939
  margin-bottom: 1.5rem;
@@ -12756,7 +12949,7 @@ var ModalHeader = styled25.div`
12756
12949
  gap: 0.5rem;
12757
12950
  }
12758
12951
  `;
12759
- var Badge2 = styled25.span`
12952
+ var Badge2 = styled19.span`
12760
12953
  padding: 0.25rem 0.75rem;
12761
12954
  border-radius: 6px;
12762
12955
  font-size: 0.75rem;
@@ -12767,12 +12960,12 @@ var Badge2 = styled25.span`
12767
12960
  color: #D4AF37;
12768
12961
  border: 1px solid rgba(212,175,55,0.3);
12769
12962
  `;
12770
- var ModalBody = styled25.div`
12963
+ var ModalBody = styled19.div`
12771
12964
  margin-bottom: 1.5rem;
12772
12965
  display: flex;
12773
12966
  flex-direction: column;
12774
12967
  `;
12775
- var ModalRow = styled25.div`
12968
+ var ModalRow = styled19.div`
12776
12969
  display: flex;
12777
12970
  justify-content: space-between;
12778
12971
  align-items: center;
@@ -12795,7 +12988,7 @@ var ModalRow = styled25.div`
12795
12988
  font-weight: 600;
12796
12989
  }
12797
12990
  `;
12798
- var Warning = styled25.div`
12991
+ var Warning = styled19.div`
12799
12992
  background: rgba(246,70,93,0.1);
12800
12993
  border: 1px solid rgba(246,70,93,0.3);
12801
12994
  border-radius: 8px;
@@ -12815,7 +13008,7 @@ var Warning = styled25.div`
12815
13008
  line-height: 1.5;
12816
13009
  }
12817
13010
  `;
12818
- var Summary = styled25.div`
13011
+ var Summary = styled19.div`
12819
13012
  background: rgba(255,255,255,0.03);
12820
13013
  border: 1px solid rgba(255,255,255,0.08);
12821
13014
  border-radius: 8px;
@@ -12828,7 +13021,7 @@ var Summary = styled25.div`
12828
13021
  var spin = keyframes`
12829
13022
  to { transform: rotate(360deg); }
12830
13023
  `;
12831
- var Spinner = styled25.span`
13024
+ var Spinner = styled19.span`
12832
13025
  display: inline-block;
12833
13026
  width: 14px;
12834
13027
  height: 14px;
@@ -12839,7 +13032,7 @@ var Spinner = styled25.span`
12839
13032
  margin-right: 0.5rem;
12840
13033
  vertical-align: -2px;
12841
13034
  `;
12842
- var ButtonRow2 = styled25.div`
13035
+ var ButtonRow2 = styled19.div`
12843
13036
  display: flex;
12844
13037
  gap: 1rem;
12845
13038
  justify-content: flex-end;
@@ -13161,7 +13354,7 @@ function PropertyBuy({
13161
13354
  )
13162
13355
  ] });
13163
13356
  }
13164
- var HeroGrid = styled25.div`
13357
+ var HeroGrid = styled19.div`
13165
13358
  display: grid;
13166
13359
  grid-template-columns: 1fr auto;
13167
13360
  grid-template-rows: auto auto minmax(450px, 520px);
@@ -13230,7 +13423,7 @@ var HeroGrid = styled25.div`
13230
13423
  gap: 0.5rem;
13231
13424
  }
13232
13425
  `;
13233
- var PaymentOption = styled25.div`
13426
+ var PaymentOption = styled19.div`
13234
13427
  display: flex;
13235
13428
  align-items: center;
13236
13429
  padding: 1rem;
@@ -13247,7 +13440,7 @@ var PaymentOption = styled25.div`
13247
13440
  border-color: rgba(0, 123, 255, 0.5);
13248
13441
  }
13249
13442
  `;
13250
- var RadioIndicator = styled25.div`
13443
+ var RadioIndicator = styled19.div`
13251
13444
  width: 20px;
13252
13445
  height: 20px;
13253
13446
  border-radius: 50%;
@@ -13267,7 +13460,7 @@ var RadioIndicator = styled25.div`
13267
13460
  transition: opacity 0.2s;
13268
13461
  }
13269
13462
  `;
13270
- var PaymentMethodDetails = styled25.div`
13463
+ var PaymentMethodDetails = styled19.div`
13271
13464
  background: rgba(0, 0, 0, 0.2);
13272
13465
  border-radius: 8px;
13273
13466
  padding: 1rem;
@@ -13286,7 +13479,7 @@ var PaymentMethodDetails = styled25.div`
13286
13479
  }
13287
13480
  }
13288
13481
  `;
13289
- var ConfirmButton = styled25.button`
13482
+ var ConfirmButton = styled19.button`
13290
13483
  background: ${(props) => props.disabled ? "rgba(255, 255, 255, 0.1)" : "linear-gradient(to right, #d4af37, #f2d35b)"};
13291
13484
  border: none;
13292
13485
  border-radius: 8px;
@@ -14004,7 +14197,7 @@ var OwnerBooking = ({ propertyName, token }) => {
14004
14197
  ] });
14005
14198
  };
14006
14199
  var owner_booking_default = OwnerBooking;
14007
- var DateSelectorDropdown = styled25.div`
14200
+ var DateSelectorDropdown = styled19.div`
14008
14201
  position: absolute;
14009
14202
  top: calc(100% + 0.5rem);
14010
14203
  left: 0;
@@ -14018,7 +14211,7 @@ var DateSelectorDropdown = styled25.div`
14018
14211
  display: ${({ $isOpen }) => $isOpen ? "block" : "none"};
14019
14212
  z-index: 10;
14020
14213
  `;
14021
- var MonthButton = styled25.button`
14214
+ var MonthButton = styled19.button`
14022
14215
  background: ${({ $isSelected }) => $isSelected ? "rgba(212, 175, 55, 0.2)" : "transparent"};
14023
14216
  border: 1px solid
14024
14217
  ${({ $isSelected }) => $isSelected ? "#d4af37" : "rgba(255, 255, 255, 0.12)"};
@@ -14034,7 +14227,7 @@ var MonthButton = styled25.button`
14034
14227
  border-color: rgba(212, 175, 55, 0.5);
14035
14228
  }
14036
14229
  `;
14037
- var DayCell = styled25.div`
14230
+ var DayCell = styled19.div`
14038
14231
  aspect-ratio: 1;
14039
14232
  display: flex;
14040
14233
  align-items: center;
@@ -14068,7 +14261,7 @@ var DayCell = styled25.div`
14068
14261
  opacity: ${({ $isCurrentMonth, $savedRangeColor }) => $isCurrentMonth ? $savedRangeColor ? 0.85 : 1 : 0.35};
14069
14262
  }
14070
14263
  `;
14071
- var AddDateRangeButton = styled25.button`
14264
+ var AddDateRangeButton = styled19.button`
14072
14265
  flex: 1;
14073
14266
  min-width: 180px;
14074
14267
  background: rgba(212, 175, 55, 0.18);
@@ -14090,21 +14283,21 @@ var AddDateRangeButton = styled25.button`
14090
14283
  cursor: not-allowed;
14091
14284
  }
14092
14285
  `;
14093
- var ConfirmButton2 = styled25(AddDateRangeButton)`
14286
+ var ConfirmButton2 = styled19(AddDateRangeButton)`
14094
14287
  flex: 0 0 auto;
14095
14288
  min-width: 140px;
14096
14289
  background: rgba(212, 175, 55, 0.35);
14097
14290
  border-color: rgba(212, 175, 55, 0.6);
14098
14291
  font-weight: 600;
14099
14292
  `;
14100
- var ReservationCard = styled25.div`
14293
+ var ReservationCard = styled19.div`
14101
14294
  background: rgba(0, 0, 0, 0.4);
14102
14295
  border-radius: 12px;
14103
14296
  padding: 1rem;
14104
14297
  margin-top: 1rem;
14105
14298
  border-left: 4px solid ${({ $accent }) => $accent};
14106
14299
  `;
14107
- var ActionButton = styled25.button`
14300
+ var ActionButton = styled19.button`
14108
14301
  background: none;
14109
14302
  border: none;
14110
14303
  color: ${({ $variant }) => $variant === "danger" ? "#ff7676" : "#d4af37"};
@@ -14554,7 +14747,7 @@ function calculatePositionFromPrice(price, undervaluedPrice, fairValue, overvalu
14554
14747
  }
14555
14748
  return 50 + 50 * (price - fairValue) / (overvaluedPrice - fairValue);
14556
14749
  }
14557
- var ValuationIndicator = styled25.div`
14750
+ var ValuationIndicator = styled19.div`
14558
14751
  background-color: rgba(50, 52, 58, 0.95);
14559
14752
  border-radius: 6px;
14560
14753
  padding: 1rem;
@@ -14576,7 +14769,7 @@ var ValuationIndicator = styled25.div`
14576
14769
  }
14577
14770
  }
14578
14771
  `;
14579
- var GaugeIndicator = styled25.div`
14772
+ var GaugeIndicator = styled19.div`
14580
14773
  position: absolute;
14581
14774
  left: ${(props) => props.position}%;
14582
14775
  top: 0.35rem;
@@ -14587,7 +14780,7 @@ var GaugeIndicator = styled25.div`
14587
14780
  background: ${(props) => props.type === "fairValue" ? "#f0b90b" : "rgba(10, 12, 18, 0.95)"};
14588
14781
  box-shadow: ${(props) => props.type === "lastPrice" ? "0 6px 18px rgba(0, 0, 0, 0.65)" : "0 6px 16px rgba(0, 0, 0, 0.45)"};
14589
14782
  `;
14590
- var GaugePriceTag = styled25.div`
14783
+ var GaugePriceTag = styled19.div`
14591
14784
  position: absolute;
14592
14785
  left: ${(props) => props.position}%;
14593
14786
  top: -46px;
@@ -14612,18 +14805,18 @@ var GaugePriceTag = styled25.div`
14612
14805
  color: var(--color-accent);
14613
14806
  }
14614
14807
  `;
14615
- var HiddenMobileChart = styled25.div`
14808
+ var HiddenMobileChart = styled19.div`
14616
14809
  display: none;
14617
14810
  @media (max-width: 480px) {
14618
14811
  display: block;
14619
14812
  }
14620
14813
  `;
14621
- var ValuationWrapper = styled25.div`
14814
+ var ValuationWrapper = styled19.div`
14622
14815
  display: flex;
14623
14816
  flex-direction: column;
14624
14817
  gap: 2rem;
14625
14818
  `;
14626
- var LoadingOverlay = styled25.div`
14819
+ var LoadingOverlay = styled19.div`
14627
14820
  margin-top: 1rem;
14628
14821
  padding: 0.75rem 1rem;
14629
14822
  border-radius: 8px;
@@ -14631,7 +14824,7 @@ var LoadingOverlay = styled25.div`
14631
14824
  color: rgba(255, 255, 255, 0.8);
14632
14825
  font-size: 0.9rem;
14633
14826
  `;
14634
- var ErrorMessage = styled25.div`
14827
+ var ErrorMessage = styled19.div`
14635
14828
  margin-top: 1rem;
14636
14829
  padding: 0.75rem 1rem;
14637
14830
  border-radius: 8px;
@@ -14640,33 +14833,33 @@ var ErrorMessage = styled25.div`
14640
14833
  font-size: 0.9rem;
14641
14834
  border: 1px solid rgba(244, 67, 54, 0.4);
14642
14835
  `;
14643
- var SectionTitle = styled25.h2`
14836
+ var SectionTitle = styled19.h2`
14644
14837
  margin: 0;
14645
14838
  font-size: clamp(1.75rem, 2.5vw, 2.25rem);
14646
14839
  font-weight: 600;
14647
14840
  color: #fff;
14648
14841
  letter-spacing: 0.01em;
14649
14842
  `;
14650
- var LoafPricingSection = styled25.div`
14843
+ var LoafPricingSection = styled19.div`
14651
14844
  background-color: rgba(30, 32, 38, 0.95);
14652
14845
  border-radius: 8px;
14653
14846
  padding: 1.25rem;
14654
14847
  margin-bottom: 1.5rem;
14655
14848
  `;
14656
- var SectionSubheading = styled25.h2`
14849
+ var SectionSubheading = styled19.h2`
14657
14850
  margin: 0;
14658
14851
  font-size: 1.1rem;
14659
14852
  font-weight: 600;
14660
14853
  color: #fff;
14661
14854
  letter-spacing: 0.02em;
14662
14855
  `;
14663
- var PricingModelCard = styled25.div`
14856
+ var PricingModelCard = styled19.div`
14664
14857
  background-color: rgba(40, 42, 48, 0.95);
14665
14858
  border-radius: 8px;
14666
14859
  padding: 1.5rem;
14667
14860
  margin-top: 1rem;
14668
14861
  `;
14669
- var PricingModelHeader = styled25.div`
14862
+ var PricingModelHeader = styled19.div`
14670
14863
  display: flex;
14671
14864
  justify-content: space-between;
14672
14865
  align-items: center;
@@ -14681,13 +14874,13 @@ var PricingModelHeader = styled25.div`
14681
14874
  color: rgba(255, 255, 255, 0.75);
14682
14875
  }
14683
14876
  `;
14684
- var PricingModelTitle = styled25.h3`
14877
+ var PricingModelTitle = styled19.h3`
14685
14878
  margin: 0;
14686
14879
  font-size: 1.2rem;
14687
14880
  font-weight: 600;
14688
14881
  color: #fff;
14689
14882
  `;
14690
- var PricingModelValue = styled25.div`
14883
+ var PricingModelValue = styled19.div`
14691
14884
  font-size: 1.4rem;
14692
14885
  font-weight: 700;
14693
14886
  color: var(--color-primary);
@@ -14696,43 +14889,43 @@ var PricingModelValue = styled25.div`
14696
14889
  font-size: 1.2rem;
14697
14890
  }
14698
14891
  `;
14699
- var PricingModelDetails = styled25.div`
14892
+ var PricingModelDetails = styled19.div`
14700
14893
  display: grid;
14701
14894
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
14702
14895
  gap: 1.5rem;
14703
14896
  margin-bottom: 1.5rem;
14704
14897
  `;
14705
- var PricingModelDetail = styled25.div`
14898
+ var PricingModelDetail = styled19.div`
14706
14899
  background-color: rgba(50, 52, 58, 0.95);
14707
14900
  border-radius: 6px;
14708
14901
  padding: 1rem;
14709
14902
  `;
14710
- var PropertyDetailLabel = styled25.div`
14903
+ var PropertyDetailLabel = styled19.div`
14711
14904
  font-size: 0.85rem;
14712
14905
  color: rgba(255, 255, 255, 0.7);
14713
14906
  margin-bottom: 0.5rem;
14714
14907
  `;
14715
- var PricingDetailValue = styled25.div`
14908
+ var PricingDetailValue = styled19.div`
14716
14909
  font-size: 1rem;
14717
14910
  color: #fff;
14718
14911
  font-weight: 500;
14719
14912
  `;
14720
- var ValuationHeader = styled25.div`
14913
+ var ValuationHeader = styled19.div`
14721
14914
  display: flex;
14722
14915
  justify-content: space-between;
14723
14916
  margin-bottom: 0.75rem;
14724
14917
  `;
14725
- var ValuationTitle = styled25.div`
14918
+ var ValuationTitle = styled19.div`
14726
14919
  font-size: 0.9rem;
14727
14920
  color: rgba(255, 255, 255, 0.7);
14728
14921
  `;
14729
- var ValuationGauge = styled25.div`
14922
+ var ValuationGauge = styled19.div`
14730
14923
  position: relative;
14731
14924
  width: 100%;
14732
14925
  padding: 1.1rem 0 2rem;
14733
14926
  margin: 0.75rem 0 1rem;
14734
14927
  `;
14735
- var GaugeBackground = styled25.div`
14928
+ var GaugeBackground = styled19.div`
14736
14929
  width: 100%;
14737
14930
  height: 18px;
14738
14931
  border-radius: 999px;
@@ -14741,21 +14934,21 @@ var GaugeBackground = styled25.div`
14741
14934
  overflow: hidden;
14742
14935
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.35), 0 8px 18px rgba(0, 0, 0, 0.25);
14743
14936
  `;
14744
- var ValuationDetails = styled25.div`
14937
+ var ValuationDetails = styled19.div`
14745
14938
  display: flex;
14746
14939
  justify-content: space-between;
14747
14940
  margin-top: 1rem;
14748
14941
  `;
14749
- var ValuationItem = styled25.div`
14942
+ var ValuationItem = styled19.div`
14750
14943
  display: flex;
14751
14944
  flex-direction: column;
14752
14945
  `;
14753
- var ValuationValue = styled25.div`
14946
+ var ValuationValue = styled19.div`
14754
14947
  font-size: 1rem;
14755
14948
  font-weight: 600;
14756
14949
  color: #fff;
14757
14950
  `;
14758
- var ChartContainer = styled25.div`
14951
+ var ChartContainer = styled19.div`
14759
14952
  width: 100%;
14760
14953
  height: 301.52px;
14761
14954
  margin-top: 1.5rem;
@@ -14764,14 +14957,14 @@ var ChartContainer = styled25.div`
14764
14957
  padding: 1rem;
14765
14958
  position: relative;
14766
14959
  `;
14767
- var ChartBackground = styled25.div`
14960
+ var ChartBackground = styled19.div`
14768
14961
  position: relative;
14769
14962
  height: 100%;
14770
14963
  width: 100%;
14771
14964
  background: rgba(255, 255, 255, 0.03);
14772
14965
  border-radius: 8px;
14773
14966
  `;
14774
- var ValuationSvg = styled25.svg`
14967
+ var ValuationSvg = styled19.svg`
14775
14968
  position: absolute;
14776
14969
  top: 10px;
14777
14970
  right: 0;
@@ -14781,7 +14974,7 @@ var ValuationSvg = styled25.svg`
14781
14974
  width: 100%;
14782
14975
  height: calc(100% - 35px);
14783
14976
  `;
14784
- var YAxisLabel = styled25.div`
14977
+ var YAxisLabel = styled19.div`
14785
14978
  position: absolute;
14786
14979
  left: -40px;
14787
14980
  font-size: 10px;
@@ -14789,7 +14982,7 @@ var YAxisLabel = styled25.div`
14789
14982
  text-align: right;
14790
14983
  padding-right: 5px;
14791
14984
  `;
14792
- var ValuationCallout = styled25.div`
14985
+ var ValuationCallout = styled19.div`
14793
14986
  display: flex;
14794
14987
  align-items: center;
14795
14988
  justify-content: space-between;
@@ -14799,7 +14992,7 @@ var ValuationCallout = styled25.div`
14799
14992
  border: 1px solid rgba(76, 175, 80, 0.2);
14800
14993
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
14801
14994
  `;
14802
- var ValuationBadge = styled25.div`
14995
+ var ValuationBadge = styled19.div`
14803
14996
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
14804
14997
  color: white;
14805
14998
  padding: 5px 12px;
@@ -14808,17 +15001,17 @@ var ValuationBadge = styled25.div`
14808
15001
  font-weight: 600;
14809
15002
  box-shadow: 0 2px 4px rgba(76, 175, 80, 0.25);
14810
15003
  `;
14811
- var AreaDemandChart = styled25.div`
15004
+ var AreaDemandChart = styled19.div`
14812
15005
  height: 60px;
14813
15006
  width: 100%;
14814
15007
  position: relative;
14815
15008
  `;
14816
- var ChartLabel = styled25.div`
15009
+ var ChartLabel = styled19.div`
14817
15010
  position: absolute;
14818
15011
  font-size: 9px;
14819
15012
  color: rgba(255, 255, 255, 0.7);
14820
15013
  `;
14821
- var RecentSalesSection = styled25.div`
15014
+ var RecentSalesSection = styled19.div`
14822
15015
  background-color: rgba(30, 32, 38, 0.95);
14823
15016
  border-radius: 8px;
14824
15017
  padding: 1.25rem;
@@ -14828,7 +15021,7 @@ var RecentSalesSection = styled25.div`
14828
15021
  position: relative;
14829
15022
  }
14830
15023
  `;
14831
- var SalesGrid = styled25.div`
15024
+ var SalesGrid = styled19.div`
14832
15025
  display: grid;
14833
15026
  grid-template-columns: repeat(3, 1fr);
14834
15027
  gap: 1.5rem;
@@ -14849,7 +15042,7 @@ var SalesGrid = styled25.div`
14849
15042
  scrollbar-width: none;
14850
15043
  }
14851
15044
  `;
14852
- var SaleCard = styled25.div`
15045
+ var SaleCard = styled19.div`
14853
15046
  background-color: var(--color-card, #1e2329);
14854
15047
  border-radius: var(--border-radius, 8px);
14855
15048
  overflow: hidden;
@@ -14873,13 +15066,13 @@ var SaleCard = styled25.div`
14873
15066
  }
14874
15067
  }
14875
15068
  `;
14876
- var SaleImageContainer = styled25.div`
15069
+ var SaleImageContainer = styled19.div`
14877
15070
  position: relative;
14878
15071
  width: 100%;
14879
15072
  height: 200px;
14880
15073
  overflow: hidden;
14881
15074
  `;
14882
- var SaleImage = styled25.img`
15075
+ var SaleImage = styled19.img`
14883
15076
  width: 100%;
14884
15077
  height: 100%;
14885
15078
  object-fit: cover;
@@ -14890,7 +15083,7 @@ var SaleImage = styled25.img`
14890
15083
  transform: scale(1.05);
14891
15084
  }
14892
15085
  `;
14893
- var SoldTag = styled25.div`
15086
+ var SoldTag = styled19.div`
14894
15087
  position: absolute;
14895
15088
  top: 1rem;
14896
15089
  right: 1rem;
@@ -14904,10 +15097,10 @@ var SoldTag = styled25.div`
14904
15097
  align-items: center;
14905
15098
  gap: 4px;
14906
15099
  `;
14907
- var SoldIcon = styled25.div`
15100
+ var SoldIcon = styled19.div`
14908
15101
  display: none;
14909
15102
  `;
14910
- var SalePriceBar = styled25.div`
15103
+ var SalePriceBar = styled19.div`
14911
15104
  display: flex;
14912
15105
  justify-content: space-between;
14913
15106
  align-items: center;
@@ -14915,37 +15108,37 @@ var SalePriceBar = styled25.div`
14915
15108
  background: linear-gradient(90deg, rgba(240, 185, 11, 0.1) 0%, rgba(240, 185, 11, 0.05) 100%);
14916
15109
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
14917
15110
  `;
14918
- var SalePriceLeft = styled25.div`
15111
+ var SalePriceLeft = styled19.div`
14919
15112
  display: flex;
14920
15113
  flex-direction: column;
14921
15114
  `;
14922
- var SalePriceLabel = styled25.span`
15115
+ var SalePriceLabel = styled19.span`
14923
15116
  font-size: 0.7rem;
14924
15117
  color: rgba(255, 255, 255, 0.5);
14925
15118
  text-transform: uppercase;
14926
15119
  letter-spacing: 0.5px;
14927
15120
  `;
14928
- var SalePriceAmount = styled25.span`
15121
+ var SalePriceAmount = styled19.span`
14929
15122
  font-size: 1.1rem;
14930
15123
  font-weight: 700;
14931
15124
  color: var(--color-accent, #f0b90b);
14932
15125
  `;
14933
- var SaleContent = styled25.div`
15126
+ var SaleContent = styled19.div`
14934
15127
  padding: 1rem;
14935
15128
  `;
14936
- var SaleAddress = styled25.h3`
15129
+ var SaleAddress = styled19.h3`
14937
15130
  margin: 0;
14938
15131
  margin-bottom: 0.25rem;
14939
15132
  font-size: 1rem;
14940
15133
  font-weight: 600;
14941
15134
  color: var(--color-text, #eaecef);
14942
15135
  `;
14943
- var SaleSuburb = styled25.div`
15136
+ var SaleSuburb = styled19.div`
14944
15137
  font-size: 0.8rem;
14945
15138
  color: var(--color-text-secondary, #848e9c);
14946
15139
  margin-bottom: 0.5rem;
14947
15140
  `;
14948
- var SaleStatsBar = styled25.div`
15141
+ var SaleStatsBar = styled19.div`
14949
15142
  display: flex;
14950
15143
  justify-content: space-between;
14951
15144
  align-items: center;
@@ -14953,7 +15146,7 @@ var SaleStatsBar = styled25.div`
14953
15146
  background-color: rgba(0, 0, 0, 0.3);
14954
15147
  border-top: 1px solid rgba(255, 255, 255, 0.05);
14955
15148
  `;
14956
- var SaleStatItem = styled25.div`
15149
+ var SaleStatItem = styled19.div`
14957
15150
  display: flex;
14958
15151
  align-items: center;
14959
15152
  gap: 0.25rem;
@@ -14966,11 +15159,11 @@ var SaleStatItem = styled25.div`
14966
15159
  opacity: 0.7;
14967
15160
  }
14968
15161
  `;
14969
- var SaleDate = styled25.div`
15162
+ var SaleDate = styled19.div`
14970
15163
  font-size: 0.75rem;
14971
15164
  color: var(--color-text-secondary, #848e9c);
14972
15165
  `;
14973
- var SwipeIndicator = styled25.div`
15166
+ var SwipeIndicator = styled19.div`
14974
15167
  display: none;
14975
15168
 
14976
15169
  @media (max-width: 768px) {
@@ -15003,7 +15196,7 @@ var pulse = keyframes`
15003
15196
  0%, 100% { transform: scale(1); opacity: 0.8; }
15004
15197
  50% { transform: scale(1.2); opacity: 1; }
15005
15198
  `;
15006
- var FeatureTooltip = styled25.div`
15199
+ var FeatureTooltip = styled19.div`
15007
15200
  position: absolute;
15008
15201
  transform: translate(-50%, calc(-100% - 24px));
15009
15202
  min-width: 180px;
@@ -15045,7 +15238,7 @@ var FeatureTooltip = styled25.div`
15045
15238
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.35));
15046
15239
  }
15047
15240
  `;
15048
- var GalleryOverlay = styled25.div`
15241
+ var GalleryOverlay = styled19.div`
15049
15242
  position: fixed;
15050
15243
  inset: 0;
15051
15244
  z-index: 1000;
@@ -15054,7 +15247,7 @@ var GalleryOverlay = styled25.div`
15054
15247
  flex-direction: column;
15055
15248
  animation: ${fadeIn} 0.3s ease;
15056
15249
  `;
15057
- var GalleryHeader = styled25.div`
15250
+ var GalleryHeader = styled19.div`
15058
15251
  position: relative;
15059
15252
  padding: 1.5rem 2rem;
15060
15253
  display: flex;
@@ -15070,7 +15263,7 @@ var GalleryHeader = styled25.div`
15070
15263
  padding: 1rem;
15071
15264
  }
15072
15265
  `;
15073
- var PropertyInfo = styled25.div`
15266
+ var PropertyInfo = styled19.div`
15074
15267
  color: white;
15075
15268
 
15076
15269
  h2 {
@@ -15085,7 +15278,7 @@ var PropertyInfo = styled25.div`
15085
15278
  font-size: 0.95rem;
15086
15279
  }
15087
15280
  `;
15088
- var CloseButton2 = styled25.button`
15281
+ var CloseButton2 = styled19.button`
15089
15282
  width: 48px;
15090
15283
  height: 48px;
15091
15284
  border-radius: 50%;
@@ -15103,7 +15296,7 @@ var CloseButton2 = styled25.button`
15103
15296
  transform: rotate(90deg);
15104
15297
  }
15105
15298
  `;
15106
- var MainImageContainer = styled25.div`
15299
+ var MainImageContainer = styled19.div`
15107
15300
  position: relative;
15108
15301
  flex: 1;
15109
15302
  display: flex;
@@ -15115,7 +15308,7 @@ var MainImageContainer = styled25.div`
15115
15308
  padding: 60px 0 110px;
15116
15309
  }
15117
15310
  `;
15118
- var MainImage = styled25.img`
15311
+ var MainImage = styled19.img`
15119
15312
  max-width: 90%;
15120
15313
  max-height: 100%;
15121
15314
  object-fit: contain;
@@ -15132,7 +15325,7 @@ var MainImage = styled25.img`
15132
15325
  max-width: 100%;
15133
15326
  }
15134
15327
  `;
15135
- var Hotspot = styled25.button`
15328
+ var Hotspot = styled19.button`
15136
15329
  position: absolute;
15137
15330
  width: 32px;
15138
15331
  height: 32px;
@@ -15151,7 +15344,7 @@ var Hotspot = styled25.button`
15151
15344
  transform: translate(-50%, -50%) scale(1.2);
15152
15345
  }
15153
15346
  `;
15154
- var ThumbnailStrip = styled25.div`
15347
+ var ThumbnailStrip = styled19.div`
15155
15348
  position: absolute;
15156
15349
  bottom: 0;
15157
15350
  left: 0;
@@ -15166,7 +15359,7 @@ var ThumbnailStrip = styled25.div`
15166
15359
  display: none;
15167
15360
  }
15168
15361
  `;
15169
- var Thumbnail3 = styled25.button`
15362
+ var Thumbnail3 = styled19.button`
15170
15363
  width: 86px;
15171
15364
  height: 64px;
15172
15365
  border-radius: 6px;
@@ -15187,7 +15380,7 @@ var Thumbnail3 = styled25.button`
15187
15380
  object-fit: cover;
15188
15381
  }
15189
15382
  `;
15190
- var NavigationButton = styled25.button`
15383
+ var NavigationButton = styled19.button`
15191
15384
  position: absolute;
15192
15385
  top: 50%;
15193
15386
  ${(p) => p.$dir === "prev" ? "left: 2rem;" : "right: 2rem;"}
@@ -15207,7 +15400,7 @@ var NavigationButton = styled25.button`
15207
15400
  display: none;
15208
15401
  }
15209
15402
  `;
15210
- var SliderContainer = styled25.div`
15403
+ var SliderContainer = styled19.div`
15211
15404
  position: absolute;
15212
15405
  bottom: 110px;
15213
15406
  left: 50%;
@@ -15224,21 +15417,21 @@ var SliderContainer = styled25.div`
15224
15417
  width: 85%;
15225
15418
  }
15226
15419
  `;
15227
- var SliderTrack = styled25.div`
15420
+ var SliderTrack = styled19.div`
15228
15421
  position: relative;
15229
15422
  height: 4px;
15230
15423
  background: rgba(255, 255, 255, 0.2);
15231
15424
  border-radius: 999px;
15232
15425
  cursor: pointer;
15233
15426
  `;
15234
- var SliderProgress = styled25.div`
15427
+ var SliderProgress = styled19.div`
15235
15428
  position: absolute;
15236
15429
  inset: 0;
15237
15430
  width: ${(p) => p.$progress}%;
15238
15431
  background: linear-gradient(90deg, var(--color-accent, #f0b90b), rgba(240, 185, 11, 0.5));
15239
15432
  border-radius: inherit;
15240
15433
  `;
15241
- var SliderThumb = styled25.div`
15434
+ var SliderThumb = styled19.div`
15242
15435
  position: absolute;
15243
15436
  top: 50%;
15244
15437
  left: ${(p) => p.$position}%;
@@ -15250,7 +15443,7 @@ var SliderThumb = styled25.div`
15250
15443
  border: 3px solid white;
15251
15444
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
15252
15445
  `;
15253
- var SliderLabels = styled25.div`
15446
+ var SliderLabels = styled19.div`
15254
15447
  display: flex;
15255
15448
  justify-content: space-between;
15256
15449
  margin-top: 0.75rem;
@@ -15265,7 +15458,7 @@ var SliderLabels = styled25.div`
15265
15458
  display: none;
15266
15459
  }
15267
15460
  `;
15268
- var MobileDots = styled25.div`
15461
+ var MobileDots = styled19.div`
15269
15462
  position: absolute;
15270
15463
  bottom: 1.5rem;
15271
15464
  left: 50%;
@@ -15277,7 +15470,7 @@ var MobileDots = styled25.div`
15277
15470
  display: none;
15278
15471
  }
15279
15472
  `;
15280
- var MobileDot = styled25.button`
15473
+ var MobileDot = styled19.button`
15281
15474
  width: 8px;
15282
15475
  height: 8px;
15283
15476
  border-radius: 50%;