@loafmarkets/ui 0.1.132 → 0.1.134

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;
@@ -11980,15 +11982,36 @@ function PortfolioActivityPanel({
11980
11982
  onClosePosition && /* @__PURE__ */ jsx(PositionsCell, { children: /* @__PURE__ */ jsxs(CloseActions, { children: [
11981
11983
  /* @__PURE__ */ jsx(CloseBtn2, { onClick: (e) => {
11982
11984
  e.stopPropagation();
11983
- onClosePosition(pos.tokenName, "limit", pos.quantity, pos.marketPrice);
11984
- }, children: "Limit" }),
11985
+ onClosePosition(pos.tokenName, "market", pos.quantity, pos.marketPrice);
11986
+ }, children: "Market" }),
11985
11987
  /* @__PURE__ */ jsx(CloseBtn2, { onClick: (e) => {
11986
11988
  e.stopPropagation();
11987
- onClosePosition(pos.tokenName, "market", pos.quantity, pos.marketPrice);
11988
- }, children: "Market" })
11989
+ onClosePosition(pos.tokenName, "limit", pos.quantity, pos.marketPrice);
11990
+ }, children: "Limit" })
11989
11991
  ] }) })
11990
11992
  ] }, pos.tokenName);
11991
- })
11993
+ }),
11994
+ closeAllOpen && onClosePosition && /* @__PURE__ */ jsx(CloseAllOverlay, { onClick: () => setCloseAllOpen(false), children: /* @__PURE__ */ jsxs(CloseAllModal, { onClick: (e) => e.stopPropagation(), children: [
11995
+ /* @__PURE__ */ jsx(CloseAllModalX, { onClick: () => setCloseAllOpen(false), children: "\xD7" }),
11996
+ /* @__PURE__ */ jsx(CloseAllTitle, { children: "Confirm Close All" }),
11997
+ /* @__PURE__ */ jsx(CloseAllDesc, { children: "This will close all your positions and cancel their associated TP/SL orders." }),
11998
+ /* @__PURE__ */ jsxs(CloseAllOption, { onClick: () => setCloseAllType("market"), children: [
11999
+ /* @__PURE__ */ jsx(CloseAllRadio, { $selected: closeAllType === "market" }),
12000
+ /* @__PURE__ */ jsx("span", { children: "Market Close" })
12001
+ ] }),
12002
+ /* @__PURE__ */ jsxs(CloseAllOption, { onClick: () => setCloseAllType("limit"), children: [
12003
+ /* @__PURE__ */ jsx(CloseAllRadio, { $selected: closeAllType === "limit" }),
12004
+ /* @__PURE__ */ jsx("span", { children: "Limit Close at Mid Price" })
12005
+ ] }),
12006
+ /* @__PURE__ */ jsxs(CloseAllConfirmBtn, { onClick: () => {
12007
+ positions.forEach((pos) => onClosePosition(pos.tokenName, closeAllType, pos.quantity, pos.marketPrice));
12008
+ setCloseAllOpen(false);
12009
+ }, children: [
12010
+ "Confirm ",
12011
+ closeAllType === "market" ? "Market" : "Limit",
12012
+ " Close"
12013
+ ] })
12014
+ ] }) })
11992
12015
  ] })
11993
12016
  ] }),
11994
12017
  activeTab === "subscriptions" && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -12190,14 +12213,14 @@ function PortfolioActivityPanel({
12190
12213
  ] }) })
12191
12214
  ] });
12192
12215
  }
12193
- var Container3 = styled25.div``;
12194
- var PanelTitle = styled25.h3`
12216
+ var Container3 = styled19.div``;
12217
+ var PanelTitle = styled19.h3`
12195
12218
  font-size: 1rem;
12196
12219
  font-weight: 600;
12197
12220
  color: var(--color-text, #fff);
12198
12221
  margin: 0 0 0.75rem;
12199
12222
  `;
12200
- var TabContainer = styled25.div`
12223
+ var TabContainer = styled19.div`
12201
12224
  display: flex;
12202
12225
  gap: 0;
12203
12226
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
@@ -12208,7 +12231,7 @@ var TabContainer = styled25.div`
12208
12231
  scrollbar-width: none;
12209
12232
  &::-webkit-scrollbar { display: none; }
12210
12233
  `;
12211
- var Tab = styled25.button`
12234
+ var Tab = styled19.button`
12212
12235
  background: transparent;
12213
12236
  border: none;
12214
12237
  padding: 0.6rem 1rem;
@@ -12237,12 +12260,12 @@ var Tab = styled25.button`
12237
12260
  color: ${({ $active }) => $active ? "#fff" : "rgba(255, 255, 255, 0.65)"};
12238
12261
  }
12239
12262
  `;
12240
- var TabCount = styled25.span`
12263
+ var TabCount = styled19.span`
12241
12264
  color: #E6C656;
12242
12265
  font-weight: 600;
12243
12266
  margin-left: 2px;
12244
12267
  `;
12245
- styled25.div`
12268
+ styled19.div`
12246
12269
  display: grid;
12247
12270
  grid-template-columns: auto 1fr auto auto;
12248
12271
  align-items: center;
@@ -12258,7 +12281,7 @@ styled25.div`
12258
12281
  background: rgba(255, 255, 255, 0.015);
12259
12282
  }
12260
12283
  `;
12261
- styled25.span`
12284
+ styled19.span`
12262
12285
  font-size: 0.6rem;
12263
12286
  font-weight: 700;
12264
12287
  text-transform: uppercase;
@@ -12270,21 +12293,21 @@ styled25.span`
12270
12293
  color: ${({ $side }) => $side === "Buy" ? "#0ecb81" : "#f6465d"};
12271
12294
  background: ${({ $side }) => $side === "Buy" ? "rgba(14, 203, 129, 0.1)" : "rgba(246, 70, 93, 0.1)"};
12272
12295
  `;
12273
- styled25.div`
12296
+ styled19.div`
12274
12297
  display: flex;
12275
12298
  flex-direction: column;
12276
12299
  gap: 0.1rem;
12277
12300
  `;
12278
- styled25.span`
12301
+ styled19.span`
12279
12302
  font-size: 0.8rem;
12280
12303
  color: #fff;
12281
12304
  font-weight: 500;
12282
12305
  `;
12283
- styled25.span`
12306
+ styled19.span`
12284
12307
  font-size: 0.6rem;
12285
12308
  color: rgba(255, 255, 255, 0.35);
12286
12309
  `;
12287
- var ActivityTag = styled25.span`
12310
+ var ActivityTag = styled19.span`
12288
12311
  font-size: 0.58rem;
12289
12312
  font-weight: 600;
12290
12313
  padding: 0.15rem 0.45rem;
@@ -12293,20 +12316,20 @@ var ActivityTag = styled25.span`
12293
12316
  background: ${({ $bg }) => $bg || "rgba(255, 255, 255, 0.06)"};
12294
12317
  white-space: nowrap;
12295
12318
  `;
12296
- styled25.span`
12319
+ styled19.span`
12297
12320
  font-size: 0.8rem;
12298
12321
  font-weight: 600;
12299
12322
  color: #fff;
12300
12323
  text-align: right;
12301
12324
  white-space: nowrap;
12302
12325
  `;
12303
- styled25.div`
12326
+ styled19.div`
12304
12327
  display: flex;
12305
12328
  align-items: center;
12306
12329
  justify-content: flex-end;
12307
12330
  gap: 0.35rem;
12308
12331
  `;
12309
- styled25.a`
12332
+ styled19.a`
12310
12333
  display: inline-flex;
12311
12334
  align-items: center;
12312
12335
  justify-content: center;
@@ -12328,13 +12351,13 @@ styled25.a`
12328
12351
  outline-offset: 2px;
12329
12352
  }
12330
12353
  `;
12331
- var EmptyState = styled25.div`
12354
+ var EmptyState = styled19.div`
12332
12355
  padding: 1.5rem 0.75rem;
12333
12356
  text-align: center;
12334
12357
  font-size: 0.8rem;
12335
12358
  color: rgba(255, 255, 255, 0.45);
12336
12359
  `;
12337
- var PaginationRow = styled25.div`
12360
+ var PaginationRow = styled19.div`
12338
12361
  display: flex;
12339
12362
  align-items: center;
12340
12363
  justify-content: center;
@@ -12343,7 +12366,7 @@ var PaginationRow = styled25.div`
12343
12366
  padding-top: 1rem;
12344
12367
  border-top: 1px solid rgba(255, 255, 255, 0.06);
12345
12368
  `;
12346
- var PaginationButton = styled25.button`
12369
+ var PaginationButton = styled19.button`
12347
12370
  background: transparent;
12348
12371
  border: 1px solid rgba(255, 255, 255, 0.12);
12349
12372
  border-radius: 8px;
@@ -12357,25 +12380,25 @@ var PaginationButton = styled25.button`
12357
12380
  cursor: default;
12358
12381
  }
12359
12382
  `;
12360
- var PaginationLabel = styled25.span`
12383
+ var PaginationLabel = styled19.span`
12361
12384
  font-size: 0.8rem;
12362
12385
  color: rgba(255, 255, 255, 0.4);
12363
12386
  `;
12364
- var PositionsHeader = styled25.div`
12387
+ var PositionsHeader = styled19.div`
12365
12388
  display: grid;
12366
12389
  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
12390
  gap: 0 0.75rem;
12368
12391
  padding: 0.4rem 0.5rem;
12369
12392
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
12370
12393
  `;
12371
- var PositionsHeaderCell = styled25.div`
12394
+ var PositionsHeaderCell = styled19.div`
12372
12395
  font-size: 0.68rem;
12373
12396
  font-weight: 500;
12374
12397
  color: rgba(255, 255, 255, 0.4);
12375
12398
  text-align: ${(p) => p.$align || "left"};
12376
12399
  white-space: nowrap;
12377
12400
  `;
12378
- var SortableHeaderCell = styled25.div`
12401
+ var SortableHeaderCell = styled19.div`
12379
12402
  font-size: 0.68rem;
12380
12403
  font-weight: 500;
12381
12404
  color: ${(p) => p.$active ? "rgba(255, 255, 255, 0.7)" : "rgba(255, 255, 255, 0.4)"};
@@ -12385,7 +12408,7 @@ var SortableHeaderCell = styled25.div`
12385
12408
  transition: color 0.15s ease;
12386
12409
  &:hover { color: rgba(255, 255, 255, 0.7); }
12387
12410
  `;
12388
- var PositionsRow = styled25.div`
12411
+ var PositionsRow = styled19.div`
12389
12412
  display: grid;
12390
12413
  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
12414
  align-items: center;
@@ -12398,29 +12421,29 @@ var PositionsRow = styled25.div`
12398
12421
  &:hover { background: rgba(255, 255, 255, 0.04); }
12399
12422
  &:last-child { border-bottom: none; }
12400
12423
  `;
12401
- var PositionsCell = styled25.div`
12424
+ var PositionsCell = styled19.div`
12402
12425
  display: flex;
12403
12426
  flex-direction: column;
12404
12427
  align-items: ${(p) => p.$align === "right" ? "flex-end" : "flex-start"};
12405
12428
  gap: 0.1rem;
12406
12429
  `;
12407
- var HoldingsPropertyLink = styled25.span`
12430
+ var HoldingsPropertyLink = styled19.span`
12408
12431
  font-size: 0.8rem;
12409
12432
  font-weight: 600;
12410
12433
  color: #fff;
12411
12434
  cursor: grab;
12412
12435
  &:hover { text-decoration: underline; color: var(--color-accent, #E6C87E); }
12413
12436
  `;
12414
- var PnLAmount = styled25.div`
12437
+ var PnLAmount = styled19.div`
12415
12438
  font-size: 0.85rem;
12416
12439
  font-weight: 600;
12417
12440
  color: ${(p) => p.$positive ? "#0ecb81" : "#f6465d"};
12418
12441
  `;
12419
- var PnLPercentage = styled25.div`
12442
+ var PnLPercentage = styled19.div`
12420
12443
  font-size: 0.7rem;
12421
12444
  color: ${(p) => p.$positive ? "#0ecb81" : "#f6465d"};
12422
12445
  `;
12423
- var CancelButton = styled25.button`
12446
+ var CancelButton = styled19.button`
12424
12447
  background: transparent;
12425
12448
  border: 1px solid rgba(246, 70, 93, 0.3);
12426
12449
  border-radius: 4px;
@@ -12442,20 +12465,20 @@ var CancelButton = styled25.button`
12442
12465
  cursor: not-allowed;
12443
12466
  }
12444
12467
  `;
12445
- var GridHeader = styled25.div`
12468
+ var GridHeader = styled19.div`
12446
12469
  display: grid;
12447
12470
  grid-template-columns: ${(p) => p.$columns};
12448
12471
  gap: 0 0.75rem;
12449
12472
  padding: 0.4rem 0.5rem;
12450
12473
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
12451
12474
  `;
12452
- var GridHeaderCell = styled25.div`
12475
+ var GridHeaderCell = styled19.div`
12453
12476
  font-size: 0.68rem;
12454
12477
  font-weight: 500;
12455
12478
  color: rgba(255, 255, 255, 0.4);
12456
12479
  white-space: nowrap;
12457
12480
  `;
12458
- var GridRow = styled25.div`
12481
+ var GridRow = styled19.div`
12459
12482
  display: grid;
12460
12483
  grid-template-columns: ${(p) => p.$columns};
12461
12484
  align-items: center;
@@ -12465,12 +12488,12 @@ var GridRow = styled25.div`
12465
12488
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
12466
12489
  &:last-child { border-bottom: none; }
12467
12490
  `;
12468
- var GridCell = styled25.div`
12491
+ var GridCell = styled19.div`
12469
12492
  display: flex;
12470
12493
  align-items: center;
12471
12494
  min-width: 0;
12472
12495
  `;
12473
- var CellText = styled25.span`
12496
+ var CellText = styled19.span`
12474
12497
  font-size: 0.8rem;
12475
12498
  font-weight: ${(p) => p.$primary ? 600 : 400};
12476
12499
  color: ${(p) => p.$color || (p.$muted ? "rgba(255,255,255,0.5)" : "#fff")};
@@ -12478,12 +12501,12 @@ var CellText = styled25.span`
12478
12501
  overflow: hidden;
12479
12502
  text-overflow: ellipsis;
12480
12503
  `;
12481
- var SideBadge = styled25.span`
12504
+ var SideBadge = styled19.span`
12482
12505
  font-size: 0.68rem;
12483
12506
  font-weight: 600;
12484
12507
  color: ${({ $side }) => $side === "Buy" ? "#0ecb81" : "#f6465d"};
12485
12508
  `;
12486
- var EditableCellWrap = styled25.span`
12509
+ var EditableCellWrap = styled19.span`
12487
12510
  display: inline-flex;
12488
12511
  align-items: center;
12489
12512
  gap: 0.35rem;
@@ -12500,7 +12523,7 @@ var EditableCellWrap = styled25.span`
12500
12523
  color: var(--color-accent, #E6C87E);
12501
12524
  }
12502
12525
  `;
12503
- var EditInput = styled25.input`
12526
+ var EditInput = styled19.input`
12504
12527
  width: 5rem;
12505
12528
  background: rgba(255, 255, 255, 0.06);
12506
12529
  border: 1px solid rgba(255, 255, 255, 0.15);
@@ -12522,7 +12545,7 @@ var EditInput = styled25.input`
12522
12545
  }
12523
12546
  -moz-appearance: textfield;
12524
12547
  `;
12525
- var CancelConfirmOverlay = styled25.div`
12548
+ var CancelConfirmOverlay = styled19.div`
12526
12549
  position: fixed;
12527
12550
  inset: 0;
12528
12551
  background: rgba(0, 0, 0, 0.6);
@@ -12531,7 +12554,7 @@ var CancelConfirmOverlay = styled25.div`
12531
12554
  justify-content: center;
12532
12555
  z-index: 1000;
12533
12556
  `;
12534
- var CancelConfirmModal = styled25.div`
12557
+ var CancelConfirmModal = styled19.div`
12535
12558
  background: #1a1a1a;
12536
12559
  border: 1px solid rgba(255, 255, 255, 0.12);
12537
12560
  border-radius: 12px;
@@ -12542,22 +12565,22 @@ var CancelConfirmModal = styled25.div`
12542
12565
  flex-direction: column;
12543
12566
  gap: 0.75rem;
12544
12567
  `;
12545
- var CancelConfirmTitle = styled25.div`
12568
+ var CancelConfirmTitle = styled19.div`
12546
12569
  font-size: 1rem;
12547
12570
  font-weight: 600;
12548
12571
  color: #fff;
12549
12572
  `;
12550
- var CancelConfirmBody = styled25.div`
12573
+ var CancelConfirmBody = styled19.div`
12551
12574
  font-size: 0.85rem;
12552
12575
  color: rgba(255, 255, 255, 0.6);
12553
12576
  line-height: 1.5;
12554
12577
  `;
12555
- var CancelConfirmActions = styled25.div`
12578
+ var CancelConfirmActions = styled19.div`
12556
12579
  display: flex;
12557
12580
  gap: 0.5rem;
12558
12581
  margin-top: 0.25rem;
12559
12582
  `;
12560
- var CancelConfirmDismiss = styled25.button`
12583
+ var CancelConfirmDismiss = styled19.button`
12561
12584
  flex: 1;
12562
12585
  background: rgba(255, 255, 255, 0.06);
12563
12586
  border: 1px solid rgba(255, 255, 255, 0.12);
@@ -12573,7 +12596,7 @@ var CancelConfirmDismiss = styled25.button`
12573
12596
  background: rgba(255, 255, 255, 0.1);
12574
12597
  }
12575
12598
  `;
12576
- var CancelConfirmProceed = styled25.button`
12599
+ var CancelConfirmProceed = styled19.button`
12577
12600
  flex: 1;
12578
12601
  background: rgba(246, 70, 93, 0.15);
12579
12602
  border: 1px solid rgba(246, 70, 93, 0.4);
@@ -12594,12 +12617,12 @@ var CancelConfirmProceed = styled25.button`
12594
12617
  cursor: not-allowed;
12595
12618
  }
12596
12619
  `;
12597
- var CloseActions = styled25.div`
12620
+ var CloseActions = styled19.div`
12598
12621
  display: flex;
12599
12622
  gap: 0.35rem;
12600
12623
  align-items: center;
12601
12624
  `;
12602
- var CloseBtn2 = styled25.button`
12625
+ var CloseBtn2 = styled19.button`
12603
12626
  background: transparent;
12604
12627
  border: 1px solid rgba(230, 200, 126, 0.25);
12605
12628
  border-radius: 4px;
@@ -12619,6 +12642,121 @@ var CloseBtn2 = styled25.button`
12619
12642
  border-color: rgba(230, 200, 126, 0.5);
12620
12643
  }
12621
12644
  `;
12645
+ var CloseAllHeaderBtn = styled19.button`
12646
+ background: rgba(246, 70, 93, 0.1);
12647
+ border: 1px solid rgba(246, 70, 93, 0.3);
12648
+ border-radius: 4px;
12649
+ padding: 0.2rem 0.6rem;
12650
+ font-size: 0.62rem;
12651
+ font-weight: 600;
12652
+ color: #f6465d;
12653
+ cursor: pointer;
12654
+ white-space: nowrap;
12655
+ transition: all 0.15s ease;
12656
+
12657
+ &:hover {
12658
+ background: rgba(246, 70, 93, 0.2);
12659
+ border-color: rgba(246, 70, 93, 0.5);
12660
+ }
12661
+ `;
12662
+ var CloseAllOverlay = styled19.div`
12663
+ position: fixed;
12664
+ inset: 0;
12665
+ background: rgba(0, 0, 0, 0.6);
12666
+ display: flex;
12667
+ align-items: center;
12668
+ justify-content: center;
12669
+ z-index: 1000;
12670
+ `;
12671
+ var CloseAllModal = styled19.div`
12672
+ background: #1a1a1a;
12673
+ border: 1px solid rgba(255, 255, 255, 0.12);
12674
+ border-radius: 12px;
12675
+ padding: 1.5rem;
12676
+ max-width: 380px;
12677
+ width: 90%;
12678
+ position: relative;
12679
+ `;
12680
+ var CloseAllModalX = styled19.button`
12681
+ position: absolute;
12682
+ top: 0.75rem;
12683
+ right: 0.75rem;
12684
+ background: none;
12685
+ border: none;
12686
+ color: rgba(255, 255, 255, 0.4);
12687
+ font-size: 1.25rem;
12688
+ cursor: pointer;
12689
+ padding: 0.25rem;
12690
+ line-height: 1;
12691
+ transition: color 0.15s;
12692
+
12693
+ &:hover { color: #fff; }
12694
+ `;
12695
+ var CloseAllTitle = styled19.div`
12696
+ font-size: 1rem;
12697
+ font-weight: 600;
12698
+ color: #fff;
12699
+ margin-bottom: 0.5rem;
12700
+ `;
12701
+ var CloseAllDesc = styled19.div`
12702
+ font-size: 0.8rem;
12703
+ color: rgba(255, 255, 255, 0.5);
12704
+ line-height: 1.45;
12705
+ margin-bottom: 1rem;
12706
+ `;
12707
+ var CloseAllOption = styled19.div`
12708
+ display: flex;
12709
+ align-items: center;
12710
+ gap: 0.6rem;
12711
+ padding: 0.6rem 0.75rem;
12712
+ border-radius: 8px;
12713
+ cursor: pointer;
12714
+ font-size: 0.85rem;
12715
+ color: rgba(255, 255, 255, 0.85);
12716
+ transition: background 0.15s;
12717
+ margin-bottom: 0.35rem;
12718
+
12719
+ &:hover { background: rgba(255, 255, 255, 0.04); }
12720
+ `;
12721
+ var CloseAllRadio = styled19.div`
12722
+ width: 16px;
12723
+ height: 16px;
12724
+ border-radius: 50%;
12725
+ border: 2px solid ${(p) => p.$selected ? "#f6465d" : "rgba(255, 255, 255, 0.2)"};
12726
+ position: relative;
12727
+ flex-shrink: 0;
12728
+ transition: border-color 0.15s;
12729
+
12730
+ &::after {
12731
+ content: '';
12732
+ position: absolute;
12733
+ top: 50%;
12734
+ left: 50%;
12735
+ transform: translate(-50%, -50%);
12736
+ width: 8px;
12737
+ height: 8px;
12738
+ border-radius: 50%;
12739
+ background: ${(p) => p.$selected ? "#f6465d" : "transparent"};
12740
+ transition: background 0.15s;
12741
+ }
12742
+ `;
12743
+ var CloseAllConfirmBtn = styled19.button`
12744
+ width: 100%;
12745
+ margin-top: 0.75rem;
12746
+ background: rgba(246, 70, 93, 0.15);
12747
+ border: 1px solid rgba(246, 70, 93, 0.4);
12748
+ border-radius: 8px;
12749
+ padding: 0.7rem 1rem;
12750
+ font-size: 0.85rem;
12751
+ font-weight: 600;
12752
+ color: #f6465d;
12753
+ cursor: pointer;
12754
+ transition: all 0.15s ease;
12755
+
12756
+ &:hover {
12757
+ background: rgba(246, 70, 93, 0.25);
12758
+ }
12759
+ `;
12622
12760
  function NewsOrdersSection({ newsItems, newsConnectionStatus, activityData }) {
12623
12761
  return /* @__PURE__ */ jsxs(Row2, { children: [
12624
12762
  /* @__PURE__ */ jsx(
@@ -12648,7 +12786,7 @@ function NewsOrdersSection({ newsItems, newsConnectionStatus, activityData }) {
12648
12786
  ) })
12649
12787
  ] });
12650
12788
  }
12651
- var Row2 = styled25.div`
12789
+ var Row2 = styled19.div`
12652
12790
  display: grid;
12653
12791
  grid-template-columns: 1fr 2fr;
12654
12792
  gap: 1.5rem;
@@ -12666,7 +12804,7 @@ var Row2 = styled25.div`
12666
12804
  overflow: hidden;
12667
12805
  }
12668
12806
  `;
12669
- var ActivityWrapper = styled25.div`
12807
+ var ActivityWrapper = styled19.div`
12670
12808
  background-color: var(--color-card-darker, #111);
12671
12809
  border-radius: 8px;
12672
12810
  padding: 1.5rem;
@@ -12782,7 +12920,7 @@ function OrderConfirmationModal({
12782
12920
  ] })
12783
12921
  ] }) });
12784
12922
  }
12785
- var Overlay3 = styled25.div`
12923
+ var Overlay3 = styled19.div`
12786
12924
  position: fixed;
12787
12925
  top: 0;
12788
12926
  left: 0;
@@ -12795,7 +12933,7 @@ var Overlay3 = styled25.div`
12795
12933
  z-index: 10000;
12796
12934
  backdrop-filter: blur(4px);
12797
12935
  `;
12798
- var Modal = styled25.div`
12936
+ var Modal = styled19.div`
12799
12937
  background: linear-gradient(135deg, rgba(26,29,35,0.95) 0%, rgba(26,29,35,0.98) 100%);
12800
12938
  border: 1px solid rgba(255,255,255,0.1);
12801
12939
  border-radius: 16px;
@@ -12804,7 +12942,7 @@ var Modal = styled25.div`
12804
12942
  width: 90%;
12805
12943
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
12806
12944
  `;
12807
- var ModalHeader = styled25.div`
12945
+ var ModalHeader = styled19.div`
12808
12946
  display: flex;
12809
12947
  align-items: center;
12810
12948
  margin-bottom: 1.5rem;
@@ -12820,7 +12958,7 @@ var ModalHeader = styled25.div`
12820
12958
  gap: 0.5rem;
12821
12959
  }
12822
12960
  `;
12823
- var Badge2 = styled25.span`
12961
+ var Badge2 = styled19.span`
12824
12962
  padding: 0.25rem 0.75rem;
12825
12963
  border-radius: 6px;
12826
12964
  font-size: 0.75rem;
@@ -12831,12 +12969,12 @@ var Badge2 = styled25.span`
12831
12969
  color: #D4AF37;
12832
12970
  border: 1px solid rgba(212,175,55,0.3);
12833
12971
  `;
12834
- var ModalBody = styled25.div`
12972
+ var ModalBody = styled19.div`
12835
12973
  margin-bottom: 1.5rem;
12836
12974
  display: flex;
12837
12975
  flex-direction: column;
12838
12976
  `;
12839
- var ModalRow = styled25.div`
12977
+ var ModalRow = styled19.div`
12840
12978
  display: flex;
12841
12979
  justify-content: space-between;
12842
12980
  align-items: center;
@@ -12859,7 +12997,7 @@ var ModalRow = styled25.div`
12859
12997
  font-weight: 600;
12860
12998
  }
12861
12999
  `;
12862
- var Warning = styled25.div`
13000
+ var Warning = styled19.div`
12863
13001
  background: rgba(246,70,93,0.1);
12864
13002
  border: 1px solid rgba(246,70,93,0.3);
12865
13003
  border-radius: 8px;
@@ -12879,7 +13017,7 @@ var Warning = styled25.div`
12879
13017
  line-height: 1.5;
12880
13018
  }
12881
13019
  `;
12882
- var Summary = styled25.div`
13020
+ var Summary = styled19.div`
12883
13021
  background: rgba(255,255,255,0.03);
12884
13022
  border: 1px solid rgba(255,255,255,0.08);
12885
13023
  border-radius: 8px;
@@ -12892,7 +13030,7 @@ var Summary = styled25.div`
12892
13030
  var spin = keyframes`
12893
13031
  to { transform: rotate(360deg); }
12894
13032
  `;
12895
- var Spinner = styled25.span`
13033
+ var Spinner = styled19.span`
12896
13034
  display: inline-block;
12897
13035
  width: 14px;
12898
13036
  height: 14px;
@@ -12903,7 +13041,7 @@ var Spinner = styled25.span`
12903
13041
  margin-right: 0.5rem;
12904
13042
  vertical-align: -2px;
12905
13043
  `;
12906
- var ButtonRow2 = styled25.div`
13044
+ var ButtonRow2 = styled19.div`
12907
13045
  display: flex;
12908
13046
  gap: 1rem;
12909
13047
  justify-content: flex-end;
@@ -13225,7 +13363,7 @@ function PropertyBuy({
13225
13363
  )
13226
13364
  ] });
13227
13365
  }
13228
- var HeroGrid = styled25.div`
13366
+ var HeroGrid = styled19.div`
13229
13367
  display: grid;
13230
13368
  grid-template-columns: 1fr auto;
13231
13369
  grid-template-rows: auto auto minmax(450px, 520px);
@@ -13294,7 +13432,7 @@ var HeroGrid = styled25.div`
13294
13432
  gap: 0.5rem;
13295
13433
  }
13296
13434
  `;
13297
- var PaymentOption = styled25.div`
13435
+ var PaymentOption = styled19.div`
13298
13436
  display: flex;
13299
13437
  align-items: center;
13300
13438
  padding: 1rem;
@@ -13311,7 +13449,7 @@ var PaymentOption = styled25.div`
13311
13449
  border-color: rgba(0, 123, 255, 0.5);
13312
13450
  }
13313
13451
  `;
13314
- var RadioIndicator = styled25.div`
13452
+ var RadioIndicator = styled19.div`
13315
13453
  width: 20px;
13316
13454
  height: 20px;
13317
13455
  border-radius: 50%;
@@ -13331,7 +13469,7 @@ var RadioIndicator = styled25.div`
13331
13469
  transition: opacity 0.2s;
13332
13470
  }
13333
13471
  `;
13334
- var PaymentMethodDetails = styled25.div`
13472
+ var PaymentMethodDetails = styled19.div`
13335
13473
  background: rgba(0, 0, 0, 0.2);
13336
13474
  border-radius: 8px;
13337
13475
  padding: 1rem;
@@ -13350,7 +13488,7 @@ var PaymentMethodDetails = styled25.div`
13350
13488
  }
13351
13489
  }
13352
13490
  `;
13353
- var ConfirmButton = styled25.button`
13491
+ var ConfirmButton = styled19.button`
13354
13492
  background: ${(props) => props.disabled ? "rgba(255, 255, 255, 0.1)" : "linear-gradient(to right, #d4af37, #f2d35b)"};
13355
13493
  border: none;
13356
13494
  border-radius: 8px;
@@ -14068,7 +14206,7 @@ var OwnerBooking = ({ propertyName, token }) => {
14068
14206
  ] });
14069
14207
  };
14070
14208
  var owner_booking_default = OwnerBooking;
14071
- var DateSelectorDropdown = styled25.div`
14209
+ var DateSelectorDropdown = styled19.div`
14072
14210
  position: absolute;
14073
14211
  top: calc(100% + 0.5rem);
14074
14212
  left: 0;
@@ -14082,7 +14220,7 @@ var DateSelectorDropdown = styled25.div`
14082
14220
  display: ${({ $isOpen }) => $isOpen ? "block" : "none"};
14083
14221
  z-index: 10;
14084
14222
  `;
14085
- var MonthButton = styled25.button`
14223
+ var MonthButton = styled19.button`
14086
14224
  background: ${({ $isSelected }) => $isSelected ? "rgba(212, 175, 55, 0.2)" : "transparent"};
14087
14225
  border: 1px solid
14088
14226
  ${({ $isSelected }) => $isSelected ? "#d4af37" : "rgba(255, 255, 255, 0.12)"};
@@ -14098,7 +14236,7 @@ var MonthButton = styled25.button`
14098
14236
  border-color: rgba(212, 175, 55, 0.5);
14099
14237
  }
14100
14238
  `;
14101
- var DayCell = styled25.div`
14239
+ var DayCell = styled19.div`
14102
14240
  aspect-ratio: 1;
14103
14241
  display: flex;
14104
14242
  align-items: center;
@@ -14132,7 +14270,7 @@ var DayCell = styled25.div`
14132
14270
  opacity: ${({ $isCurrentMonth, $savedRangeColor }) => $isCurrentMonth ? $savedRangeColor ? 0.85 : 1 : 0.35};
14133
14271
  }
14134
14272
  `;
14135
- var AddDateRangeButton = styled25.button`
14273
+ var AddDateRangeButton = styled19.button`
14136
14274
  flex: 1;
14137
14275
  min-width: 180px;
14138
14276
  background: rgba(212, 175, 55, 0.18);
@@ -14154,21 +14292,21 @@ var AddDateRangeButton = styled25.button`
14154
14292
  cursor: not-allowed;
14155
14293
  }
14156
14294
  `;
14157
- var ConfirmButton2 = styled25(AddDateRangeButton)`
14295
+ var ConfirmButton2 = styled19(AddDateRangeButton)`
14158
14296
  flex: 0 0 auto;
14159
14297
  min-width: 140px;
14160
14298
  background: rgba(212, 175, 55, 0.35);
14161
14299
  border-color: rgba(212, 175, 55, 0.6);
14162
14300
  font-weight: 600;
14163
14301
  `;
14164
- var ReservationCard = styled25.div`
14302
+ var ReservationCard = styled19.div`
14165
14303
  background: rgba(0, 0, 0, 0.4);
14166
14304
  border-radius: 12px;
14167
14305
  padding: 1rem;
14168
14306
  margin-top: 1rem;
14169
14307
  border-left: 4px solid ${({ $accent }) => $accent};
14170
14308
  `;
14171
- var ActionButton = styled25.button`
14309
+ var ActionButton = styled19.button`
14172
14310
  background: none;
14173
14311
  border: none;
14174
14312
  color: ${({ $variant }) => $variant === "danger" ? "#ff7676" : "#d4af37"};
@@ -14618,7 +14756,7 @@ function calculatePositionFromPrice(price, undervaluedPrice, fairValue, overvalu
14618
14756
  }
14619
14757
  return 50 + 50 * (price - fairValue) / (overvaluedPrice - fairValue);
14620
14758
  }
14621
- var ValuationIndicator = styled25.div`
14759
+ var ValuationIndicator = styled19.div`
14622
14760
  background-color: rgba(50, 52, 58, 0.95);
14623
14761
  border-radius: 6px;
14624
14762
  padding: 1rem;
@@ -14640,7 +14778,7 @@ var ValuationIndicator = styled25.div`
14640
14778
  }
14641
14779
  }
14642
14780
  `;
14643
- var GaugeIndicator = styled25.div`
14781
+ var GaugeIndicator = styled19.div`
14644
14782
  position: absolute;
14645
14783
  left: ${(props) => props.position}%;
14646
14784
  top: 0.35rem;
@@ -14651,7 +14789,7 @@ var GaugeIndicator = styled25.div`
14651
14789
  background: ${(props) => props.type === "fairValue" ? "#f0b90b" : "rgba(10, 12, 18, 0.95)"};
14652
14790
  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
14791
  `;
14654
- var GaugePriceTag = styled25.div`
14792
+ var GaugePriceTag = styled19.div`
14655
14793
  position: absolute;
14656
14794
  left: ${(props) => props.position}%;
14657
14795
  top: -46px;
@@ -14676,18 +14814,18 @@ var GaugePriceTag = styled25.div`
14676
14814
  color: var(--color-accent);
14677
14815
  }
14678
14816
  `;
14679
- var HiddenMobileChart = styled25.div`
14817
+ var HiddenMobileChart = styled19.div`
14680
14818
  display: none;
14681
14819
  @media (max-width: 480px) {
14682
14820
  display: block;
14683
14821
  }
14684
14822
  `;
14685
- var ValuationWrapper = styled25.div`
14823
+ var ValuationWrapper = styled19.div`
14686
14824
  display: flex;
14687
14825
  flex-direction: column;
14688
14826
  gap: 2rem;
14689
14827
  `;
14690
- var LoadingOverlay = styled25.div`
14828
+ var LoadingOverlay = styled19.div`
14691
14829
  margin-top: 1rem;
14692
14830
  padding: 0.75rem 1rem;
14693
14831
  border-radius: 8px;
@@ -14695,7 +14833,7 @@ var LoadingOverlay = styled25.div`
14695
14833
  color: rgba(255, 255, 255, 0.8);
14696
14834
  font-size: 0.9rem;
14697
14835
  `;
14698
- var ErrorMessage = styled25.div`
14836
+ var ErrorMessage = styled19.div`
14699
14837
  margin-top: 1rem;
14700
14838
  padding: 0.75rem 1rem;
14701
14839
  border-radius: 8px;
@@ -14704,33 +14842,33 @@ var ErrorMessage = styled25.div`
14704
14842
  font-size: 0.9rem;
14705
14843
  border: 1px solid rgba(244, 67, 54, 0.4);
14706
14844
  `;
14707
- var SectionTitle = styled25.h2`
14845
+ var SectionTitle = styled19.h2`
14708
14846
  margin: 0;
14709
14847
  font-size: clamp(1.75rem, 2.5vw, 2.25rem);
14710
14848
  font-weight: 600;
14711
14849
  color: #fff;
14712
14850
  letter-spacing: 0.01em;
14713
14851
  `;
14714
- var LoafPricingSection = styled25.div`
14852
+ var LoafPricingSection = styled19.div`
14715
14853
  background-color: rgba(30, 32, 38, 0.95);
14716
14854
  border-radius: 8px;
14717
14855
  padding: 1.25rem;
14718
14856
  margin-bottom: 1.5rem;
14719
14857
  `;
14720
- var SectionSubheading = styled25.h2`
14858
+ var SectionSubheading = styled19.h2`
14721
14859
  margin: 0;
14722
14860
  font-size: 1.1rem;
14723
14861
  font-weight: 600;
14724
14862
  color: #fff;
14725
14863
  letter-spacing: 0.02em;
14726
14864
  `;
14727
- var PricingModelCard = styled25.div`
14865
+ var PricingModelCard = styled19.div`
14728
14866
  background-color: rgba(40, 42, 48, 0.95);
14729
14867
  border-radius: 8px;
14730
14868
  padding: 1.5rem;
14731
14869
  margin-top: 1rem;
14732
14870
  `;
14733
- var PricingModelHeader = styled25.div`
14871
+ var PricingModelHeader = styled19.div`
14734
14872
  display: flex;
14735
14873
  justify-content: space-between;
14736
14874
  align-items: center;
@@ -14745,13 +14883,13 @@ var PricingModelHeader = styled25.div`
14745
14883
  color: rgba(255, 255, 255, 0.75);
14746
14884
  }
14747
14885
  `;
14748
- var PricingModelTitle = styled25.h3`
14886
+ var PricingModelTitle = styled19.h3`
14749
14887
  margin: 0;
14750
14888
  font-size: 1.2rem;
14751
14889
  font-weight: 600;
14752
14890
  color: #fff;
14753
14891
  `;
14754
- var PricingModelValue = styled25.div`
14892
+ var PricingModelValue = styled19.div`
14755
14893
  font-size: 1.4rem;
14756
14894
  font-weight: 700;
14757
14895
  color: var(--color-primary);
@@ -14760,43 +14898,43 @@ var PricingModelValue = styled25.div`
14760
14898
  font-size: 1.2rem;
14761
14899
  }
14762
14900
  `;
14763
- var PricingModelDetails = styled25.div`
14901
+ var PricingModelDetails = styled19.div`
14764
14902
  display: grid;
14765
14903
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
14766
14904
  gap: 1.5rem;
14767
14905
  margin-bottom: 1.5rem;
14768
14906
  `;
14769
- var PricingModelDetail = styled25.div`
14907
+ var PricingModelDetail = styled19.div`
14770
14908
  background-color: rgba(50, 52, 58, 0.95);
14771
14909
  border-radius: 6px;
14772
14910
  padding: 1rem;
14773
14911
  `;
14774
- var PropertyDetailLabel = styled25.div`
14912
+ var PropertyDetailLabel = styled19.div`
14775
14913
  font-size: 0.85rem;
14776
14914
  color: rgba(255, 255, 255, 0.7);
14777
14915
  margin-bottom: 0.5rem;
14778
14916
  `;
14779
- var PricingDetailValue = styled25.div`
14917
+ var PricingDetailValue = styled19.div`
14780
14918
  font-size: 1rem;
14781
14919
  color: #fff;
14782
14920
  font-weight: 500;
14783
14921
  `;
14784
- var ValuationHeader = styled25.div`
14922
+ var ValuationHeader = styled19.div`
14785
14923
  display: flex;
14786
14924
  justify-content: space-between;
14787
14925
  margin-bottom: 0.75rem;
14788
14926
  `;
14789
- var ValuationTitle = styled25.div`
14927
+ var ValuationTitle = styled19.div`
14790
14928
  font-size: 0.9rem;
14791
14929
  color: rgba(255, 255, 255, 0.7);
14792
14930
  `;
14793
- var ValuationGauge = styled25.div`
14931
+ var ValuationGauge = styled19.div`
14794
14932
  position: relative;
14795
14933
  width: 100%;
14796
14934
  padding: 1.1rem 0 2rem;
14797
14935
  margin: 0.75rem 0 1rem;
14798
14936
  `;
14799
- var GaugeBackground = styled25.div`
14937
+ var GaugeBackground = styled19.div`
14800
14938
  width: 100%;
14801
14939
  height: 18px;
14802
14940
  border-radius: 999px;
@@ -14805,21 +14943,21 @@ var GaugeBackground = styled25.div`
14805
14943
  overflow: hidden;
14806
14944
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.35), 0 8px 18px rgba(0, 0, 0, 0.25);
14807
14945
  `;
14808
- var ValuationDetails = styled25.div`
14946
+ var ValuationDetails = styled19.div`
14809
14947
  display: flex;
14810
14948
  justify-content: space-between;
14811
14949
  margin-top: 1rem;
14812
14950
  `;
14813
- var ValuationItem = styled25.div`
14951
+ var ValuationItem = styled19.div`
14814
14952
  display: flex;
14815
14953
  flex-direction: column;
14816
14954
  `;
14817
- var ValuationValue = styled25.div`
14955
+ var ValuationValue = styled19.div`
14818
14956
  font-size: 1rem;
14819
14957
  font-weight: 600;
14820
14958
  color: #fff;
14821
14959
  `;
14822
- var ChartContainer = styled25.div`
14960
+ var ChartContainer = styled19.div`
14823
14961
  width: 100%;
14824
14962
  height: 301.52px;
14825
14963
  margin-top: 1.5rem;
@@ -14828,14 +14966,14 @@ var ChartContainer = styled25.div`
14828
14966
  padding: 1rem;
14829
14967
  position: relative;
14830
14968
  `;
14831
- var ChartBackground = styled25.div`
14969
+ var ChartBackground = styled19.div`
14832
14970
  position: relative;
14833
14971
  height: 100%;
14834
14972
  width: 100%;
14835
14973
  background: rgba(255, 255, 255, 0.03);
14836
14974
  border-radius: 8px;
14837
14975
  `;
14838
- var ValuationSvg = styled25.svg`
14976
+ var ValuationSvg = styled19.svg`
14839
14977
  position: absolute;
14840
14978
  top: 10px;
14841
14979
  right: 0;
@@ -14845,7 +14983,7 @@ var ValuationSvg = styled25.svg`
14845
14983
  width: 100%;
14846
14984
  height: calc(100% - 35px);
14847
14985
  `;
14848
- var YAxisLabel = styled25.div`
14986
+ var YAxisLabel = styled19.div`
14849
14987
  position: absolute;
14850
14988
  left: -40px;
14851
14989
  font-size: 10px;
@@ -14853,7 +14991,7 @@ var YAxisLabel = styled25.div`
14853
14991
  text-align: right;
14854
14992
  padding-right: 5px;
14855
14993
  `;
14856
- var ValuationCallout = styled25.div`
14994
+ var ValuationCallout = styled19.div`
14857
14995
  display: flex;
14858
14996
  align-items: center;
14859
14997
  justify-content: space-between;
@@ -14863,7 +15001,7 @@ var ValuationCallout = styled25.div`
14863
15001
  border: 1px solid rgba(76, 175, 80, 0.2);
14864
15002
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
14865
15003
  `;
14866
- var ValuationBadge = styled25.div`
15004
+ var ValuationBadge = styled19.div`
14867
15005
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
14868
15006
  color: white;
14869
15007
  padding: 5px 12px;
@@ -14872,17 +15010,17 @@ var ValuationBadge = styled25.div`
14872
15010
  font-weight: 600;
14873
15011
  box-shadow: 0 2px 4px rgba(76, 175, 80, 0.25);
14874
15012
  `;
14875
- var AreaDemandChart = styled25.div`
15013
+ var AreaDemandChart = styled19.div`
14876
15014
  height: 60px;
14877
15015
  width: 100%;
14878
15016
  position: relative;
14879
15017
  `;
14880
- var ChartLabel = styled25.div`
15018
+ var ChartLabel = styled19.div`
14881
15019
  position: absolute;
14882
15020
  font-size: 9px;
14883
15021
  color: rgba(255, 255, 255, 0.7);
14884
15022
  `;
14885
- var RecentSalesSection = styled25.div`
15023
+ var RecentSalesSection = styled19.div`
14886
15024
  background-color: rgba(30, 32, 38, 0.95);
14887
15025
  border-radius: 8px;
14888
15026
  padding: 1.25rem;
@@ -14892,7 +15030,7 @@ var RecentSalesSection = styled25.div`
14892
15030
  position: relative;
14893
15031
  }
14894
15032
  `;
14895
- var SalesGrid = styled25.div`
15033
+ var SalesGrid = styled19.div`
14896
15034
  display: grid;
14897
15035
  grid-template-columns: repeat(3, 1fr);
14898
15036
  gap: 1.5rem;
@@ -14913,7 +15051,7 @@ var SalesGrid = styled25.div`
14913
15051
  scrollbar-width: none;
14914
15052
  }
14915
15053
  `;
14916
- var SaleCard = styled25.div`
15054
+ var SaleCard = styled19.div`
14917
15055
  background-color: var(--color-card, #1e2329);
14918
15056
  border-radius: var(--border-radius, 8px);
14919
15057
  overflow: hidden;
@@ -14937,13 +15075,13 @@ var SaleCard = styled25.div`
14937
15075
  }
14938
15076
  }
14939
15077
  `;
14940
- var SaleImageContainer = styled25.div`
15078
+ var SaleImageContainer = styled19.div`
14941
15079
  position: relative;
14942
15080
  width: 100%;
14943
15081
  height: 200px;
14944
15082
  overflow: hidden;
14945
15083
  `;
14946
- var SaleImage = styled25.img`
15084
+ var SaleImage = styled19.img`
14947
15085
  width: 100%;
14948
15086
  height: 100%;
14949
15087
  object-fit: cover;
@@ -14954,7 +15092,7 @@ var SaleImage = styled25.img`
14954
15092
  transform: scale(1.05);
14955
15093
  }
14956
15094
  `;
14957
- var SoldTag = styled25.div`
15095
+ var SoldTag = styled19.div`
14958
15096
  position: absolute;
14959
15097
  top: 1rem;
14960
15098
  right: 1rem;
@@ -14968,10 +15106,10 @@ var SoldTag = styled25.div`
14968
15106
  align-items: center;
14969
15107
  gap: 4px;
14970
15108
  `;
14971
- var SoldIcon = styled25.div`
15109
+ var SoldIcon = styled19.div`
14972
15110
  display: none;
14973
15111
  `;
14974
- var SalePriceBar = styled25.div`
15112
+ var SalePriceBar = styled19.div`
14975
15113
  display: flex;
14976
15114
  justify-content: space-between;
14977
15115
  align-items: center;
@@ -14979,37 +15117,37 @@ var SalePriceBar = styled25.div`
14979
15117
  background: linear-gradient(90deg, rgba(240, 185, 11, 0.1) 0%, rgba(240, 185, 11, 0.05) 100%);
14980
15118
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
14981
15119
  `;
14982
- var SalePriceLeft = styled25.div`
15120
+ var SalePriceLeft = styled19.div`
14983
15121
  display: flex;
14984
15122
  flex-direction: column;
14985
15123
  `;
14986
- var SalePriceLabel = styled25.span`
15124
+ var SalePriceLabel = styled19.span`
14987
15125
  font-size: 0.7rem;
14988
15126
  color: rgba(255, 255, 255, 0.5);
14989
15127
  text-transform: uppercase;
14990
15128
  letter-spacing: 0.5px;
14991
15129
  `;
14992
- var SalePriceAmount = styled25.span`
15130
+ var SalePriceAmount = styled19.span`
14993
15131
  font-size: 1.1rem;
14994
15132
  font-weight: 700;
14995
15133
  color: var(--color-accent, #f0b90b);
14996
15134
  `;
14997
- var SaleContent = styled25.div`
15135
+ var SaleContent = styled19.div`
14998
15136
  padding: 1rem;
14999
15137
  `;
15000
- var SaleAddress = styled25.h3`
15138
+ var SaleAddress = styled19.h3`
15001
15139
  margin: 0;
15002
15140
  margin-bottom: 0.25rem;
15003
15141
  font-size: 1rem;
15004
15142
  font-weight: 600;
15005
15143
  color: var(--color-text, #eaecef);
15006
15144
  `;
15007
- var SaleSuburb = styled25.div`
15145
+ var SaleSuburb = styled19.div`
15008
15146
  font-size: 0.8rem;
15009
15147
  color: var(--color-text-secondary, #848e9c);
15010
15148
  margin-bottom: 0.5rem;
15011
15149
  `;
15012
- var SaleStatsBar = styled25.div`
15150
+ var SaleStatsBar = styled19.div`
15013
15151
  display: flex;
15014
15152
  justify-content: space-between;
15015
15153
  align-items: center;
@@ -15017,7 +15155,7 @@ var SaleStatsBar = styled25.div`
15017
15155
  background-color: rgba(0, 0, 0, 0.3);
15018
15156
  border-top: 1px solid rgba(255, 255, 255, 0.05);
15019
15157
  `;
15020
- var SaleStatItem = styled25.div`
15158
+ var SaleStatItem = styled19.div`
15021
15159
  display: flex;
15022
15160
  align-items: center;
15023
15161
  gap: 0.25rem;
@@ -15030,11 +15168,11 @@ var SaleStatItem = styled25.div`
15030
15168
  opacity: 0.7;
15031
15169
  }
15032
15170
  `;
15033
- var SaleDate = styled25.div`
15171
+ var SaleDate = styled19.div`
15034
15172
  font-size: 0.75rem;
15035
15173
  color: var(--color-text-secondary, #848e9c);
15036
15174
  `;
15037
- var SwipeIndicator = styled25.div`
15175
+ var SwipeIndicator = styled19.div`
15038
15176
  display: none;
15039
15177
 
15040
15178
  @media (max-width: 768px) {
@@ -15067,7 +15205,7 @@ var pulse = keyframes`
15067
15205
  0%, 100% { transform: scale(1); opacity: 0.8; }
15068
15206
  50% { transform: scale(1.2); opacity: 1; }
15069
15207
  `;
15070
- var FeatureTooltip = styled25.div`
15208
+ var FeatureTooltip = styled19.div`
15071
15209
  position: absolute;
15072
15210
  transform: translate(-50%, calc(-100% - 24px));
15073
15211
  min-width: 180px;
@@ -15109,7 +15247,7 @@ var FeatureTooltip = styled25.div`
15109
15247
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.35));
15110
15248
  }
15111
15249
  `;
15112
- var GalleryOverlay = styled25.div`
15250
+ var GalleryOverlay = styled19.div`
15113
15251
  position: fixed;
15114
15252
  inset: 0;
15115
15253
  z-index: 1000;
@@ -15118,7 +15256,7 @@ var GalleryOverlay = styled25.div`
15118
15256
  flex-direction: column;
15119
15257
  animation: ${fadeIn} 0.3s ease;
15120
15258
  `;
15121
- var GalleryHeader = styled25.div`
15259
+ var GalleryHeader = styled19.div`
15122
15260
  position: relative;
15123
15261
  padding: 1.5rem 2rem;
15124
15262
  display: flex;
@@ -15134,7 +15272,7 @@ var GalleryHeader = styled25.div`
15134
15272
  padding: 1rem;
15135
15273
  }
15136
15274
  `;
15137
- var PropertyInfo = styled25.div`
15275
+ var PropertyInfo = styled19.div`
15138
15276
  color: white;
15139
15277
 
15140
15278
  h2 {
@@ -15149,7 +15287,7 @@ var PropertyInfo = styled25.div`
15149
15287
  font-size: 0.95rem;
15150
15288
  }
15151
15289
  `;
15152
- var CloseButton2 = styled25.button`
15290
+ var CloseButton2 = styled19.button`
15153
15291
  width: 48px;
15154
15292
  height: 48px;
15155
15293
  border-radius: 50%;
@@ -15167,7 +15305,7 @@ var CloseButton2 = styled25.button`
15167
15305
  transform: rotate(90deg);
15168
15306
  }
15169
15307
  `;
15170
- var MainImageContainer = styled25.div`
15308
+ var MainImageContainer = styled19.div`
15171
15309
  position: relative;
15172
15310
  flex: 1;
15173
15311
  display: flex;
@@ -15179,7 +15317,7 @@ var MainImageContainer = styled25.div`
15179
15317
  padding: 60px 0 110px;
15180
15318
  }
15181
15319
  `;
15182
- var MainImage = styled25.img`
15320
+ var MainImage = styled19.img`
15183
15321
  max-width: 90%;
15184
15322
  max-height: 100%;
15185
15323
  object-fit: contain;
@@ -15196,7 +15334,7 @@ var MainImage = styled25.img`
15196
15334
  max-width: 100%;
15197
15335
  }
15198
15336
  `;
15199
- var Hotspot = styled25.button`
15337
+ var Hotspot = styled19.button`
15200
15338
  position: absolute;
15201
15339
  width: 32px;
15202
15340
  height: 32px;
@@ -15215,7 +15353,7 @@ var Hotspot = styled25.button`
15215
15353
  transform: translate(-50%, -50%) scale(1.2);
15216
15354
  }
15217
15355
  `;
15218
- var ThumbnailStrip = styled25.div`
15356
+ var ThumbnailStrip = styled19.div`
15219
15357
  position: absolute;
15220
15358
  bottom: 0;
15221
15359
  left: 0;
@@ -15230,7 +15368,7 @@ var ThumbnailStrip = styled25.div`
15230
15368
  display: none;
15231
15369
  }
15232
15370
  `;
15233
- var Thumbnail3 = styled25.button`
15371
+ var Thumbnail3 = styled19.button`
15234
15372
  width: 86px;
15235
15373
  height: 64px;
15236
15374
  border-radius: 6px;
@@ -15251,7 +15389,7 @@ var Thumbnail3 = styled25.button`
15251
15389
  object-fit: cover;
15252
15390
  }
15253
15391
  `;
15254
- var NavigationButton = styled25.button`
15392
+ var NavigationButton = styled19.button`
15255
15393
  position: absolute;
15256
15394
  top: 50%;
15257
15395
  ${(p) => p.$dir === "prev" ? "left: 2rem;" : "right: 2rem;"}
@@ -15271,7 +15409,7 @@ var NavigationButton = styled25.button`
15271
15409
  display: none;
15272
15410
  }
15273
15411
  `;
15274
- var SliderContainer = styled25.div`
15412
+ var SliderContainer = styled19.div`
15275
15413
  position: absolute;
15276
15414
  bottom: 110px;
15277
15415
  left: 50%;
@@ -15288,21 +15426,21 @@ var SliderContainer = styled25.div`
15288
15426
  width: 85%;
15289
15427
  }
15290
15428
  `;
15291
- var SliderTrack = styled25.div`
15429
+ var SliderTrack = styled19.div`
15292
15430
  position: relative;
15293
15431
  height: 4px;
15294
15432
  background: rgba(255, 255, 255, 0.2);
15295
15433
  border-radius: 999px;
15296
15434
  cursor: pointer;
15297
15435
  `;
15298
- var SliderProgress = styled25.div`
15436
+ var SliderProgress = styled19.div`
15299
15437
  position: absolute;
15300
15438
  inset: 0;
15301
15439
  width: ${(p) => p.$progress}%;
15302
15440
  background: linear-gradient(90deg, var(--color-accent, #f0b90b), rgba(240, 185, 11, 0.5));
15303
15441
  border-radius: inherit;
15304
15442
  `;
15305
- var SliderThumb = styled25.div`
15443
+ var SliderThumb = styled19.div`
15306
15444
  position: absolute;
15307
15445
  top: 50%;
15308
15446
  left: ${(p) => p.$position}%;
@@ -15314,7 +15452,7 @@ var SliderThumb = styled25.div`
15314
15452
  border: 3px solid white;
15315
15453
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
15316
15454
  `;
15317
- var SliderLabels = styled25.div`
15455
+ var SliderLabels = styled19.div`
15318
15456
  display: flex;
15319
15457
  justify-content: space-between;
15320
15458
  margin-top: 0.75rem;
@@ -15329,7 +15467,7 @@ var SliderLabels = styled25.div`
15329
15467
  display: none;
15330
15468
  }
15331
15469
  `;
15332
- var MobileDots = styled25.div`
15470
+ var MobileDots = styled19.div`
15333
15471
  position: absolute;
15334
15472
  bottom: 1.5rem;
15335
15473
  left: 50%;
@@ -15341,7 +15479,7 @@ var MobileDots = styled25.div`
15341
15479
  display: none;
15342
15480
  }
15343
15481
  `;
15344
- var MobileDot = styled25.button`
15482
+ var MobileDot = styled19.button`
15345
15483
  width: 8px;
15346
15484
  height: 8px;
15347
15485
  border-radius: 50%;