@loafmarkets/ui 0.1.132 → 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,8 @@ 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");
11805
11807
  const [posSortKey, setPosSortKey] = useState("asset");
11806
11808
  const [posSortAsc, setPosSortAsc] = useState(true);
11807
11809
  const handlePosSort = (key) => {
@@ -11944,7 +11946,7 @@ function PortfolioActivityPanel({
11944
11946
  "PNL (%) ",
11945
11947
  posSortKey === "pnl" && (posSortAsc ? "\u2191" : "\u2193")
11946
11948
  ] }),
11947
- onClosePosition && /* @__PURE__ */ jsx(PositionsHeaderCell, { children: "Close" })
11949
+ onClosePosition && /* @__PURE__ */ jsx(PositionsHeaderCell, { children: /* @__PURE__ */ jsx(CloseAllHeaderBtn, { onClick: () => setCloseAllOpen(true), children: "Close All" }) })
11948
11950
  ] }),
11949
11951
  pageSlice(sortedPositions).map((pos) => {
11950
11952
  const currentValue = pos.quantity * pos.marketPrice;
@@ -11977,18 +11979,30 @@ function PortfolioActivityPanel({
11977
11979
  "%"
11978
11980
  ] })
11979
11981
  ] }),
11980
- onClosePosition && /* @__PURE__ */ jsx(PositionsCell, { children: /* @__PURE__ */ jsxs(CloseActions, { children: [
11981
- /* @__PURE__ */ jsx(CloseBtn2, { onClick: (e) => {
11982
- e.stopPropagation();
11983
- onClosePosition(pos.tokenName, "limit", pos.quantity, pos.marketPrice);
11984
- }, children: "Limit" }),
11985
- /* @__PURE__ */ jsx(CloseBtn2, { onClick: (e) => {
11986
- e.stopPropagation();
11987
- onClosePosition(pos.tokenName, "market", pos.quantity, pos.marketPrice);
11988
- }, children: "Market" })
11989
- ] }) })
11982
+ onClosePosition && /* @__PURE__ */ jsx(PositionsCell, {})
11990
11983
  ] }, pos.tokenName);
11991
- })
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
+ ] }) })
11992
12006
  ] })
11993
12007
  ] }),
11994
12008
  activeTab === "subscriptions" && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -12190,14 +12204,14 @@ function PortfolioActivityPanel({
12190
12204
  ] }) })
12191
12205
  ] });
12192
12206
  }
12193
- var Container3 = styled25.div``;
12194
- var PanelTitle = styled25.h3`
12207
+ var Container3 = styled19.div``;
12208
+ var PanelTitle = styled19.h3`
12195
12209
  font-size: 1rem;
12196
12210
  font-weight: 600;
12197
12211
  color: var(--color-text, #fff);
12198
12212
  margin: 0 0 0.75rem;
12199
12213
  `;
12200
- var TabContainer = styled25.div`
12214
+ var TabContainer = styled19.div`
12201
12215
  display: flex;
12202
12216
  gap: 0;
12203
12217
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
@@ -12208,7 +12222,7 @@ var TabContainer = styled25.div`
12208
12222
  scrollbar-width: none;
12209
12223
  &::-webkit-scrollbar { display: none; }
12210
12224
  `;
12211
- var Tab = styled25.button`
12225
+ var Tab = styled19.button`
12212
12226
  background: transparent;
12213
12227
  border: none;
12214
12228
  padding: 0.6rem 1rem;
@@ -12237,12 +12251,12 @@ var Tab = styled25.button`
12237
12251
  color: ${({ $active }) => $active ? "#fff" : "rgba(255, 255, 255, 0.65)"};
12238
12252
  }
12239
12253
  `;
12240
- var TabCount = styled25.span`
12254
+ var TabCount = styled19.span`
12241
12255
  color: #E6C656;
12242
12256
  font-weight: 600;
12243
12257
  margin-left: 2px;
12244
12258
  `;
12245
- styled25.div`
12259
+ styled19.div`
12246
12260
  display: grid;
12247
12261
  grid-template-columns: auto 1fr auto auto;
12248
12262
  align-items: center;
@@ -12258,7 +12272,7 @@ styled25.div`
12258
12272
  background: rgba(255, 255, 255, 0.015);
12259
12273
  }
12260
12274
  `;
12261
- styled25.span`
12275
+ styled19.span`
12262
12276
  font-size: 0.6rem;
12263
12277
  font-weight: 700;
12264
12278
  text-transform: uppercase;
@@ -12270,21 +12284,21 @@ styled25.span`
12270
12284
  color: ${({ $side }) => $side === "Buy" ? "#0ecb81" : "#f6465d"};
12271
12285
  background: ${({ $side }) => $side === "Buy" ? "rgba(14, 203, 129, 0.1)" : "rgba(246, 70, 93, 0.1)"};
12272
12286
  `;
12273
- styled25.div`
12287
+ styled19.div`
12274
12288
  display: flex;
12275
12289
  flex-direction: column;
12276
12290
  gap: 0.1rem;
12277
12291
  `;
12278
- styled25.span`
12292
+ styled19.span`
12279
12293
  font-size: 0.8rem;
12280
12294
  color: #fff;
12281
12295
  font-weight: 500;
12282
12296
  `;
12283
- styled25.span`
12297
+ styled19.span`
12284
12298
  font-size: 0.6rem;
12285
12299
  color: rgba(255, 255, 255, 0.35);
12286
12300
  `;
12287
- var ActivityTag = styled25.span`
12301
+ var ActivityTag = styled19.span`
12288
12302
  font-size: 0.58rem;
12289
12303
  font-weight: 600;
12290
12304
  padding: 0.15rem 0.45rem;
@@ -12293,20 +12307,20 @@ var ActivityTag = styled25.span`
12293
12307
  background: ${({ $bg }) => $bg || "rgba(255, 255, 255, 0.06)"};
12294
12308
  white-space: nowrap;
12295
12309
  `;
12296
- styled25.span`
12310
+ styled19.span`
12297
12311
  font-size: 0.8rem;
12298
12312
  font-weight: 600;
12299
12313
  color: #fff;
12300
12314
  text-align: right;
12301
12315
  white-space: nowrap;
12302
12316
  `;
12303
- styled25.div`
12317
+ styled19.div`
12304
12318
  display: flex;
12305
12319
  align-items: center;
12306
12320
  justify-content: flex-end;
12307
12321
  gap: 0.35rem;
12308
12322
  `;
12309
- styled25.a`
12323
+ styled19.a`
12310
12324
  display: inline-flex;
12311
12325
  align-items: center;
12312
12326
  justify-content: center;
@@ -12328,13 +12342,13 @@ styled25.a`
12328
12342
  outline-offset: 2px;
12329
12343
  }
12330
12344
  `;
12331
- var EmptyState = styled25.div`
12345
+ var EmptyState = styled19.div`
12332
12346
  padding: 1.5rem 0.75rem;
12333
12347
  text-align: center;
12334
12348
  font-size: 0.8rem;
12335
12349
  color: rgba(255, 255, 255, 0.45);
12336
12350
  `;
12337
- var PaginationRow = styled25.div`
12351
+ var PaginationRow = styled19.div`
12338
12352
  display: flex;
12339
12353
  align-items: center;
12340
12354
  justify-content: center;
@@ -12343,7 +12357,7 @@ var PaginationRow = styled25.div`
12343
12357
  padding-top: 1rem;
12344
12358
  border-top: 1px solid rgba(255, 255, 255, 0.06);
12345
12359
  `;
12346
- var PaginationButton = styled25.button`
12360
+ var PaginationButton = styled19.button`
12347
12361
  background: transparent;
12348
12362
  border: 1px solid rgba(255, 255, 255, 0.12);
12349
12363
  border-radius: 8px;
@@ -12357,25 +12371,25 @@ var PaginationButton = styled25.button`
12357
12371
  cursor: default;
12358
12372
  }
12359
12373
  `;
12360
- var PaginationLabel = styled25.span`
12374
+ var PaginationLabel = styled19.span`
12361
12375
  font-size: 0.8rem;
12362
12376
  color: rgba(255, 255, 255, 0.4);
12363
12377
  `;
12364
- var PositionsHeader = styled25.div`
12378
+ var PositionsHeader = styled19.div`
12365
12379
  display: grid;
12366
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"};
12367
12381
  gap: 0 0.75rem;
12368
12382
  padding: 0.4rem 0.5rem;
12369
12383
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
12370
12384
  `;
12371
- var PositionsHeaderCell = styled25.div`
12385
+ var PositionsHeaderCell = styled19.div`
12372
12386
  font-size: 0.68rem;
12373
12387
  font-weight: 500;
12374
12388
  color: rgba(255, 255, 255, 0.4);
12375
12389
  text-align: ${(p) => p.$align || "left"};
12376
12390
  white-space: nowrap;
12377
12391
  `;
12378
- var SortableHeaderCell = styled25.div`
12392
+ var SortableHeaderCell = styled19.div`
12379
12393
  font-size: 0.68rem;
12380
12394
  font-weight: 500;
12381
12395
  color: ${(p) => p.$active ? "rgba(255, 255, 255, 0.7)" : "rgba(255, 255, 255, 0.4)"};
@@ -12385,7 +12399,7 @@ var SortableHeaderCell = styled25.div`
12385
12399
  transition: color 0.15s ease;
12386
12400
  &:hover { color: rgba(255, 255, 255, 0.7); }
12387
12401
  `;
12388
- var PositionsRow = styled25.div`
12402
+ var PositionsRow = styled19.div`
12389
12403
  display: grid;
12390
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"};
12391
12405
  align-items: center;
@@ -12398,29 +12412,29 @@ var PositionsRow = styled25.div`
12398
12412
  &:hover { background: rgba(255, 255, 255, 0.04); }
12399
12413
  &:last-child { border-bottom: none; }
12400
12414
  `;
12401
- var PositionsCell = styled25.div`
12415
+ var PositionsCell = styled19.div`
12402
12416
  display: flex;
12403
12417
  flex-direction: column;
12404
12418
  align-items: ${(p) => p.$align === "right" ? "flex-end" : "flex-start"};
12405
12419
  gap: 0.1rem;
12406
12420
  `;
12407
- var HoldingsPropertyLink = styled25.span`
12421
+ var HoldingsPropertyLink = styled19.span`
12408
12422
  font-size: 0.8rem;
12409
12423
  font-weight: 600;
12410
12424
  color: #fff;
12411
12425
  cursor: grab;
12412
12426
  &:hover { text-decoration: underline; color: var(--color-accent, #E6C87E); }
12413
12427
  `;
12414
- var PnLAmount = styled25.div`
12428
+ var PnLAmount = styled19.div`
12415
12429
  font-size: 0.85rem;
12416
12430
  font-weight: 600;
12417
12431
  color: ${(p) => p.$positive ? "#0ecb81" : "#f6465d"};
12418
12432
  `;
12419
- var PnLPercentage = styled25.div`
12433
+ var PnLPercentage = styled19.div`
12420
12434
  font-size: 0.7rem;
12421
12435
  color: ${(p) => p.$positive ? "#0ecb81" : "#f6465d"};
12422
12436
  `;
12423
- var CancelButton = styled25.button`
12437
+ var CancelButton = styled19.button`
12424
12438
  background: transparent;
12425
12439
  border: 1px solid rgba(246, 70, 93, 0.3);
12426
12440
  border-radius: 4px;
@@ -12442,20 +12456,20 @@ var CancelButton = styled25.button`
12442
12456
  cursor: not-allowed;
12443
12457
  }
12444
12458
  `;
12445
- var GridHeader = styled25.div`
12459
+ var GridHeader = styled19.div`
12446
12460
  display: grid;
12447
12461
  grid-template-columns: ${(p) => p.$columns};
12448
12462
  gap: 0 0.75rem;
12449
12463
  padding: 0.4rem 0.5rem;
12450
12464
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
12451
12465
  `;
12452
- var GridHeaderCell = styled25.div`
12466
+ var GridHeaderCell = styled19.div`
12453
12467
  font-size: 0.68rem;
12454
12468
  font-weight: 500;
12455
12469
  color: rgba(255, 255, 255, 0.4);
12456
12470
  white-space: nowrap;
12457
12471
  `;
12458
- var GridRow = styled25.div`
12472
+ var GridRow = styled19.div`
12459
12473
  display: grid;
12460
12474
  grid-template-columns: ${(p) => p.$columns};
12461
12475
  align-items: center;
@@ -12465,12 +12479,12 @@ var GridRow = styled25.div`
12465
12479
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
12466
12480
  &:last-child { border-bottom: none; }
12467
12481
  `;
12468
- var GridCell = styled25.div`
12482
+ var GridCell = styled19.div`
12469
12483
  display: flex;
12470
12484
  align-items: center;
12471
12485
  min-width: 0;
12472
12486
  `;
12473
- var CellText = styled25.span`
12487
+ var CellText = styled19.span`
12474
12488
  font-size: 0.8rem;
12475
12489
  font-weight: ${(p) => p.$primary ? 600 : 400};
12476
12490
  color: ${(p) => p.$color || (p.$muted ? "rgba(255,255,255,0.5)" : "#fff")};
@@ -12478,12 +12492,12 @@ var CellText = styled25.span`
12478
12492
  overflow: hidden;
12479
12493
  text-overflow: ellipsis;
12480
12494
  `;
12481
- var SideBadge = styled25.span`
12495
+ var SideBadge = styled19.span`
12482
12496
  font-size: 0.68rem;
12483
12497
  font-weight: 600;
12484
12498
  color: ${({ $side }) => $side === "Buy" ? "#0ecb81" : "#f6465d"};
12485
12499
  `;
12486
- var EditableCellWrap = styled25.span`
12500
+ var EditableCellWrap = styled19.span`
12487
12501
  display: inline-flex;
12488
12502
  align-items: center;
12489
12503
  gap: 0.35rem;
@@ -12500,7 +12514,7 @@ var EditableCellWrap = styled25.span`
12500
12514
  color: var(--color-accent, #E6C87E);
12501
12515
  }
12502
12516
  `;
12503
- var EditInput = styled25.input`
12517
+ var EditInput = styled19.input`
12504
12518
  width: 5rem;
12505
12519
  background: rgba(255, 255, 255, 0.06);
12506
12520
  border: 1px solid rgba(255, 255, 255, 0.15);
@@ -12522,7 +12536,7 @@ var EditInput = styled25.input`
12522
12536
  }
12523
12537
  -moz-appearance: textfield;
12524
12538
  `;
12525
- var CancelConfirmOverlay = styled25.div`
12539
+ var CancelConfirmOverlay = styled19.div`
12526
12540
  position: fixed;
12527
12541
  inset: 0;
12528
12542
  background: rgba(0, 0, 0, 0.6);
@@ -12531,7 +12545,7 @@ var CancelConfirmOverlay = styled25.div`
12531
12545
  justify-content: center;
12532
12546
  z-index: 1000;
12533
12547
  `;
12534
- var CancelConfirmModal = styled25.div`
12548
+ var CancelConfirmModal = styled19.div`
12535
12549
  background: #1a1a1a;
12536
12550
  border: 1px solid rgba(255, 255, 255, 0.12);
12537
12551
  border-radius: 12px;
@@ -12542,22 +12556,22 @@ var CancelConfirmModal = styled25.div`
12542
12556
  flex-direction: column;
12543
12557
  gap: 0.75rem;
12544
12558
  `;
12545
- var CancelConfirmTitle = styled25.div`
12559
+ var CancelConfirmTitle = styled19.div`
12546
12560
  font-size: 1rem;
12547
12561
  font-weight: 600;
12548
12562
  color: #fff;
12549
12563
  `;
12550
- var CancelConfirmBody = styled25.div`
12564
+ var CancelConfirmBody = styled19.div`
12551
12565
  font-size: 0.85rem;
12552
12566
  color: rgba(255, 255, 255, 0.6);
12553
12567
  line-height: 1.5;
12554
12568
  `;
12555
- var CancelConfirmActions = styled25.div`
12569
+ var CancelConfirmActions = styled19.div`
12556
12570
  display: flex;
12557
12571
  gap: 0.5rem;
12558
12572
  margin-top: 0.25rem;
12559
12573
  `;
12560
- var CancelConfirmDismiss = styled25.button`
12574
+ var CancelConfirmDismiss = styled19.button`
12561
12575
  flex: 1;
12562
12576
  background: rgba(255, 255, 255, 0.06);
12563
12577
  border: 1px solid rgba(255, 255, 255, 0.12);
@@ -12573,7 +12587,7 @@ var CancelConfirmDismiss = styled25.button`
12573
12587
  background: rgba(255, 255, 255, 0.1);
12574
12588
  }
12575
12589
  `;
12576
- var CancelConfirmProceed = styled25.button`
12590
+ var CancelConfirmProceed = styled19.button`
12577
12591
  flex: 1;
12578
12592
  background: rgba(246, 70, 93, 0.15);
12579
12593
  border: 1px solid rgba(246, 70, 93, 0.4);
@@ -12594,12 +12608,12 @@ var CancelConfirmProceed = styled25.button`
12594
12608
  cursor: not-allowed;
12595
12609
  }
12596
12610
  `;
12597
- var CloseActions = styled25.div`
12611
+ styled19.div`
12598
12612
  display: flex;
12599
12613
  gap: 0.35rem;
12600
12614
  align-items: center;
12601
12615
  `;
12602
- var CloseBtn2 = styled25.button`
12616
+ styled19.button`
12603
12617
  background: transparent;
12604
12618
  border: 1px solid rgba(230, 200, 126, 0.25);
12605
12619
  border-radius: 4px;
@@ -12619,6 +12633,121 @@ var CloseBtn2 = styled25.button`
12619
12633
  border-color: rgba(230, 200, 126, 0.5);
12620
12634
  }
12621
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
+ `;
12622
12751
  function NewsOrdersSection({ newsItems, newsConnectionStatus, activityData }) {
12623
12752
  return /* @__PURE__ */ jsxs(Row2, { children: [
12624
12753
  /* @__PURE__ */ jsx(
@@ -12648,7 +12777,7 @@ function NewsOrdersSection({ newsItems, newsConnectionStatus, activityData }) {
12648
12777
  ) })
12649
12778
  ] });
12650
12779
  }
12651
- var Row2 = styled25.div`
12780
+ var Row2 = styled19.div`
12652
12781
  display: grid;
12653
12782
  grid-template-columns: 1fr 2fr;
12654
12783
  gap: 1.5rem;
@@ -12666,7 +12795,7 @@ var Row2 = styled25.div`
12666
12795
  overflow: hidden;
12667
12796
  }
12668
12797
  `;
12669
- var ActivityWrapper = styled25.div`
12798
+ var ActivityWrapper = styled19.div`
12670
12799
  background-color: var(--color-card-darker, #111);
12671
12800
  border-radius: 8px;
12672
12801
  padding: 1.5rem;
@@ -12782,7 +12911,7 @@ function OrderConfirmationModal({
12782
12911
  ] })
12783
12912
  ] }) });
12784
12913
  }
12785
- var Overlay3 = styled25.div`
12914
+ var Overlay3 = styled19.div`
12786
12915
  position: fixed;
12787
12916
  top: 0;
12788
12917
  left: 0;
@@ -12795,7 +12924,7 @@ var Overlay3 = styled25.div`
12795
12924
  z-index: 10000;
12796
12925
  backdrop-filter: blur(4px);
12797
12926
  `;
12798
- var Modal = styled25.div`
12927
+ var Modal = styled19.div`
12799
12928
  background: linear-gradient(135deg, rgba(26,29,35,0.95) 0%, rgba(26,29,35,0.98) 100%);
12800
12929
  border: 1px solid rgba(255,255,255,0.1);
12801
12930
  border-radius: 16px;
@@ -12804,7 +12933,7 @@ var Modal = styled25.div`
12804
12933
  width: 90%;
12805
12934
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
12806
12935
  `;
12807
- var ModalHeader = styled25.div`
12936
+ var ModalHeader = styled19.div`
12808
12937
  display: flex;
12809
12938
  align-items: center;
12810
12939
  margin-bottom: 1.5rem;
@@ -12820,7 +12949,7 @@ var ModalHeader = styled25.div`
12820
12949
  gap: 0.5rem;
12821
12950
  }
12822
12951
  `;
12823
- var Badge2 = styled25.span`
12952
+ var Badge2 = styled19.span`
12824
12953
  padding: 0.25rem 0.75rem;
12825
12954
  border-radius: 6px;
12826
12955
  font-size: 0.75rem;
@@ -12831,12 +12960,12 @@ var Badge2 = styled25.span`
12831
12960
  color: #D4AF37;
12832
12961
  border: 1px solid rgba(212,175,55,0.3);
12833
12962
  `;
12834
- var ModalBody = styled25.div`
12963
+ var ModalBody = styled19.div`
12835
12964
  margin-bottom: 1.5rem;
12836
12965
  display: flex;
12837
12966
  flex-direction: column;
12838
12967
  `;
12839
- var ModalRow = styled25.div`
12968
+ var ModalRow = styled19.div`
12840
12969
  display: flex;
12841
12970
  justify-content: space-between;
12842
12971
  align-items: center;
@@ -12859,7 +12988,7 @@ var ModalRow = styled25.div`
12859
12988
  font-weight: 600;
12860
12989
  }
12861
12990
  `;
12862
- var Warning = styled25.div`
12991
+ var Warning = styled19.div`
12863
12992
  background: rgba(246,70,93,0.1);
12864
12993
  border: 1px solid rgba(246,70,93,0.3);
12865
12994
  border-radius: 8px;
@@ -12879,7 +13008,7 @@ var Warning = styled25.div`
12879
13008
  line-height: 1.5;
12880
13009
  }
12881
13010
  `;
12882
- var Summary = styled25.div`
13011
+ var Summary = styled19.div`
12883
13012
  background: rgba(255,255,255,0.03);
12884
13013
  border: 1px solid rgba(255,255,255,0.08);
12885
13014
  border-radius: 8px;
@@ -12892,7 +13021,7 @@ var Summary = styled25.div`
12892
13021
  var spin = keyframes`
12893
13022
  to { transform: rotate(360deg); }
12894
13023
  `;
12895
- var Spinner = styled25.span`
13024
+ var Spinner = styled19.span`
12896
13025
  display: inline-block;
12897
13026
  width: 14px;
12898
13027
  height: 14px;
@@ -12903,7 +13032,7 @@ var Spinner = styled25.span`
12903
13032
  margin-right: 0.5rem;
12904
13033
  vertical-align: -2px;
12905
13034
  `;
12906
- var ButtonRow2 = styled25.div`
13035
+ var ButtonRow2 = styled19.div`
12907
13036
  display: flex;
12908
13037
  gap: 1rem;
12909
13038
  justify-content: flex-end;
@@ -13225,7 +13354,7 @@ function PropertyBuy({
13225
13354
  )
13226
13355
  ] });
13227
13356
  }
13228
- var HeroGrid = styled25.div`
13357
+ var HeroGrid = styled19.div`
13229
13358
  display: grid;
13230
13359
  grid-template-columns: 1fr auto;
13231
13360
  grid-template-rows: auto auto minmax(450px, 520px);
@@ -13294,7 +13423,7 @@ var HeroGrid = styled25.div`
13294
13423
  gap: 0.5rem;
13295
13424
  }
13296
13425
  `;
13297
- var PaymentOption = styled25.div`
13426
+ var PaymentOption = styled19.div`
13298
13427
  display: flex;
13299
13428
  align-items: center;
13300
13429
  padding: 1rem;
@@ -13311,7 +13440,7 @@ var PaymentOption = styled25.div`
13311
13440
  border-color: rgba(0, 123, 255, 0.5);
13312
13441
  }
13313
13442
  `;
13314
- var RadioIndicator = styled25.div`
13443
+ var RadioIndicator = styled19.div`
13315
13444
  width: 20px;
13316
13445
  height: 20px;
13317
13446
  border-radius: 50%;
@@ -13331,7 +13460,7 @@ var RadioIndicator = styled25.div`
13331
13460
  transition: opacity 0.2s;
13332
13461
  }
13333
13462
  `;
13334
- var PaymentMethodDetails = styled25.div`
13463
+ var PaymentMethodDetails = styled19.div`
13335
13464
  background: rgba(0, 0, 0, 0.2);
13336
13465
  border-radius: 8px;
13337
13466
  padding: 1rem;
@@ -13350,7 +13479,7 @@ var PaymentMethodDetails = styled25.div`
13350
13479
  }
13351
13480
  }
13352
13481
  `;
13353
- var ConfirmButton = styled25.button`
13482
+ var ConfirmButton = styled19.button`
13354
13483
  background: ${(props) => props.disabled ? "rgba(255, 255, 255, 0.1)" : "linear-gradient(to right, #d4af37, #f2d35b)"};
13355
13484
  border: none;
13356
13485
  border-radius: 8px;
@@ -14068,7 +14197,7 @@ var OwnerBooking = ({ propertyName, token }) => {
14068
14197
  ] });
14069
14198
  };
14070
14199
  var owner_booking_default = OwnerBooking;
14071
- var DateSelectorDropdown = styled25.div`
14200
+ var DateSelectorDropdown = styled19.div`
14072
14201
  position: absolute;
14073
14202
  top: calc(100% + 0.5rem);
14074
14203
  left: 0;
@@ -14082,7 +14211,7 @@ var DateSelectorDropdown = styled25.div`
14082
14211
  display: ${({ $isOpen }) => $isOpen ? "block" : "none"};
14083
14212
  z-index: 10;
14084
14213
  `;
14085
- var MonthButton = styled25.button`
14214
+ var MonthButton = styled19.button`
14086
14215
  background: ${({ $isSelected }) => $isSelected ? "rgba(212, 175, 55, 0.2)" : "transparent"};
14087
14216
  border: 1px solid
14088
14217
  ${({ $isSelected }) => $isSelected ? "#d4af37" : "rgba(255, 255, 255, 0.12)"};
@@ -14098,7 +14227,7 @@ var MonthButton = styled25.button`
14098
14227
  border-color: rgba(212, 175, 55, 0.5);
14099
14228
  }
14100
14229
  `;
14101
- var DayCell = styled25.div`
14230
+ var DayCell = styled19.div`
14102
14231
  aspect-ratio: 1;
14103
14232
  display: flex;
14104
14233
  align-items: center;
@@ -14132,7 +14261,7 @@ var DayCell = styled25.div`
14132
14261
  opacity: ${({ $isCurrentMonth, $savedRangeColor }) => $isCurrentMonth ? $savedRangeColor ? 0.85 : 1 : 0.35};
14133
14262
  }
14134
14263
  `;
14135
- var AddDateRangeButton = styled25.button`
14264
+ var AddDateRangeButton = styled19.button`
14136
14265
  flex: 1;
14137
14266
  min-width: 180px;
14138
14267
  background: rgba(212, 175, 55, 0.18);
@@ -14154,21 +14283,21 @@ var AddDateRangeButton = styled25.button`
14154
14283
  cursor: not-allowed;
14155
14284
  }
14156
14285
  `;
14157
- var ConfirmButton2 = styled25(AddDateRangeButton)`
14286
+ var ConfirmButton2 = styled19(AddDateRangeButton)`
14158
14287
  flex: 0 0 auto;
14159
14288
  min-width: 140px;
14160
14289
  background: rgba(212, 175, 55, 0.35);
14161
14290
  border-color: rgba(212, 175, 55, 0.6);
14162
14291
  font-weight: 600;
14163
14292
  `;
14164
- var ReservationCard = styled25.div`
14293
+ var ReservationCard = styled19.div`
14165
14294
  background: rgba(0, 0, 0, 0.4);
14166
14295
  border-radius: 12px;
14167
14296
  padding: 1rem;
14168
14297
  margin-top: 1rem;
14169
14298
  border-left: 4px solid ${({ $accent }) => $accent};
14170
14299
  `;
14171
- var ActionButton = styled25.button`
14300
+ var ActionButton = styled19.button`
14172
14301
  background: none;
14173
14302
  border: none;
14174
14303
  color: ${({ $variant }) => $variant === "danger" ? "#ff7676" : "#d4af37"};
@@ -14618,7 +14747,7 @@ function calculatePositionFromPrice(price, undervaluedPrice, fairValue, overvalu
14618
14747
  }
14619
14748
  return 50 + 50 * (price - fairValue) / (overvaluedPrice - fairValue);
14620
14749
  }
14621
- var ValuationIndicator = styled25.div`
14750
+ var ValuationIndicator = styled19.div`
14622
14751
  background-color: rgba(50, 52, 58, 0.95);
14623
14752
  border-radius: 6px;
14624
14753
  padding: 1rem;
@@ -14640,7 +14769,7 @@ var ValuationIndicator = styled25.div`
14640
14769
  }
14641
14770
  }
14642
14771
  `;
14643
- var GaugeIndicator = styled25.div`
14772
+ var GaugeIndicator = styled19.div`
14644
14773
  position: absolute;
14645
14774
  left: ${(props) => props.position}%;
14646
14775
  top: 0.35rem;
@@ -14651,7 +14780,7 @@ var GaugeIndicator = styled25.div`
14651
14780
  background: ${(props) => props.type === "fairValue" ? "#f0b90b" : "rgba(10, 12, 18, 0.95)"};
14652
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)"};
14653
14782
  `;
14654
- var GaugePriceTag = styled25.div`
14783
+ var GaugePriceTag = styled19.div`
14655
14784
  position: absolute;
14656
14785
  left: ${(props) => props.position}%;
14657
14786
  top: -46px;
@@ -14676,18 +14805,18 @@ var GaugePriceTag = styled25.div`
14676
14805
  color: var(--color-accent);
14677
14806
  }
14678
14807
  `;
14679
- var HiddenMobileChart = styled25.div`
14808
+ var HiddenMobileChart = styled19.div`
14680
14809
  display: none;
14681
14810
  @media (max-width: 480px) {
14682
14811
  display: block;
14683
14812
  }
14684
14813
  `;
14685
- var ValuationWrapper = styled25.div`
14814
+ var ValuationWrapper = styled19.div`
14686
14815
  display: flex;
14687
14816
  flex-direction: column;
14688
14817
  gap: 2rem;
14689
14818
  `;
14690
- var LoadingOverlay = styled25.div`
14819
+ var LoadingOverlay = styled19.div`
14691
14820
  margin-top: 1rem;
14692
14821
  padding: 0.75rem 1rem;
14693
14822
  border-radius: 8px;
@@ -14695,7 +14824,7 @@ var LoadingOverlay = styled25.div`
14695
14824
  color: rgba(255, 255, 255, 0.8);
14696
14825
  font-size: 0.9rem;
14697
14826
  `;
14698
- var ErrorMessage = styled25.div`
14827
+ var ErrorMessage = styled19.div`
14699
14828
  margin-top: 1rem;
14700
14829
  padding: 0.75rem 1rem;
14701
14830
  border-radius: 8px;
@@ -14704,33 +14833,33 @@ var ErrorMessage = styled25.div`
14704
14833
  font-size: 0.9rem;
14705
14834
  border: 1px solid rgba(244, 67, 54, 0.4);
14706
14835
  `;
14707
- var SectionTitle = styled25.h2`
14836
+ var SectionTitle = styled19.h2`
14708
14837
  margin: 0;
14709
14838
  font-size: clamp(1.75rem, 2.5vw, 2.25rem);
14710
14839
  font-weight: 600;
14711
14840
  color: #fff;
14712
14841
  letter-spacing: 0.01em;
14713
14842
  `;
14714
- var LoafPricingSection = styled25.div`
14843
+ var LoafPricingSection = styled19.div`
14715
14844
  background-color: rgba(30, 32, 38, 0.95);
14716
14845
  border-radius: 8px;
14717
14846
  padding: 1.25rem;
14718
14847
  margin-bottom: 1.5rem;
14719
14848
  `;
14720
- var SectionSubheading = styled25.h2`
14849
+ var SectionSubheading = styled19.h2`
14721
14850
  margin: 0;
14722
14851
  font-size: 1.1rem;
14723
14852
  font-weight: 600;
14724
14853
  color: #fff;
14725
14854
  letter-spacing: 0.02em;
14726
14855
  `;
14727
- var PricingModelCard = styled25.div`
14856
+ var PricingModelCard = styled19.div`
14728
14857
  background-color: rgba(40, 42, 48, 0.95);
14729
14858
  border-radius: 8px;
14730
14859
  padding: 1.5rem;
14731
14860
  margin-top: 1rem;
14732
14861
  `;
14733
- var PricingModelHeader = styled25.div`
14862
+ var PricingModelHeader = styled19.div`
14734
14863
  display: flex;
14735
14864
  justify-content: space-between;
14736
14865
  align-items: center;
@@ -14745,13 +14874,13 @@ var PricingModelHeader = styled25.div`
14745
14874
  color: rgba(255, 255, 255, 0.75);
14746
14875
  }
14747
14876
  `;
14748
- var PricingModelTitle = styled25.h3`
14877
+ var PricingModelTitle = styled19.h3`
14749
14878
  margin: 0;
14750
14879
  font-size: 1.2rem;
14751
14880
  font-weight: 600;
14752
14881
  color: #fff;
14753
14882
  `;
14754
- var PricingModelValue = styled25.div`
14883
+ var PricingModelValue = styled19.div`
14755
14884
  font-size: 1.4rem;
14756
14885
  font-weight: 700;
14757
14886
  color: var(--color-primary);
@@ -14760,43 +14889,43 @@ var PricingModelValue = styled25.div`
14760
14889
  font-size: 1.2rem;
14761
14890
  }
14762
14891
  `;
14763
- var PricingModelDetails = styled25.div`
14892
+ var PricingModelDetails = styled19.div`
14764
14893
  display: grid;
14765
14894
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
14766
14895
  gap: 1.5rem;
14767
14896
  margin-bottom: 1.5rem;
14768
14897
  `;
14769
- var PricingModelDetail = styled25.div`
14898
+ var PricingModelDetail = styled19.div`
14770
14899
  background-color: rgba(50, 52, 58, 0.95);
14771
14900
  border-radius: 6px;
14772
14901
  padding: 1rem;
14773
14902
  `;
14774
- var PropertyDetailLabel = styled25.div`
14903
+ var PropertyDetailLabel = styled19.div`
14775
14904
  font-size: 0.85rem;
14776
14905
  color: rgba(255, 255, 255, 0.7);
14777
14906
  margin-bottom: 0.5rem;
14778
14907
  `;
14779
- var PricingDetailValue = styled25.div`
14908
+ var PricingDetailValue = styled19.div`
14780
14909
  font-size: 1rem;
14781
14910
  color: #fff;
14782
14911
  font-weight: 500;
14783
14912
  `;
14784
- var ValuationHeader = styled25.div`
14913
+ var ValuationHeader = styled19.div`
14785
14914
  display: flex;
14786
14915
  justify-content: space-between;
14787
14916
  margin-bottom: 0.75rem;
14788
14917
  `;
14789
- var ValuationTitle = styled25.div`
14918
+ var ValuationTitle = styled19.div`
14790
14919
  font-size: 0.9rem;
14791
14920
  color: rgba(255, 255, 255, 0.7);
14792
14921
  `;
14793
- var ValuationGauge = styled25.div`
14922
+ var ValuationGauge = styled19.div`
14794
14923
  position: relative;
14795
14924
  width: 100%;
14796
14925
  padding: 1.1rem 0 2rem;
14797
14926
  margin: 0.75rem 0 1rem;
14798
14927
  `;
14799
- var GaugeBackground = styled25.div`
14928
+ var GaugeBackground = styled19.div`
14800
14929
  width: 100%;
14801
14930
  height: 18px;
14802
14931
  border-radius: 999px;
@@ -14805,21 +14934,21 @@ var GaugeBackground = styled25.div`
14805
14934
  overflow: hidden;
14806
14935
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.35), 0 8px 18px rgba(0, 0, 0, 0.25);
14807
14936
  `;
14808
- var ValuationDetails = styled25.div`
14937
+ var ValuationDetails = styled19.div`
14809
14938
  display: flex;
14810
14939
  justify-content: space-between;
14811
14940
  margin-top: 1rem;
14812
14941
  `;
14813
- var ValuationItem = styled25.div`
14942
+ var ValuationItem = styled19.div`
14814
14943
  display: flex;
14815
14944
  flex-direction: column;
14816
14945
  `;
14817
- var ValuationValue = styled25.div`
14946
+ var ValuationValue = styled19.div`
14818
14947
  font-size: 1rem;
14819
14948
  font-weight: 600;
14820
14949
  color: #fff;
14821
14950
  `;
14822
- var ChartContainer = styled25.div`
14951
+ var ChartContainer = styled19.div`
14823
14952
  width: 100%;
14824
14953
  height: 301.52px;
14825
14954
  margin-top: 1.5rem;
@@ -14828,14 +14957,14 @@ var ChartContainer = styled25.div`
14828
14957
  padding: 1rem;
14829
14958
  position: relative;
14830
14959
  `;
14831
- var ChartBackground = styled25.div`
14960
+ var ChartBackground = styled19.div`
14832
14961
  position: relative;
14833
14962
  height: 100%;
14834
14963
  width: 100%;
14835
14964
  background: rgba(255, 255, 255, 0.03);
14836
14965
  border-radius: 8px;
14837
14966
  `;
14838
- var ValuationSvg = styled25.svg`
14967
+ var ValuationSvg = styled19.svg`
14839
14968
  position: absolute;
14840
14969
  top: 10px;
14841
14970
  right: 0;
@@ -14845,7 +14974,7 @@ var ValuationSvg = styled25.svg`
14845
14974
  width: 100%;
14846
14975
  height: calc(100% - 35px);
14847
14976
  `;
14848
- var YAxisLabel = styled25.div`
14977
+ var YAxisLabel = styled19.div`
14849
14978
  position: absolute;
14850
14979
  left: -40px;
14851
14980
  font-size: 10px;
@@ -14853,7 +14982,7 @@ var YAxisLabel = styled25.div`
14853
14982
  text-align: right;
14854
14983
  padding-right: 5px;
14855
14984
  `;
14856
- var ValuationCallout = styled25.div`
14985
+ var ValuationCallout = styled19.div`
14857
14986
  display: flex;
14858
14987
  align-items: center;
14859
14988
  justify-content: space-between;
@@ -14863,7 +14992,7 @@ var ValuationCallout = styled25.div`
14863
14992
  border: 1px solid rgba(76, 175, 80, 0.2);
14864
14993
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
14865
14994
  `;
14866
- var ValuationBadge = styled25.div`
14995
+ var ValuationBadge = styled19.div`
14867
14996
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
14868
14997
  color: white;
14869
14998
  padding: 5px 12px;
@@ -14872,17 +15001,17 @@ var ValuationBadge = styled25.div`
14872
15001
  font-weight: 600;
14873
15002
  box-shadow: 0 2px 4px rgba(76, 175, 80, 0.25);
14874
15003
  `;
14875
- var AreaDemandChart = styled25.div`
15004
+ var AreaDemandChart = styled19.div`
14876
15005
  height: 60px;
14877
15006
  width: 100%;
14878
15007
  position: relative;
14879
15008
  `;
14880
- var ChartLabel = styled25.div`
15009
+ var ChartLabel = styled19.div`
14881
15010
  position: absolute;
14882
15011
  font-size: 9px;
14883
15012
  color: rgba(255, 255, 255, 0.7);
14884
15013
  `;
14885
- var RecentSalesSection = styled25.div`
15014
+ var RecentSalesSection = styled19.div`
14886
15015
  background-color: rgba(30, 32, 38, 0.95);
14887
15016
  border-radius: 8px;
14888
15017
  padding: 1.25rem;
@@ -14892,7 +15021,7 @@ var RecentSalesSection = styled25.div`
14892
15021
  position: relative;
14893
15022
  }
14894
15023
  `;
14895
- var SalesGrid = styled25.div`
15024
+ var SalesGrid = styled19.div`
14896
15025
  display: grid;
14897
15026
  grid-template-columns: repeat(3, 1fr);
14898
15027
  gap: 1.5rem;
@@ -14913,7 +15042,7 @@ var SalesGrid = styled25.div`
14913
15042
  scrollbar-width: none;
14914
15043
  }
14915
15044
  `;
14916
- var SaleCard = styled25.div`
15045
+ var SaleCard = styled19.div`
14917
15046
  background-color: var(--color-card, #1e2329);
14918
15047
  border-radius: var(--border-radius, 8px);
14919
15048
  overflow: hidden;
@@ -14937,13 +15066,13 @@ var SaleCard = styled25.div`
14937
15066
  }
14938
15067
  }
14939
15068
  `;
14940
- var SaleImageContainer = styled25.div`
15069
+ var SaleImageContainer = styled19.div`
14941
15070
  position: relative;
14942
15071
  width: 100%;
14943
15072
  height: 200px;
14944
15073
  overflow: hidden;
14945
15074
  `;
14946
- var SaleImage = styled25.img`
15075
+ var SaleImage = styled19.img`
14947
15076
  width: 100%;
14948
15077
  height: 100%;
14949
15078
  object-fit: cover;
@@ -14954,7 +15083,7 @@ var SaleImage = styled25.img`
14954
15083
  transform: scale(1.05);
14955
15084
  }
14956
15085
  `;
14957
- var SoldTag = styled25.div`
15086
+ var SoldTag = styled19.div`
14958
15087
  position: absolute;
14959
15088
  top: 1rem;
14960
15089
  right: 1rem;
@@ -14968,10 +15097,10 @@ var SoldTag = styled25.div`
14968
15097
  align-items: center;
14969
15098
  gap: 4px;
14970
15099
  `;
14971
- var SoldIcon = styled25.div`
15100
+ var SoldIcon = styled19.div`
14972
15101
  display: none;
14973
15102
  `;
14974
- var SalePriceBar = styled25.div`
15103
+ var SalePriceBar = styled19.div`
14975
15104
  display: flex;
14976
15105
  justify-content: space-between;
14977
15106
  align-items: center;
@@ -14979,37 +15108,37 @@ var SalePriceBar = styled25.div`
14979
15108
  background: linear-gradient(90deg, rgba(240, 185, 11, 0.1) 0%, rgba(240, 185, 11, 0.05) 100%);
14980
15109
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
14981
15110
  `;
14982
- var SalePriceLeft = styled25.div`
15111
+ var SalePriceLeft = styled19.div`
14983
15112
  display: flex;
14984
15113
  flex-direction: column;
14985
15114
  `;
14986
- var SalePriceLabel = styled25.span`
15115
+ var SalePriceLabel = styled19.span`
14987
15116
  font-size: 0.7rem;
14988
15117
  color: rgba(255, 255, 255, 0.5);
14989
15118
  text-transform: uppercase;
14990
15119
  letter-spacing: 0.5px;
14991
15120
  `;
14992
- var SalePriceAmount = styled25.span`
15121
+ var SalePriceAmount = styled19.span`
14993
15122
  font-size: 1.1rem;
14994
15123
  font-weight: 700;
14995
15124
  color: var(--color-accent, #f0b90b);
14996
15125
  `;
14997
- var SaleContent = styled25.div`
15126
+ var SaleContent = styled19.div`
14998
15127
  padding: 1rem;
14999
15128
  `;
15000
- var SaleAddress = styled25.h3`
15129
+ var SaleAddress = styled19.h3`
15001
15130
  margin: 0;
15002
15131
  margin-bottom: 0.25rem;
15003
15132
  font-size: 1rem;
15004
15133
  font-weight: 600;
15005
15134
  color: var(--color-text, #eaecef);
15006
15135
  `;
15007
- var SaleSuburb = styled25.div`
15136
+ var SaleSuburb = styled19.div`
15008
15137
  font-size: 0.8rem;
15009
15138
  color: var(--color-text-secondary, #848e9c);
15010
15139
  margin-bottom: 0.5rem;
15011
15140
  `;
15012
- var SaleStatsBar = styled25.div`
15141
+ var SaleStatsBar = styled19.div`
15013
15142
  display: flex;
15014
15143
  justify-content: space-between;
15015
15144
  align-items: center;
@@ -15017,7 +15146,7 @@ var SaleStatsBar = styled25.div`
15017
15146
  background-color: rgba(0, 0, 0, 0.3);
15018
15147
  border-top: 1px solid rgba(255, 255, 255, 0.05);
15019
15148
  `;
15020
- var SaleStatItem = styled25.div`
15149
+ var SaleStatItem = styled19.div`
15021
15150
  display: flex;
15022
15151
  align-items: center;
15023
15152
  gap: 0.25rem;
@@ -15030,11 +15159,11 @@ var SaleStatItem = styled25.div`
15030
15159
  opacity: 0.7;
15031
15160
  }
15032
15161
  `;
15033
- var SaleDate = styled25.div`
15162
+ var SaleDate = styled19.div`
15034
15163
  font-size: 0.75rem;
15035
15164
  color: var(--color-text-secondary, #848e9c);
15036
15165
  `;
15037
- var SwipeIndicator = styled25.div`
15166
+ var SwipeIndicator = styled19.div`
15038
15167
  display: none;
15039
15168
 
15040
15169
  @media (max-width: 768px) {
@@ -15067,7 +15196,7 @@ var pulse = keyframes`
15067
15196
  0%, 100% { transform: scale(1); opacity: 0.8; }
15068
15197
  50% { transform: scale(1.2); opacity: 1; }
15069
15198
  `;
15070
- var FeatureTooltip = styled25.div`
15199
+ var FeatureTooltip = styled19.div`
15071
15200
  position: absolute;
15072
15201
  transform: translate(-50%, calc(-100% - 24px));
15073
15202
  min-width: 180px;
@@ -15109,7 +15238,7 @@ var FeatureTooltip = styled25.div`
15109
15238
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.35));
15110
15239
  }
15111
15240
  `;
15112
- var GalleryOverlay = styled25.div`
15241
+ var GalleryOverlay = styled19.div`
15113
15242
  position: fixed;
15114
15243
  inset: 0;
15115
15244
  z-index: 1000;
@@ -15118,7 +15247,7 @@ var GalleryOverlay = styled25.div`
15118
15247
  flex-direction: column;
15119
15248
  animation: ${fadeIn} 0.3s ease;
15120
15249
  `;
15121
- var GalleryHeader = styled25.div`
15250
+ var GalleryHeader = styled19.div`
15122
15251
  position: relative;
15123
15252
  padding: 1.5rem 2rem;
15124
15253
  display: flex;
@@ -15134,7 +15263,7 @@ var GalleryHeader = styled25.div`
15134
15263
  padding: 1rem;
15135
15264
  }
15136
15265
  `;
15137
- var PropertyInfo = styled25.div`
15266
+ var PropertyInfo = styled19.div`
15138
15267
  color: white;
15139
15268
 
15140
15269
  h2 {
@@ -15149,7 +15278,7 @@ var PropertyInfo = styled25.div`
15149
15278
  font-size: 0.95rem;
15150
15279
  }
15151
15280
  `;
15152
- var CloseButton2 = styled25.button`
15281
+ var CloseButton2 = styled19.button`
15153
15282
  width: 48px;
15154
15283
  height: 48px;
15155
15284
  border-radius: 50%;
@@ -15167,7 +15296,7 @@ var CloseButton2 = styled25.button`
15167
15296
  transform: rotate(90deg);
15168
15297
  }
15169
15298
  `;
15170
- var MainImageContainer = styled25.div`
15299
+ var MainImageContainer = styled19.div`
15171
15300
  position: relative;
15172
15301
  flex: 1;
15173
15302
  display: flex;
@@ -15179,7 +15308,7 @@ var MainImageContainer = styled25.div`
15179
15308
  padding: 60px 0 110px;
15180
15309
  }
15181
15310
  `;
15182
- var MainImage = styled25.img`
15311
+ var MainImage = styled19.img`
15183
15312
  max-width: 90%;
15184
15313
  max-height: 100%;
15185
15314
  object-fit: contain;
@@ -15196,7 +15325,7 @@ var MainImage = styled25.img`
15196
15325
  max-width: 100%;
15197
15326
  }
15198
15327
  `;
15199
- var Hotspot = styled25.button`
15328
+ var Hotspot = styled19.button`
15200
15329
  position: absolute;
15201
15330
  width: 32px;
15202
15331
  height: 32px;
@@ -15215,7 +15344,7 @@ var Hotspot = styled25.button`
15215
15344
  transform: translate(-50%, -50%) scale(1.2);
15216
15345
  }
15217
15346
  `;
15218
- var ThumbnailStrip = styled25.div`
15347
+ var ThumbnailStrip = styled19.div`
15219
15348
  position: absolute;
15220
15349
  bottom: 0;
15221
15350
  left: 0;
@@ -15230,7 +15359,7 @@ var ThumbnailStrip = styled25.div`
15230
15359
  display: none;
15231
15360
  }
15232
15361
  `;
15233
- var Thumbnail3 = styled25.button`
15362
+ var Thumbnail3 = styled19.button`
15234
15363
  width: 86px;
15235
15364
  height: 64px;
15236
15365
  border-radius: 6px;
@@ -15251,7 +15380,7 @@ var Thumbnail3 = styled25.button`
15251
15380
  object-fit: cover;
15252
15381
  }
15253
15382
  `;
15254
- var NavigationButton = styled25.button`
15383
+ var NavigationButton = styled19.button`
15255
15384
  position: absolute;
15256
15385
  top: 50%;
15257
15386
  ${(p) => p.$dir === "prev" ? "left: 2rem;" : "right: 2rem;"}
@@ -15271,7 +15400,7 @@ var NavigationButton = styled25.button`
15271
15400
  display: none;
15272
15401
  }
15273
15402
  `;
15274
- var SliderContainer = styled25.div`
15403
+ var SliderContainer = styled19.div`
15275
15404
  position: absolute;
15276
15405
  bottom: 110px;
15277
15406
  left: 50%;
@@ -15288,21 +15417,21 @@ var SliderContainer = styled25.div`
15288
15417
  width: 85%;
15289
15418
  }
15290
15419
  `;
15291
- var SliderTrack = styled25.div`
15420
+ var SliderTrack = styled19.div`
15292
15421
  position: relative;
15293
15422
  height: 4px;
15294
15423
  background: rgba(255, 255, 255, 0.2);
15295
15424
  border-radius: 999px;
15296
15425
  cursor: pointer;
15297
15426
  `;
15298
- var SliderProgress = styled25.div`
15427
+ var SliderProgress = styled19.div`
15299
15428
  position: absolute;
15300
15429
  inset: 0;
15301
15430
  width: ${(p) => p.$progress}%;
15302
15431
  background: linear-gradient(90deg, var(--color-accent, #f0b90b), rgba(240, 185, 11, 0.5));
15303
15432
  border-radius: inherit;
15304
15433
  `;
15305
- var SliderThumb = styled25.div`
15434
+ var SliderThumb = styled19.div`
15306
15435
  position: absolute;
15307
15436
  top: 50%;
15308
15437
  left: ${(p) => p.$position}%;
@@ -15314,7 +15443,7 @@ var SliderThumb = styled25.div`
15314
15443
  border: 3px solid white;
15315
15444
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
15316
15445
  `;
15317
- var SliderLabels = styled25.div`
15446
+ var SliderLabels = styled19.div`
15318
15447
  display: flex;
15319
15448
  justify-content: space-between;
15320
15449
  margin-top: 0.75rem;
@@ -15329,7 +15458,7 @@ var SliderLabels = styled25.div`
15329
15458
  display: none;
15330
15459
  }
15331
15460
  `;
15332
- var MobileDots = styled25.div`
15461
+ var MobileDots = styled19.div`
15333
15462
  position: absolute;
15334
15463
  bottom: 1.5rem;
15335
15464
  left: 50%;
@@ -15341,7 +15470,7 @@ var MobileDots = styled25.div`
15341
15470
  display: none;
15342
15471
  }
15343
15472
  `;
15344
- var MobileDot = styled25.button`
15473
+ var MobileDot = styled19.button`
15345
15474
  width: 8px;
15346
15475
  height: 8px;
15347
15476
  border-radius: 50%;