/*
  Final professional polish layer.
  Loaded last so the site gets one consistent visual language without rewriting older CSS.
*/

:root{
  --fp-bg:#f5f1e8;
  --fp-bg-2:#edf4ee;
  --fp-ink:#182217;
  --fp-muted:#667260;
  --fp-card:#fffdf8;
  --fp-card-2:#f8f2e6;
  --fp-line:rgba(48,63,42,.14);
  --fp-line-strong:rgba(48,63,42,.22);
  --fp-green:#1f5b3b;
  --fp-green-2:#2f7d4e;
  --fp-gold:#d69b2d;
  --fp-orange:#c96f2c;
  --fp-red:#c2412d;
  --fp-blue:#2463a6;
  --fp-shadow:0 22px 70px rgba(38,50,34,.13);
  --fp-shadow-soft:0 14px 36px rgba(38,50,34,.09);
  --fp-radius:30px;
  --fp-radius-sm:18px;
}

html[data-theme="dark"]{
  --fp-bg:#08120e;
  --fp-bg-2:#0f1c17;
  --fp-ink:#f3f0e8;
  --fp-muted:#aeb9ad;
  --fp-card:#122019;
  --fp-card-2:#17281f;
  --fp-line:rgba(238,231,214,.15);
  --fp-line-strong:rgba(238,231,214,.24);
  --fp-green:#6fcb93;
  --fp-green-2:#45a96f;
  --fp-gold:#e5b958;
  --fp-shadow:0 24px 78px rgba(0,0,0,.38);
  --fp-shadow-soft:0 16px 42px rgba(0,0,0,.28);
}

body.pro-ui{
  background:
    radial-gradient(circle at 7% 2%, rgba(214,155,45,.22), transparent 24rem),
    radial-gradient(circle at 92% 4%, rgba(47,125,78,.18), transparent 28rem),
    linear-gradient(180deg,var(--fp-bg) 0%,var(--fp-bg-2) 42%,#fffdf8 100%) !important;
  color:var(--fp-ink) !important;
}

html[data-theme="dark"] body.pro-ui,
body.dark-mode.pro-ui{
  background:
    radial-gradient(circle at 8% 0%, rgba(229,185,88,.16), transparent 24rem),
    radial-gradient(circle at 92% 8%, rgba(111,203,147,.14), transparent 28rem),
    linear-gradient(180deg,#07110d 0%,#0a1511 48%,#0d1a15 100%) !important;
}

body.pro-ui .site-shell{
  width:min(1280px, calc(100% - 34px)) !important;
}

body.pro-ui .page-noise{
  opacity:.2 !important;
  mix-blend-mode:multiply !important;
}

body.pro-ui .topbar{
  border:1px solid rgba(255,255,255,.58) !important;
  background:
    linear-gradient(135deg, rgba(255,253,248,.94), rgba(246,239,225,.9)),
    var(--fp-card) !important;
  box-shadow:var(--fp-shadow) !important;
  backdrop-filter:blur(18px) saturate(1.1) !important;
}

html[data-theme="dark"] body.pro-ui .topbar,
body.dark-mode.pro-ui .topbar{
  border-color:var(--fp-line) !important;
  background:linear-gradient(135deg, rgba(18,32,25,.94), rgba(11,22,17,.92)) !important;
}

body.pro-ui .topbar .site-logo{
  background:#fffaf0 !important;
  border-color:rgba(214,155,45,.28) !important;
  box-shadow:0 16px 34px rgba(89,64,21,.16) !important;
}

body.pro-ui #siteName,
body.pro-ui .topbar .brand{
  color:var(--fp-green) !important;
  text-shadow:none !important;
}

body.pro-ui #siteSlogan,
body.pro-ui .brand-sub{
  color:var(--fp-muted) !important;
}

body.pro-ui .search-large{
  background:#fffaf0 !important;
  border:1px solid rgba(214,155,45,.24) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 12px 28px rgba(71,55,26,.07) !important;
}

html[data-theme="dark"] body.pro-ui .search-large,
body.dark-mode.pro-ui .search-large{
  background:#14231b !important;
  border-color:var(--fp-line-strong) !important;
}

body.pro-ui .search-large input{
  color:var(--fp-ink) !important;
  font-weight:750 !important;
}

body.pro-ui .btn-primary,
body.pro-ui .primary-btn,
body.pro-ui .post-submit,
body.pro-ui .pro-card-cta,
body.pro-ui .search-large .btn-primary{
  background:linear-gradient(135deg,#e8bd57,#c87b22) !important;
  color:#201407 !important;
  border:0 !important;
  box-shadow:0 15px 30px rgba(196,115,28,.28) !important;
}

body.pro-ui .btn-primary:hover,
body.pro-ui .primary-btn:hover,
body.pro-ui .pro-card-cta:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 20px 38px rgba(196,115,28,.34) !important;
}

body.pro-ui .btn-light,
body.pro-ui .theme-toggle,
body.pro-ui .top-actions .btn,
body.pro-ui .welcome-pill{
  background:rgba(255,253,248,.88) !important;
  border:1px solid var(--fp-line) !important;
  color:var(--fp-ink) !important;
  box-shadow:0 10px 24px rgba(38,50,34,.07) !important;
}

html[data-theme="dark"] body.pro-ui .btn-light,
html[data-theme="dark"] body.pro-ui .theme-toggle,
html[data-theme="dark"] body.pro-ui .top-actions .btn,
body.dark-mode.pro-ui .btn-light,
body.dark-mode.pro-ui .theme-toggle,
body.dark-mode.pro-ui .top-actions .btn{
  background:#17281f !important;
  border-color:var(--fp-line) !important;
  color:#f3f0e8 !important;
}

body.pro-ui .main-nav{
  margin-top:16px !important;
  padding:12px !important;
  border:1px solid rgba(255,255,255,.58) !important;
  border-radius:999px !important;
  background:rgba(255,253,248,.82) !important;
  box-shadow:var(--fp-shadow-soft) !important;
  backdrop-filter:blur(16px) !important;
}

body.pro-ui .main-nav a{
  border-radius:999px !important;
  color:var(--fp-ink) !important;
  font-weight:850 !important;
}

body.pro-ui .main-nav a:hover,
body.pro-ui .main-nav .nav-cta{
  background:linear-gradient(135deg, rgba(31,91,59,.12), rgba(214,155,45,.18)) !important;
  color:var(--fp-green) !important;
}

body.pro-ui .hero-section{
  min-height:560px !important;
  padding:34px !important;
  border-radius:38px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:
    linear-gradient(115deg, rgba(9,29,20,.94) 0%, rgba(31,91,59,.82) 46%, rgba(214,155,45,.18) 100%),
    url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1800&q=82") center/cover !important;
  box-shadow:0 36px 100px rgba(24,34,23,.25) !important;
}

body.pro-ui .hero-section::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:30px;
  pointer-events:none;
}

body.pro-ui .mini-badge,
body.pro-ui .tiny-title,
body.pro-ui .hero-left .eyebrow,
body.pro-ui .section-pill{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  max-width:100% !important;
  min-height:30px !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  color:#7b5416 !important;
  background:linear-gradient(135deg,#fff5d6,#ffe4a3) !important;
  border:1px solid rgba(214,155,45,.42) !important;
  box-shadow:0 8px 20px rgba(214,155,45,.12) !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
}

body.pro-ui .hero-left h1{
  max-width:760px !important;
  font-size:clamp(40px,6vw,78px) !important;
  line-height:.92 !important;
  letter-spacing:-.065em !important;
}

body.pro-ui .hero-left p{
  max-width:650px !important;
  color:rgba(255,253,248,.9) !important;
  font-size:17px !important;
}

body.pro-ui .hero-points span{
  border-color:rgba(255,255,255,.2) !important;
  background:rgba(255,255,255,.12) !important;
  color:#fff8e6 !important;
  backdrop-filter:blur(10px) !important;
}

body.pro-ui .hero-summary{
  align-self:stretch !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:16px !important;
  padding:18px !important;
  border-radius:30px !important;
  background:rgba(255,253,248,.13) !important;
  border:1px solid rgba(255,255,255,.18) !important;
}

body.pro-ui .hero-summary .summary-card,
body.pro-ui .hero-summary .market-card{
  background:rgba(255,253,248,.94) !important;
  border:1px solid rgba(255,255,255,.6) !important;
  color:#172217 !important;
  box-shadow:0 18px 40px rgba(0,0,0,.16) !important;
}

body.pro-ui .quick-stats{
  gap:16px !important;
}

body.pro-ui .quick-stats .stat-box{
  border:1px solid rgba(255,255,255,.72) !important;
  border-radius:26px !important;
  background:
    linear-gradient(145deg, rgba(255,253,248,.96), rgba(246,239,225,.88)) !important;
  box-shadow:var(--fp-shadow-soft) !important;
}

body.pro-ui .panel,
body.pro-ui .market-section,
body.pro-ui .showcase-panel,
body.pro-ui .site-footer,
body.pro-ui .content,
body.pro-ui .sidebar{
  border:1px solid rgba(255,255,255,.7) !important;
  background:linear-gradient(180deg, rgba(255,253,248,.96), rgba(250,245,235,.92)) !important;
  box-shadow:var(--fp-shadow-soft) !important;
}

html[data-theme="dark"] body.pro-ui .panel,
html[data-theme="dark"] body.pro-ui .market-section,
html[data-theme="dark"] body.pro-ui .showcase-panel,
html[data-theme="dark"] body.pro-ui .site-footer,
html[data-theme="dark"] body.pro-ui .content,
html[data-theme="dark"] body.pro-ui .sidebar,
body.dark-mode.pro-ui .panel,
body.dark-mode.pro-ui .market-section,
body.dark-mode.pro-ui .showcase-panel,
body.dark-mode.pro-ui .site-footer,
body.dark-mode.pro-ui .content,
body.dark-mode.pro-ui .sidebar{
  background:linear-gradient(180deg, rgba(18,32,25,.96), rgba(13,26,21,.94)) !important;
  border-color:var(--fp-line) !important;
}

body.pro-ui .section-header h2,
body.pro-ui .section-intro h2,
body.pro-ui .panel h2,
body.pro-ui .panel h3{
  color:var(--fp-ink) !important;
  letter-spacing:-.045em !important;
}

body.pro-ui .section-header p,
body.pro-ui .section-intro p,
body.pro-ui .panel p,
body.pro-ui .post-desc,
body.pro-ui .pro-desc{
  color:var(--fp-muted) !important;
}

body.pro-ui #marketSection{
  position:relative !important;
  overflow:hidden !important;
  padding:28px !important;
}

body.pro-ui #marketSection::after{
  content:"";
  position:absolute;
  width:280px;
  height:280px;
  right:-120px;
  bottom:-130px;
  background:radial-gradient(circle, rgba(214,155,45,.25), transparent 68%);
  pointer-events:none;
}

body.pro-ui .filter-pill,
body.pro-ui .quick-locations button,
body.pro-ui .listing-category-tab,
body.pro-ui .preset-price-row .btn{
  border:1px solid var(--fp-line) !important;
  background:#fffaf0 !important;
  color:var(--fp-ink) !important;
  box-shadow:0 8px 18px rgba(38,50,34,.06) !important;
}

body.pro-ui .filter-pill.active,
body.pro-ui .quick-locations button.active,
body.pro-ui .listing-category-tab.is-active{
  background:linear-gradient(135deg,var(--fp-green),var(--fp-green-2)) !important;
  border-color:transparent !important;
  color:#fffdf8 !important;
  box-shadow:0 14px 30px rgba(31,91,59,.26) !important;
}

body.pro-ui .layout{
  grid-template-columns:340px minmax(0,1fr) !important;
  gap:22px !important;
}

body.pro-ui .sidebar{
  position:sticky !important;
  top:16px !important;
  display:grid !important;
  gap:16px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.pro-ui .sidebar .panel{
  border-radius:28px !important;
}

body.pro-ui input,
body.pro-ui select,
body.pro-ui textarea{
  border:1px solid rgba(48,63,42,.18) !important;
  background:#fffaf0 !important;
  color:var(--fp-ink) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72), 0 8px 18px rgba(38,50,34,.04) !important;
}

body.pro-ui input:focus,
body.pro-ui select:focus,
body.pro-ui textarea:focus{
  border-color:rgba(47,125,78,.42) !important;
  box-shadow:0 0 0 4px rgba(47,125,78,.12), 0 12px 26px rgba(47,125,78,.08) !important;
}

body.pro-ui .cards-grid,
body.pro-ui #postList{
  gap:18px !important;
}

body.pro-ui #postList .pro-listing-card{
  position:relative !important;
  grid-template-columns:300px minmax(0,1fr) !important;
  min-height:300px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.72) !important;
  border-radius:30px !important;
  background:
    linear-gradient(135deg, rgba(255,253,248,.98), rgba(248,242,230,.92)) !important;
  box-shadow:0 18px 52px rgba(38,50,34,.1) !important;
}

body.pro-ui #postList .pro-listing-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,var(--fp-green),var(--fp-gold),var(--fp-orange));
  opacity:.9;
}

html[data-theme="dark"] body.pro-ui #postList .pro-listing-card,
body.dark-mode.pro-ui #postList .pro-listing-card{
  background:linear-gradient(135deg, rgba(18,32,25,.98), rgba(13,26,21,.94)) !important;
  border-color:var(--fp-line) !important;
}

body.pro-ui #postList .pro-listing-card:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 28px 76px rgba(38,50,34,.16) !important;
}

body.pro-ui .pro-listing-media{
  margin:14px 0 14px 14px !important;
  border-radius:24px !important;
  overflow:hidden !important;
}

body.pro-ui .pro-listing-media img{
  filter:saturate(1.04) contrast(1.02) !important;
}

body.pro-ui .pro-listing-title{
  color:var(--fp-ink) !important;
  font-size:clamp(22px,2.4vw,34px) !important;
  line-height:1.05 !important;
  letter-spacing:-.045em !important;
}

body.pro-ui .pro-price,
body.pro-ui .post-price{
  color:var(--fp-orange) !important;
  font-size:clamp(22px,2.5vw,32px) !important;
  font-weight:950 !important;
}

body.pro-ui .pro-meta{
  background:#fff8e8 !important;
  border:1px solid rgba(214,155,45,.18) !important;
  color:#5c4b2b !important;
}

html[data-theme="dark"] body.pro-ui .pro-meta,
body.dark-mode.pro-ui .pro-meta{
  background:#1b2d23 !important;
  border-color:var(--fp-line) !important;
  color:#d7ddcf !important;
}

body.pro-ui .pro-avatar{
  background:linear-gradient(135deg,var(--fp-green),#153f2b) !important;
  color:#fffdf8 !important;
}

body.pro-ui .post-pagination{
  margin-top:18px !important;
  padding:12px !important;
  border-radius:999px !important;
  background:rgba(255,253,248,.88) !important;
  border:1px solid rgba(255,255,255,.7) !important;
  box-shadow:var(--fp-shadow-soft) !important;
}

body.pro-ui .post-page-btn.is-active,
body.pro-ui .post-page-nav:not(:disabled):hover{
  background:var(--fp-green) !important;
  color:#fff !important;
}

body.pro-ui #postSection{
  border-radius:34px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(214,155,45,.14), transparent 20rem),
    linear-gradient(180deg, rgba(255,253,248,.98), rgba(248,242,230,.94)) !important;
}

body.pro-ui #postSection .ai-support-panel{
  background:
    radial-gradient(circle at 100% 0%, rgba(214,155,45,.18), transparent 18rem),
    linear-gradient(135deg,#f5fbf1,#fff4d7) !important;
  border-color:rgba(47,125,78,.18) !important;
}

body.pro-ui #postSection .ai-trigger-badge{
  background:linear-gradient(135deg,var(--fp-green),var(--fp-gold)) !important;
}

body.pro-ui .pricing-grid .pricing-card,
body.pro-ui .plan-card,
body.pro-ui .wallet-card,
body.pro-ui .info-card{
  border-color:var(--fp-line) !important;
  background:linear-gradient(180deg,#fffdf8,#f8f2e6) !important;
  box-shadow:0 14px 34px rgba(38,50,34,.08) !important;
}

html[data-theme="dark"] body.pro-ui .pricing-grid .pricing-card,
html[data-theme="dark"] body.pro-ui .plan-card,
html[data-theme="dark"] body.pro-ui .wallet-card,
html[data-theme="dark"] body.pro-ui .info-card,
body.dark-mode.pro-ui .pricing-grid .pricing-card,
body.dark-mode.pro-ui .plan-card,
body.dark-mode.pro-ui .wallet-card,
body.dark-mode.pro-ui .info-card{
  background:linear-gradient(180deg,#17281f,#101f18) !important;
  border-color:var(--fp-line) !important;
  color:var(--fp-ink) !important;
}

body.pro-ui .modal{
  backdrop-filter:blur(12px) !important;
  background:rgba(13,20,15,.56) !important;
}

body.pro-ui .modal-box{
  border:1px solid rgba(255,255,255,.65) !important;
  background:linear-gradient(180deg,#fffdf8,#f7efe0) !important;
  box-shadow:0 36px 110px rgba(13,20,15,.36) !important;
}

html[data-theme="dark"] body.pro-ui .modal-box,
body.dark-mode.pro-ui .modal-box{
  border-color:var(--fp-line) !important;
  background:linear-gradient(180deg,#14231b,#0d1a15) !important;
}

body.pro-ui .site-footer{
  margin-bottom:28px !important;
  background:
    linear-gradient(135deg, #14271d, #1f5b3b 56%, #8a5b19) !important;
  color:#fffdf8 !important;
}

body.pro-ui .site-footer p,
body.pro-ui .site-footer a,
body.pro-ui .site-footer span{
  color:rgba(255,253,248,.82) !important;
}

body.pro-ui .floating-actions .floating-contact,
body.pro-ui .floating-contact{
  filter:drop-shadow(0 18px 30px rgba(38,50,34,.2)) !important;
}

/* Admin polish */
body.admin-body{
  background:
    radial-gradient(circle at 7% 2%, rgba(214,155,45,.2), transparent 24rem),
    radial-gradient(circle at 94% 0%, rgba(31,91,59,.16), transparent 28rem),
    linear-gradient(180deg,#f5f1e8,#edf4ee) !important;
  color:var(--fp-ink) !important;
}

body.admin-body .admin-shell{
  width:min(1480px, calc(100% - 32px)) !important;
  gap:24px !important;
}

body.admin-body .admin-sidebar{
  border-radius:32px !important;
  background:
    linear-gradient(180deg, rgba(16,42,29,.98), rgba(8,18,14,.98)),
    #102a1d !important;
  box-shadow:0 28px 80px rgba(24,34,23,.24) !important;
}

body.admin-body .admin-logo{
  color:#fff8e6 !important;
  letter-spacing:-.05em !important;
}

body.admin-body .admin-sidebar > a{
  border-radius:16px !important;
}

body.admin-body .admin-sidebar > a:hover,
body.admin-body .admin-sidebar > a.active{
  background:rgba(214,155,45,.16) !important;
  border-color:rgba(214,155,45,.25) !important;
}

body.admin-body .admin-top,
body.admin-body .admin-panel,
body.admin-body .stat-card{
  border:1px solid rgba(255,255,255,.72) !important;
  background:linear-gradient(180deg, rgba(255,253,248,.96), rgba(248,242,230,.92)) !important;
  box-shadow:var(--fp-shadow-soft) !important;
}

body.admin-body .stat-card{
  position:relative !important;
  overflow:hidden !important;
}

body.admin-body .stat-card::after{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  right:-50px;
  bottom:-60px;
  background:radial-gradient(circle, rgba(214,155,45,.22), transparent 70%);
}

body.admin-body .stat-card h2,
body.admin-body .admin-top h1,
body.admin-body .admin-panel h2{
  color:var(--fp-ink) !important;
}

body.admin-body .admin-panel .btn-primary,
body.admin-body .admin-top .btn-primary,
body.admin-body .btn-primary{
  background:linear-gradient(135deg,#e8bd57,#c87b22) !important;
  color:#201407 !important;
  border:0 !important;
}

body.admin-body table{
  border-collapse:separate !important;
  border-spacing:0 !important;
}

body.admin-body thead th{
  background:#f0e5d0 !important;
  color:#4f3b19 !important;
}

body.admin-body tbody tr:hover{
  background:#fff8e8 !important;
}

@media (max-width:1180px){
  body.pro-ui .layout{
    grid-template-columns:1fr !important;
  }

  body.pro-ui .sidebar{
    position:static !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  body.pro-ui .sidebar .panel:first-child{
    grid-column:1 / -1 !important;
  }
}

@media (max-width:820px){
  body.pro-ui .site-shell{
    width:min(100% - 18px,100%) !important;
  }

  body.pro-ui .main-nav{
    border-radius:24px !important;
  }

  body.pro-ui .hero-section{
    min-height:auto !important;
    padding:24px 18px !important;
    border-radius:30px !important;
    grid-template-columns:1fr !important;
  }

  body.pro-ui .hero-section::before{
    inset:10px;
    border-radius:24px;
  }

  body.pro-ui .hero-left h1{
    font-size:clamp(38px,12vw,58px) !important;
    max-width:9.5ch !important;
  }

  body.pro-ui .hero-summary{
    padding:12px !important;
  }

  body.pro-ui .quick-stats{
    grid-template-columns:1fr !important;
  }

  body.pro-ui .sidebar{
    grid-template-columns:1fr !important;
  }

  body.pro-ui #postList .pro-listing-card{
    display:grid !important;
    grid-template-columns:1fr !important;
    min-height:0 !important;
    border-radius:26px !important;
  }

  body.pro-ui .pro-listing-media{
    margin:12px 12px 0 !important;
    min-height:230px !important;
  }

  body.pro-ui .post-pagination{
    border-radius:24px !important;
    flex-wrap:wrap !important;
  }

  body.admin-body .admin-shell{
    width:100% !important;
  }
}

@media (max-width:520px){
  body.pro-ui .topbar .brand{
    font-size:clamp(30px,9vw,40px) !important;
  }

  body.pro-ui .panel,
  body.pro-ui .market-section,
  body.pro-ui .showcase-panel,
  body.pro-ui .site-footer{
    border-radius:24px !important;
    padding:16px !important;
  }

  body.pro-ui .section-header{
    gap:12px !important;
  }

  body.pro-ui .filter-pill-row,
  body.pro-ui .quick-locations{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }

  body.pro-ui .filter-pill,
  body.pro-ui .quick-locations button{
    width:100% !important;
    justify-content:center !important;
  }
}

/* Product polish pass - tighter, clearer, more marketplace-like */
body.pro-ui{
  -webkit-font-smoothing:antialiased !important;
  text-rendering:optimizeLegibility !important;
}

body.pro-ui ::selection{
  background:rgba(214,155,45,.28) !important;
  color:var(--fp-ink) !important;
}

body.pro-ui :is(.topbar,.main-nav,.panel,.market-section,.showcase-panel,.post-section,.packages-section,.contact-section,.site-footer,.commercial-hero){
  outline:1px solid rgba(255,255,255,.36);
  outline-offset:-1px;
}

body.pro-ui .topbar{
  position:sticky !important;
  top:12px !important;
  z-index:90 !important;
  gap:16px !important;
  transform:translateZ(0);
}

body.pro-ui .brand-wrap{
  min-width:260px !important;
}

body.pro-ui .brand-sub{
  max-width:360px !important;
  line-height:1.35 !important;
}

body.pro-ui .search-large{
  min-height:58px !important;
  padding:6px !important;
}

body.pro-ui .search-large input{
  min-height:46px !important;
  font-size:15px !important;
}

body.pro-ui .top-actions{
  gap:8px !important;
}

body.pro-ui .top-actions .btn,
body.pro-ui .theme-toggle,
body.pro-ui .welcome-pill{
  min-height:44px !important;
  padding-inline:16px !important;
}

body.pro-ui .main-nav{
  position:relative !important;
  overflow-x:auto !important;
  scrollbar-width:none !important;
}

body.pro-ui .main-nav::-webkit-scrollbar{
  display:none !important;
}

body.pro-ui .main-nav a{
  min-height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  white-space:nowrap !important;
}

body.pro-ui .section-header h2,
body.pro-ui .panel h2,
body.pro-ui .content h2{
  letter-spacing:-.045em !important;
}

body.pro-ui .section-header{
  align-items:flex-end !important;
}

body.pro-ui .section-header-block{
  padding:24px !important;
}

body.pro-ui .listing-category-tabs{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}

body.pro-ui .listing-category-tab{
  min-width:128px !important;
  justify-content:center !important;
}

body.pro-ui #postList.cards-grid{
  display:grid !important;
  gap:18px !important;
}

body.pro-ui #postList .pro-listing-card{
  isolation:isolate !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

body.pro-ui #postList .pro-listing-card:hover{
  border-color:rgba(47,125,78,.3) !important;
}

body.pro-ui .pro-listing-media{
  background:#e9dfcf !important;
}

body.pro-ui .pro-listing-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 38%,rgba(0,0,0,.18));
}

body.pro-ui .pro-listing-content{
  padding:24px 26px 22px !important;
}

body.pro-ui .pro-listing-title{
  max-width:920px !important;
}

body.pro-ui .pro-description{
  color:var(--fp-muted) !important;
  line-height:1.72 !important;
  font-weight:650 !important;
}

body.pro-ui .pro-listing-actions{
  border-top:1px solid var(--fp-line) !important;
  padding-top:16px !important;
}

body.pro-ui .pro-card-cta{
  min-width:132px !important;
  border-radius:999px !important;
}

body.pro-ui .favorite-btn,
body.pro-ui .share-btn,
body.pro-ui .compare-btn{
  backdrop-filter:blur(12px) !important;
  border:1px solid rgba(255,255,255,.55) !important;
}

html[data-theme="dark"] body.pro-ui .favorite-btn,
html[data-theme="dark"] body.pro-ui .share-btn,
html[data-theme="dark"] body.pro-ui .compare-btn,
body.dark-mode.pro-ui .favorite-btn,
body.dark-mode.pro-ui .share-btn,
body.dark-mode.pro-ui .compare-btn{
  background:rgba(242,237,224,.88) !important;
  color:#162016 !important;
}

body.pro-ui .post-page-set{
  gap:8px !important;
}

body.pro-ui .post-page-btn,
body.pro-ui .post-page-nav{
  min-width:42px !important;
  height:42px !important;
  border-radius:14px !important;
  border:1px solid var(--fp-line) !important;
  font-weight:900 !important;
}

body.pro-ui .post-page-summary{
  color:var(--fp-muted) !important;
  font-weight:800 !important;
}

body.pro-ui :is(.panel,.market-section,.showcase-panel,.post-section,.packages-section,.contact-section){
  box-shadow:0 18px 50px rgba(38,50,34,.08) !important;
}

body.pro-ui #postForm label,
body.pro-ui .form-grid label,
body.pro-ui .filter-stack label{
  color:var(--fp-muted) !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
}

body.pro-ui #postForm :is(input,select,textarea),
body.pro-ui .form-grid :is(input,select,textarea),
body.pro-ui .filter-stack :is(input,select,textarea){
  min-height:52px !important;
  border-radius:18px !important;
}

body.pro-ui #postForm textarea,
body.pro-ui .form-grid textarea{
  min-height:128px !important;
  line-height:1.65 !important;
}

html[data-theme="dark"] body.pro-ui input,
html[data-theme="dark"] body.pro-ui select,
html[data-theme="dark"] body.pro-ui textarea,
body.dark-mode.pro-ui input,
body.dark-mode.pro-ui select,
body.dark-mode.pro-ui textarea{
  background:#17281f !important;
  border-color:rgba(238,231,214,.2) !important;
  color:#f3f0e8 !important;
  -webkit-text-fill-color:#f3f0e8 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 8px 18px rgba(0,0,0,.16) !important;
}

html[data-theme="dark"] body.pro-ui :is(input,textarea)::placeholder,
body.dark-mode.pro-ui :is(input,textarea)::placeholder{
  color:#aeb9ad !important;
  -webkit-text-fill-color:#aeb9ad !important;
}

body.pro-ui .pricing-card,
body.pro-ui .plan-card,
body.pro-ui .package-card{
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

body.pro-ui .pricing-card:hover,
body.pro-ui .plan-card:hover,
body.pro-ui .package-card:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(214,155,45,.44) !important;
  box-shadow:0 24px 58px rgba(38,50,34,.13) !important;
}

body.pro-ui .contact-section{
  align-items:stretch !important;
}

body.pro-ui .contact-section .contact-copy,
body.pro-ui .contact-section form,
body.pro-ui .contact-section .contact-form{
  border-radius:28px !important;
}

body.pro-ui .modal-box{
  border-radius:32px !important;
}

body.pro-ui .modal-close,
body.pro-ui .announcement-popup-close{
  display:grid !important;
  place-items:center !important;
}

body.admin-body{
  font-family:"Poppins", Arial, sans-serif !important;
  -webkit-font-smoothing:antialiased !important;
}

body.admin-body .admin-top{
  position:sticky !important;
  top:18px !important;
  z-index:20 !important;
  backdrop-filter:blur(16px) !important;
}

body.admin-body .admin-section{
  scroll-margin-top:120px !important;
}

body.admin-body .admin-panel{
  border-radius:30px !important;
  overflow:hidden !important;
}

body.admin-body .admin-panel table{
  min-width:780px !important;
}

body.admin-body .admin-panel > div[id$="Wrap"]{
  overflow:auto !important;
  border-radius:22px !important;
  border:1px solid rgba(48,63,42,.12) !important;
}

body.admin-body .btn{
  border-radius:999px !important;
  font-weight:900 !important;
}

@media (max-width:960px){
  body.pro-ui .topbar{
    position:relative !important;
    top:auto !important;
    grid-template-columns:1fr !important;
    border-radius:26px !important;
    padding:14px !important;
  }

  body.pro-ui .brand-wrap{
    min-width:0 !important;
  }

  body.pro-ui .search-large{
    width:100% !important;
  }

  body.pro-ui .top-actions,
  body.pro-ui #guestActions,
  body.pro-ui #userActions{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  body.pro-ui .top-actions.hidden,
  body.pro-ui #guestActions.hidden,
  body.pro-ui #userActions.hidden{
    display:none !important;
  }

  body.pro-ui .top-actions .btn,
  body.pro-ui .welcome-pill{
    width:100% !important;
    justify-content:center !important;
    padding-inline:10px !important;
  }

  body.pro-ui .commercial-hero{
    border-radius:28px !important;
  }
}

@media (max-width:720px){
  body.pro-ui{
    background:
      radial-gradient(circle at 10% 0%, rgba(214,155,45,.18), transparent 18rem),
      linear-gradient(180deg,var(--fp-bg),var(--fp-bg-2)) !important;
  }

  body.pro-ui .top-strip{
    display:none !important;
  }

  body.pro-ui .main-nav{
    margin-top:10px !important;
    padding:8px !important;
    border-radius:20px !important;
  }

  body.pro-ui .main-nav a{
    min-height:38px !important;
    padding:0 12px !important;
    font-size:13px !important;
  }

  body.pro-ui .section-header{
    align-items:flex-start !important;
  }

  body.pro-ui .section-header-block{
    padding:18px !important;
  }

  body.pro-ui .section-header h2{
    font-size:clamp(26px,8vw,36px) !important;
    line-height:1.02 !important;
  }

  body.pro-ui .listing-category-tab{
    flex:1 1 132px !important;
  }

  body.pro-ui #postList .pro-listing-card{
    border-radius:24px !important;
    box-shadow:0 14px 34px rgba(38,50,34,.09) !important;
  }

  body.pro-ui .pro-listing-content{
    padding:18px !important;
  }

  body.pro-ui .pro-listing-title{
    font-size:21px !important;
    line-height:1.18 !important;
  }

  body.pro-ui .pro-price{
    font-size:22px !important;
  }

  body.pro-ui .pro-listing-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  body.pro-ui .pro-card-cta{
    width:100% !important;
  }

  body.pro-ui .post-pagination{
    border-radius:20px !important;
    justify-content:center !important;
  }

  body.pro-ui .post-page-summary{
    width:100% !important;
    text-align:center !important;
  }

  body.admin-body .admin-shell{
    display:block !important;
  }

  body.admin-body .admin-sidebar{
    position:sticky !important;
    top:0 !important;
    z-index:30 !important;
    border-radius:0 0 24px 24px !important;
    padding:16px !important;
    display:flex !important;
    overflow-x:auto !important;
    gap:10px !important;
  }

  body.admin-body .admin-sidebar .admin-logo,
  body.admin-body .admin-sidebar .admin-sublogo,
  body.admin-body .admin-sidebar .admin-badge-row{
    display:none !important;
  }

  body.admin-body .admin-sidebar > a{
    white-space:nowrap !important;
    flex:0 0 auto !important;
  }

  body.admin-body .admin-main{
    padding:14px !important;
  }

  body.admin-body .admin-top{
    position:relative !important;
    top:auto !important;
    border-radius:24px !important;
  }
}

@media (max-width:480px){
  body.pro-ui .site-shell{
    width:calc(100% - 14px) !important;
  }

  body.pro-ui .topbar .site-logo{
    width:58px !important;
    height:58px !important;
  }

  body.pro-ui .topbar .brand{
    font-size:27px !important;
    line-height:.98 !important;
  }

  body.pro-ui .brand-sub{
    font-size:12px !important;
  }

  body.pro-ui .search-large{
    min-height:54px !important;
  }

  body.pro-ui .top-actions,
  body.pro-ui #guestActions,
  body.pro-ui #userActions{
    grid-template-columns:1fr 1fr !important;
  }

  body.pro-ui #guestActions .btn:first-child,
  body.pro-ui #userActions .welcome-pill,
  body.pro-ui #userActions .btn-danger{
    grid-column:1 / -1 !important;
  }

  body.pro-ui :is(.panel,.market-section,.showcase-panel,.post-section,.packages-section,.contact-section,.site-footer){
    padding:15px !important;
    border-radius:22px !important;
  }

  body.pro-ui .pro-listing-media{
    min-height:190px !important;
  }

  body.pro-ui #postForm :is(input,select,textarea),
  body.pro-ui .form-grid :is(input,select,textarea),
  body.pro-ui .filter-stack :is(input,select,textarea){
    min-height:50px !important;
    border-radius:16px !important;
  }
}

/* Mobile detail modal must scroll vertically instead of trapping content */
body.pro-ui #detailModal.modal{
  align-items:flex-start !important;
  justify-content:center !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
  padding:14px !important;
}

body.pro-ui #detailModal .modal-box{
  display:flex !important;
  flex-direction:column !important;
  width:min(1120px, calc(100vw - 28px)) !important;
  max-height:calc(100dvh - 28px) !important;
  overflow:hidden !important;
}

body.pro-ui #detailModal .modal-head{
  position:sticky !important;
  top:0 !important;
  z-index:5 !important;
  flex:0 0 auto !important;
  background:inherit !important;
  border-bottom:1px solid var(--fp-line) !important;
}

body.pro-ui #detailModal #detailContent{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
}

@media (max-width:760px){
  body.pro-ui #detailModal.modal{
    padding:0 !important;
  }

  body.pro-ui #detailModal .modal-box{
    width:100vw !important;
    height:100dvh !important;
    max-height:100dvh !important;
    border-radius:0 !important;
  }

  body.pro-ui #detailModal .modal-head{
    min-height:58px !important;
    padding:14px 16px !important;
    background:var(--fp-card) !important;
  }

  html[data-theme="dark"] body.pro-ui #detailModal .modal-head,
  body.dark-mode.pro-ui #detailModal .modal-head{
    background:var(--fp-card) !important;
  }

  body.pro-ui #detailModal #detailContent{
    padding:14px !important;
  }

  body.pro-ui #detailModal .pro-detail{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    min-height:0 !important;
    overflow:visible !important;
  }

  body.pro-ui #detailModal .pro-detail-gallery{
    border-radius:22px !important;
  }

  body.pro-ui #detailModal .pro-detail-gallery img{
    height:240px !important;
    min-height:240px !important;
    max-height:240px !important;
    object-fit:cover !important;
  }

  body.pro-ui #detailModal .pro-detail-main,
  body.pro-ui #detailModal .pro-detail-contact,
  body.pro-ui #detailModal .pro-detail-info{
    border-radius:22px !important;
    padding:16px !important;
  }

  body.pro-ui #detailModal .pro-detail-contact{
    position:static !important;
    order:3 !important;
  }

  body.pro-ui #detailModal .pro-detail-title{
    font-size:clamp(26px,8vw,36px) !important;
    line-height:1.08 !important;
  }

  body.pro-ui #detailModal .pro-detail-price{
    font-size:clamp(24px,8vw,34px) !important;
  }

  body.pro-ui #detailModal .pro-detail-info{
    grid-template-columns:1fr 1fr !important;
  }
}

@media (max-width:420px){
  body.pro-ui #detailModal .pro-detail-gallery img{
    height:210px !important;
    min-height:210px !important;
    max-height:210px !important;
  }

  body.pro-ui #detailModal .pro-detail-info{
    grid-template-columns:1fr !important;
  }
}

/* Professional marketplace polish layer: modern surfaces, spacing, hierarchy and responsive consistency. */
:root{
  --pm-bg:#f4f7fb;
  --pm-card:#ffffff;
  --pm-card-soft:#f8fafc;
  --pm-ink:#172033;
  --pm-muted:#64748b;
  --pm-line:rgba(15,23,42,.10);
  --pm-line-strong:rgba(15,23,42,.16);
  --pm-blue:#1d4ed8;
  --pm-blue-2:#2563eb;
  --pm-gold:#f8b800;
  --pm-gold-2:#f59e0b;
  --pm-red:#ef4444;
  --pm-radius-xl:32px;
  --pm-radius-lg:24px;
  --pm-radius-md:18px;
  --pm-shadow:0 22px 70px rgba(15,23,42,.10);
  --pm-shadow-soft:0 12px 34px rgba(15,23,42,.08);
  --pm-focus:0 0 0 4px rgba(37,99,235,.14);
}

html[data-theme="dark"],
body.dark-mode{
  --pm-bg:#071120;
  --pm-card:#0f1b2f;
  --pm-card-soft:#13233a;
  --pm-ink:#f6f9ff;
  --pm-muted:#c2cce0;
  --pm-line:rgba(226,232,240,.16);
  --pm-line-strong:rgba(226,232,240,.24);
  --pm-shadow:0 22px 70px rgba(0,0,0,.35);
  --pm-shadow-soft:0 12px 34px rgba(0,0,0,.26);
  --pm-focus:0 0 0 4px rgba(96,165,250,.20);
}

body.pro-ui{
  background:
    radial-gradient(circle at 8% -8%, rgba(248,184,0,.16), transparent 28rem),
    radial-gradient(circle at 92% 0%, rgba(37,99,235,.12), transparent 32rem),
    linear-gradient(180deg,var(--pm-bg),#eef3f9 68%,var(--pm-bg)) !important;
  color:var(--pm-ink) !important;
}

html[data-theme="dark"] body.pro-ui,
body.dark-mode.pro-ui{
  background:
    radial-gradient(circle at 6% -6%, rgba(248,184,0,.12), transparent 28rem),
    radial-gradient(circle at 94% 4%, rgba(96,165,250,.16), transparent 34rem),
    linear-gradient(180deg,#071120,#09162a 58%,#071120) !important;
}

body.pro-ui :is(.site-shell > .topbar, header.topbar){
  position:sticky !important;
  top:10px !important;
  z-index:80 !important;
  width:min(1280px,calc(100% - 32px)) !important;
  margin:14px auto 12px !important;
  padding:14px 16px !important;
  border:1px solid var(--pm-line) !important;
  border-radius:28px !important;
  background:rgba(255,255,255,.88) !important;
  box-shadow:var(--pm-shadow-soft) !important;
  backdrop-filter:blur(18px) saturate(140%) !important;
}

html[data-theme="dark"] body.pro-ui :is(.site-shell > .topbar, header.topbar),
body.dark-mode.pro-ui :is(.site-shell > .topbar, header.topbar){
  background:rgba(15,27,47,.88) !important;
  border-color:var(--pm-line-strong) !important;
}

body.pro-ui .topbar .site-logo{
  border-radius:22px !important;
  border:1px solid rgba(37,99,235,.14) !important;
  box-shadow:0 12px 30px rgba(15,23,42,.10) !important;
}

body.pro-ui :is(.topbar .brand,#siteName){
  color:var(--pm-blue) !important;
  font-size:clamp(24px,2.1vw,32px) !important;
  font-weight:600 !important;
  letter-spacing:-.045em !important;
}

html[data-theme="dark"] body.pro-ui :is(.topbar .brand,#siteName),
body.dark-mode.pro-ui :is(.topbar .brand,#siteName){
  color:#dbeafe !important;
}

body.pro-ui :is(.topbar .brand-sub,#siteSlogan){
  color:var(--pm-muted) !important;
  font-size:13px !important;
  font-weight:500 !important;
}

body.pro-ui .topbar .search-large{
  min-height:56px !important;
  padding:7px !important;
  border:1px solid var(--pm-line) !important;
  border-radius:20px !important;
  background:var(--pm-card-soft) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75) !important;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}

body.pro-ui .topbar .search-large:focus-within{
  border-color:rgba(37,99,235,.42) !important;
  box-shadow:var(--pm-focus), inset 0 1px 0 rgba(255,255,255,.75) !important;
}

body.pro-ui .topbar .search-large input{
  color:var(--pm-ink) !important;
  font-size:15px !important;
  font-weight:500 !important;
}

body.pro-ui :is(.btn,button,.welcome-pill,.theme-toggle,.filter-pill,.tab-btn,.category-tab,.listing-category-tab){
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease !important;
}

body.pro-ui :is(.btn,button):not(:disabled):hover{
  transform:translateY(-1px) !important;
}

body.pro-ui .btn-primary,
body.pro-ui .topbar .search-large .btn,
body.pro-ui .nav-cta{
  background:linear-gradient(135deg,var(--pm-blue),var(--pm-blue-2)) !important;
  border-color:rgba(37,99,235,.32) !important;
  color:#fff !important;
  box-shadow:0 14px 28px rgba(37,99,235,.22) !important;
}

body.pro-ui .btn-light,
body.pro-ui .welcome-pill,
body.pro-ui .theme-toggle{
  background:var(--pm-card) !important;
  border:1px solid var(--pm-line) !important;
  color:var(--pm-ink) !important;
  box-shadow:0 8px 22px rgba(15,23,42,.06) !important;
}

body.pro-ui .btn-danger{
  background:linear-gradient(135deg,#ef4444,#dc2626) !important;
  color:#fff !important;
  box-shadow:0 14px 28px rgba(220,38,38,.18) !important;
}

body.pro-ui .main-nav{
  width:min(1280px,calc(100% - 32px)) !important;
  margin:0 auto 18px !important;
  padding:11px !important;
  gap:8px !important;
  border:1px solid var(--pm-line) !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.82) !important;
  box-shadow:var(--pm-shadow-soft) !important;
  backdrop-filter:blur(14px) !important;
}

html[data-theme="dark"] body.pro-ui .main-nav,
body.dark-mode.pro-ui .main-nav{
  background:rgba(15,27,47,.86) !important;
}

body.pro-ui .main-nav a{
  min-height:42px !important;
  padding:0 15px !important;
  border-radius:999px !important;
  color:var(--pm-ink) !important;
  font-weight:600 !important;
}

body.pro-ui .main-nav a:hover{
  background:rgba(37,99,235,.09) !important;
  color:var(--pm-blue) !important;
}

body.pro-ui :is(.commercial-hero,.hero-section,.market-section,.panel,.showcase-panel,.packages-section,.post-section,.site-footer){
  width:min(1280px,calc(100% - 32px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  border:1px solid var(--pm-line) !important;
  border-radius:var(--pm-radius-xl) !important;
  background:rgba(255,255,255,.90) !important;
  box-shadow:var(--pm-shadow-soft) !important;
}

html[data-theme="dark"] body.pro-ui :is(.commercial-hero,.hero-section,.market-section,.panel,.showcase-panel,.packages-section,.post-section,.site-footer),
body.dark-mode.pro-ui :is(.commercial-hero,.hero-section,.market-section,.panel,.showcase-panel,.packages-section,.post-section,.site-footer){
  background:rgba(15,27,47,.92) !important;
  border-color:var(--pm-line-strong) !important;
}

body.pro-ui .hero-slider{
  border-radius:30px !important;
  overflow:hidden !important;
  box-shadow:0 26px 80px rgba(15,23,42,.16) !important;
}

body.pro-ui .hero-slide::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg,rgba(8,16,31,.70),rgba(8,16,31,.32) 46%,rgba(8,16,31,.56)) !important;
  pointer-events:none !important;
}

body.pro-ui .hero-slide-content{
  position:relative !important;
  z-index:2 !important;
  max-width:620px !important;
}

body.pro-ui .hero-badge,
body.pro-ui .section-kicker,
body.pro-ui .eyebrow{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  max-width:100% !important;
  min-height:34px !important;
  padding:0 14px !important;
  border:1px solid rgba(248,184,0,.34) !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,rgba(255,247,219,.98),rgba(255,255,255,.70)) !important;
  color:#7a5600 !important;
  font-size:12px !important;
  font-weight:600 !important;
  letter-spacing:.01em !important;
}

body.pro-ui .section-header h2,
body.pro-ui .section-intro h2,
body.pro-ui .section-header-block h2,
body.pro-ui .pricing-copy h2,
body.pro-ui .post-section h2{
  color:var(--pm-ink) !important;
  font-weight:600 !important;
  letter-spacing:-.045em !important;
}

body.pro-ui .section-header p,
body.pro-ui .section-intro p,
body.pro-ui .muted,
body.pro-ui .muted-text{
  color:var(--pm-muted) !important;
  font-weight:400 !important;
  line-height:1.7 !important;
}

body.pro-ui :is(.filter-pill,.tab-btn,.category-tab,.listing-category-tab,.quick-locations button){
  border:1px solid var(--pm-line) !important;
  background:var(--pm-card) !important;
  color:var(--pm-ink) !important;
  box-shadow:0 7px 18px rgba(15,23,42,.05) !important;
}

body.pro-ui :is(.filter-pill.active,.tab-btn.active,.category-tab.active,.listing-category-tab.is-active,.quick-locations button.active){
  background:linear-gradient(135deg,#fff7db,#fff1b8) !important;
  border-color:rgba(248,184,0,.45) !important;
  color:#7a5600 !important;
  box-shadow:0 12px 26px rgba(248,184,0,.18) !important;
}

body.pro-ui :is(.filter-stack,input,select,textarea) {
  font-size:15px !important;
}

body.pro-ui :is(input,select,textarea){
  border:1px solid var(--pm-line) !important;
  border-radius:18px !important;
  background:var(--pm-card) !important;
  color:var(--pm-ink) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.70) !important;
  outline:none !important;
}

body.pro-ui :is(input,select,textarea):focus{
  border-color:rgba(37,99,235,.48) !important;
  box-shadow:var(--pm-focus) !important;
}

body.pro-ui :is(input,textarea)::placeholder{
  color:color-mix(in srgb,var(--pm-muted) 72%,transparent) !important;
}

body.pro-ui :is(.cards-grid,.showcase-track,#showcaseList){
  gap:20px !important;
}

body.pro-ui :is(.post-card,.listing-card,.showcase-card,.pro-listing-card,.market-card,.price-card,.plan-card,.summary-card){
  border:1px solid var(--pm-line) !important;
  border-radius:26px !important;
  background:var(--pm-card) !important;
  box-shadow:0 10px 30px rgba(15,23,42,.07) !important;
  overflow:hidden !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

body.pro-ui :is(.post-card,.listing-card,.showcase-card,.pro-listing-card,.market-card,.price-card,.plan-card,.summary-card):hover{
  transform:translateY(-3px) !important;
  border-color:rgba(37,99,235,.24) !important;
  box-shadow:0 20px 50px rgba(15,23,42,.13) !important;
}

body.pro-ui :is(.showcase-card img,.listing-media img,.pro-listing-media img,.post-card img){
  filter:saturate(1.04) contrast(1.02) !important;
  transition:transform .35s ease, filter .35s ease !important;
}

body.pro-ui :is(.showcase-card,.listing-card,.pro-listing-card):hover :is(img){
  transform:scale(1.025) !important;
}

body.pro-ui :is(.showcase-title,.listing-title,.post-title,.pro-listing-title){
  color:var(--pm-ink) !important;
  font-weight:600 !important;
  line-height:1.3 !important;
  letter-spacing:-.025em !important;
}

body.pro-ui :is(.showcase-price,.listing-price,.post-price,.pro-listing-price){
  color:var(--pm-red) !important;
  font-weight:600 !important;
  letter-spacing:-.02em !important;
}

html[data-theme="dark"] body.pro-ui :is(.showcase-price,.listing-price,.post-price,.pro-listing-price),
body.dark-mode.pro-ui :is(.showcase-price,.listing-price,.post-price,.pro-listing-price){
  color:#fbbf24 !important;
}

body.pro-ui :is(.badge,.label-chip,.pro-badge,.showcase-badge){
  border-radius:999px !important;
  font-weight:600 !important;
  letter-spacing:.01em !important;
}

body.pro-ui :is(.modal,.modal-backdrop){
  backdrop-filter:blur(12px) !important;
}

body.pro-ui :is(.modal-box,.modal-content,.custom-alert,.announcement-popup-card,.admin-alert-card){
  border:1px solid var(--pm-line-strong) !important;
  border-radius:30px !important;
  background:var(--pm-card) !important;
  color:var(--pm-ink) !important;
  box-shadow:0 28px 90px rgba(15,23,42,.22) !important;
}

body.pro-ui :is(.modal-head,.modal-header){
  border-bottom:1px solid var(--pm-line) !important;
}

body.pro-ui :is(.close-btn,.modal-close,.announcement-popup-close){
  border:1px solid var(--pm-line) !important;
  background:var(--pm-card-soft) !important;
  color:var(--pm-ink) !important;
}

body.pro-ui .floating-contact{
  right:18px !important;
  bottom:18px !important;
  gap:10px !important;
}

body.pro-ui .floating-contact a,
body.pro-ui .floating-contact button{
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 16px 34px rgba(15,23,42,.18) !important;
}

body.pro-ui .site-footer{
  padding:30px !important;
  color:var(--pm-muted) !important;
}

body.pro-ui .site-footer :is(h3,h4,strong){
  color:var(--pm-ink) !important;
}

body.pro-ui .site-footer a{
  color:var(--pm-muted) !important;
  transition:color .18s ease !important;
}

body.pro-ui .site-footer a:hover{
  color:var(--pm-blue) !important;
}

@media (max-width:960px){
  body.pro-ui :is(.site-shell > .topbar, header.topbar){
    top:0 !important;
    width:calc(100% - 20px) !important;
    margin-top:8px !important;
    border-radius:24px !important;
  }

  body.pro-ui .main-nav{
    width:calc(100% - 20px) !important;
    overflow-x:auto !important;
    scroll-snap-type:x proximity !important;
  }

  body.pro-ui .main-nav a{
    flex:0 0 auto !important;
    scroll-snap-align:start !important;
  }

  body.pro-ui :is(.commercial-hero,.hero-section,.market-section,.panel,.showcase-panel,.packages-section,.post-section,.site-footer){
    width:calc(100% - 20px) !important;
    border-radius:26px !important;
  }
}

@media (max-width:760px){
  body.pro-ui{
    font-size:15px !important;
  }

  body.pro-ui :is(.site-shell > .topbar, header.topbar){
    padding:12px !important;
    gap:12px !important;
  }

  body.pro-ui .topbar .brand-wrap{
    grid-template-columns:58px minmax(0,1fr) !important;
    gap:10px !important;
  }

  body.pro-ui .topbar .site-logo{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    border-radius:18px !important;
  }

  body.pro-ui :is(.topbar .brand,#siteName){
    font-size:23px !important;
    line-height:1.03 !important;
  }

  body.pro-ui .topbar .search-large{
    grid-template-columns:1fr !important;
    padding:8px !important;
  }

  body.pro-ui .topbar .search-large .btn{
    width:100% !important;
    min-height:46px !important;
  }

  body.pro-ui .topbar :is(.top-actions,#guestActions,#userActions){
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
    gap:8px !important;
  }

  body.pro-ui .topbar :is(.btn,.welcome-pill,.theme-toggle){
    min-height:44px !important;
    padding:0 12px !important;
    border-radius:15px !important;
    font-size:13px !important;
  }

  body.pro-ui .hero-slider{
    min-height:420px !important;
    border-radius:24px !important;
  }

  body.pro-ui .hero-slide-content{
    padding:24px !important;
  }

  body.pro-ui .hero-slide-content h1{
    font-size:clamp(34px,10vw,46px) !important;
    line-height:1.02 !important;
    max-width:11ch !important;
  }

  body.pro-ui .hero-slide-content p{
    font-size:14px !important;
    line-height:1.65 !important;
  }

  body.pro-ui :is(.hero-cta-row,.hero-cta){
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
  }

  body.pro-ui :is(.hero-cta-row .btn,.hero-cta .btn){
    width:100% !important;
  }

  body.pro-ui :is(.panel,.market-section,.showcase-panel,.post-section,.packages-section,.site-footer){
    padding:18px !important;
  }

  body.pro-ui :is(.cards-grid,#showcaseList,.plan-grid,.stats-grid){
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  body.pro-ui :is(.filter-pill-row,.quick-locations,.listing-category-tabs){
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    gap:8px !important;
    padding-bottom:4px !important;
  }

  body.pro-ui :is(.filter-pill,.quick-locations button,.listing-category-tab){
    flex:0 0 auto !important;
    min-height:40px !important;
    padding:0 14px !important;
  }

  body.pro-ui :is(input,select,textarea){
    min-height:50px !important;
    border-radius:16px !important;
  }

  body.pro-ui .floating-contact{
    right:12px !important;
    bottom:12px !important;
    transform:scale(.92) !important;
    transform-origin:right bottom !important;
  }

  body.pro-ui .site-footer{
    padding:22px !important;
  }
}

@media (max-width:420px){
  body.pro-ui :is(.site-shell > .topbar, header.topbar),
  body.pro-ui .main-nav,
  body.pro-ui :is(.commercial-hero,.hero-section,.market-section,.panel,.showcase-panel,.packages-section,.post-section,.site-footer){
    width:calc(100% - 12px) !important;
  }

  body.pro-ui :is(.panel,.market-section,.showcase-panel,.post-section,.packages-section,.site-footer){
    padding:14px !important;
  }
}

/* Admin Pro Max polish: product-grade dashboard surfaces, tables and mobile navigation. */
body.admin-body{
  --adm-bg:#f4f7fb;
  --adm-card:#ffffff;
  --adm-card-soft:#f8fafc;
  --adm-ink:#172033;
  --adm-muted:#66758b;
  --adm-line:rgba(15,23,42,.10);
  --adm-line-strong:rgba(15,23,42,.16);
  --adm-blue:#1d4ed8;
  --adm-blue-2:#2563eb;
  --adm-gold:#f8b800;
  --adm-red:#dc2626;
  --adm-green:#16a34a;
  --adm-radius-xl:30px;
  --adm-radius-lg:22px;
  --adm-shadow:0 24px 80px rgba(15,23,42,.10);
  --adm-shadow-soft:0 12px 34px rgba(15,23,42,.08);
  min-height:100vh !important;
  color:var(--adm-ink) !important;
  background:
    radial-gradient(circle at 4% 0%, rgba(248,184,0,.18), transparent 25rem),
    radial-gradient(circle at 96% 0%, rgba(37,99,235,.14), transparent 30rem),
    linear-gradient(180deg,#f8fafc,#eef3f9 70%,#f6f8fc) !important;
}

body.admin-body::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  background-image:
    linear-gradient(rgba(15,23,42,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,23,42,.035) 1px, transparent 1px) !important;
  background-size:34px 34px !important;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.65),transparent 70%) !important;
}

body.admin-body .admin-orb{
  filter:blur(14px) !important;
  opacity:.55 !important;
}

body.admin-body .admin-shell{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  grid-template-columns:300px minmax(0,1fr) !important;
  gap:24px !important;
  width:min(1480px,calc(100% - 28px)) !important;
  margin:14px auto 28px !important;
}

body.admin-body .admin-sidebar{
  position:sticky !important;
  top:14px !important;
  height:calc(100dvh - 28px) !important;
  padding:22px !important;
  border:1px solid rgba(255,255,255,.48) !important;
  border-radius:32px !important;
  background:
    linear-gradient(180deg,rgba(15,27,47,.98),rgba(11,20,35,.96)),
    radial-gradient(circle at top left,rgba(248,184,0,.18),transparent 18rem) !important;
  box-shadow:0 30px 90px rgba(15,23,42,.26) !important;
  overflow:auto !important;
}

body.admin-body .admin-logo{
  margin-bottom:6px !important;
  color:#fff !important;
  font-size:28px !important;
  font-weight:600 !important;
  letter-spacing:-.045em !important;
}

body.admin-body .admin-sublogo{
  margin-bottom:16px !important;
  color:#b7c4dc !important;
  font-size:14px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
}

body.admin-body .admin-badge-row{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:0 0 20px !important;
}

body.admin-body .admin-badge-row span{
  min-height:30px !important;
  display:inline-flex !important;
  align-items:center !important;
  padding:0 10px !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.08) !important;
  color:#dbeafe !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:.04em !important;
}

body.admin-body .admin-sidebar a{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  min-height:46px !important;
  margin:7px 0 !important;
  padding:0 14px !important;
  border:1px solid transparent !important;
  border-radius:16px !important;
  color:#cbd7ec !important;
  font-size:14px !important;
  font-weight:600 !important;
  text-decoration:none !important;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease !important;
}

body.admin-body .admin-sidebar a:hover,
body.admin-body .admin-sidebar a.is-active,
body.admin-body .admin-sidebar a.active{
  transform:translateX(2px) !important;
  border-color:rgba(248,184,0,.28) !important;
  background:linear-gradient(135deg,rgba(248,184,0,.20),rgba(37,99,235,.14)) !important;
  color:#fff !important;
}

body.admin-body .admin-main{
  min-width:0 !important;
  display:grid !important;
  gap:18px !important;
}

body.admin-body .admin-top{
  position:sticky !important;
  top:14px !important;
  z-index:15 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  padding:24px !important;
  border:1px solid var(--adm-line) !important;
  border-radius:var(--adm-radius-xl) !important;
  background:rgba(255,255,255,.86) !important;
  box-shadow:var(--adm-shadow-soft) !important;
  backdrop-filter:blur(18px) saturate(140%) !important;
}

body.admin-body .admin-top h1{
  max-width:760px !important;
  margin:7px 0 0 !important;
  color:var(--adm-ink) !important;
  font-size:clamp(30px,3vw,46px) !important;
  line-height:1.02 !important;
  font-weight:600 !important;
  letter-spacing:-.055em !important;
}

body.admin-body .tiny-title{
  display:inline-flex !important;
  align-items:center !important;
  min-height:34px !important;
  width:max-content !important;
  max-width:100% !important;
  padding:0 13px !important;
  border:1px solid rgba(248,184,0,.35) !important;
  border-radius:999px !important;
  background:#fff7db !important;
  color:#7a5600 !important;
  font-size:12px !important;
  font-weight:600 !important;
  letter-spacing:.01em !important;
}

body.admin-body .stats-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:14px !important;
}

body.admin-body .stat-card{
  position:relative !important;
  min-height:156px !important;
  padding:20px !important;
  border:1px solid var(--adm-line) !important;
  border-radius:26px !important;
  background:
    linear-gradient(145deg,#ffffff,#f8fafc),
    radial-gradient(circle at top right,rgba(37,99,235,.10),transparent 14rem) !important;
  box-shadow:var(--adm-shadow-soft) !important;
  overflow:hidden !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

body.admin-body .stat-card::after{
  content:"" !important;
  position:absolute !important;
  right:-24px !important;
  bottom:-28px !important;
  width:92px !important;
  height:92px !important;
  border-radius:999px !important;
  background:rgba(37,99,235,.08) !important;
}

body.admin-body .stat-card:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(37,99,235,.22) !important;
  box-shadow:0 22px 54px rgba(15,23,42,.13) !important;
}

body.admin-body .stat-card h2{
  position:relative !important;
  z-index:1 !important;
  margin:18px 0 0 !important;
  color:var(--adm-ink) !important;
  font-size:clamp(32px,4vw,52px) !important;
  line-height:1 !important;
  font-weight:600 !important;
  letter-spacing:-.055em !important;
}

body.admin-body .admin-panel,
body.admin-body .admin-section:not(.stats-grid){
  padding:24px !important;
  border:1px solid var(--adm-line) !important;
  border-radius:var(--adm-radius-xl) !important;
  background:rgba(255,255,255,.92) !important;
  box-shadow:var(--adm-shadow-soft) !important;
}

body.admin-body .section-header{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin-bottom:18px !important;
}

body.admin-body .section-header h2{
  margin:8px 0 0 !important;
  color:var(--adm-ink) !important;
  font-size:clamp(26px,2.4vw,38px) !important;
  line-height:1.08 !important;
  font-weight:600 !important;
  letter-spacing:-.045em !important;
}

body.admin-body :is(.btn,button,.admin-table button){
  min-height:42px !important;
  padding:0 16px !important;
  border-radius:14px !important;
  border:1px solid var(--adm-line) !important;
  font-weight:600 !important;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease !important;
}

body.admin-body :is(.btn,button,.admin-table button):hover{
  transform:translateY(-1px) !important;
}

body.admin-body .btn-primary,
body.admin-body .admin-table button:not(.btn-danger):not(.danger){
  background:linear-gradient(135deg,var(--adm-blue),var(--adm-blue-2)) !important;
  border-color:rgba(37,99,235,.30) !important;
  color:#fff !important;
  box-shadow:0 12px 26px rgba(37,99,235,.22) !important;
}

body.admin-body .btn-light{
  background:#fff !important;
  color:var(--adm-ink) !important;
  box-shadow:0 8px 20px rgba(15,23,42,.06) !important;
}

body.admin-body .btn-danger,
body.admin-body .admin-table button.danger{
  background:linear-gradient(135deg,#ef4444,#dc2626) !important;
  border-color:rgba(220,38,38,.35) !important;
  color:#fff !important;
  box-shadow:0 12px 26px rgba(220,38,38,.18) !important;
}

body.admin-body :is(.table-wrap,.admin-table-wrap,#userTableWrap,#postTableWrap,#subscriptionTableWrap,#topupTableWrap,#aiReportsWrap,#aiActionsWrap){
  width:100% !important;
  overflow:auto !important;
  border:1px solid var(--adm-line) !important;
  border-radius:24px !important;
  background:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82) !important;
}

body.admin-body table,
body.admin-body .admin-table{
  width:100% !important;
  min-width:860px !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  background:#fff !important;
}

body.admin-body :is(th,.admin-table th){
  position:sticky !important;
  top:0 !important;
  z-index:2 !important;
  padding:16px 18px !important;
  border-bottom:1px solid var(--adm-line) !important;
  background:#f7faff !important;
  color:#294066 !important;
  font-size:12px !important;
  font-weight:600 !important;
  text-transform:uppercase !important;
  letter-spacing:.045em !important;
  white-space:nowrap !important;
}

body.admin-body :is(td,.admin-table td){
  padding:17px 18px !important;
  border-bottom:1px solid rgba(15,23,42,.08) !important;
  color:#243247 !important;
  font-size:14px !important;
  line-height:1.55 !important;
  vertical-align:middle !important;
}

body.admin-body tbody tr:nth-child(even) td{
  background:#fbfdff !important;
}

body.admin-body tbody tr:hover td{
  background:#f1f6ff !important;
}

body.admin-body :is(input,select,textarea){
  min-height:50px !important;
  border:1px solid var(--adm-line) !important;
  border-radius:16px !important;
  background:#fff !important;
  color:var(--adm-ink) !important;
  font-size:15px !important;
  font-weight:500 !important;
  outline:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.80) !important;
}

body.admin-body :is(input,select,textarea):focus{
  border-color:rgba(37,99,235,.48) !important;
  box-shadow:0 0 0 4px rgba(37,99,235,.13) !important;
}

body.admin-body label{
  color:#34445d !important;
  font-size:13px !important;
  font-weight:600 !important;
}

body.admin-body .form-grid{
  gap:16px !important;
}

body.admin-body .empty-state{
  min-height:96px !important;
  display:grid !important;
  place-items:center !important;
  padding:18px !important;
  border:1px dashed rgba(37,99,235,.25) !important;
  border-radius:22px !important;
  background:#f8fbff !important;
  color:var(--adm-muted) !important;
  font-weight:600 !important;
}

body.admin-body .admin-announcement-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr) !important;
  gap:18px !important;
}

body.admin-body :is(.admin-announcement-form,.admin-announcement-preview){
  padding:20px !important;
  border:1px solid var(--adm-line) !important;
  border-radius:26px !important;
  background:#fbfdff !important;
}

body.admin-body .admin-popup-preview-card{
  min-height:270px !important;
  padding:26px !important;
  border:1px solid rgba(37,99,235,.22) !important;
  border-radius:28px !important;
  background:
    linear-gradient(135deg,rgba(15,27,47,.94),rgba(29,78,216,.38)),
    radial-gradient(circle at 50% 0%,rgba(248,184,0,.24),transparent 18rem) !important;
  color:#fff !important;
  box-shadow:0 22px 60px rgba(15,23,42,.20) !important;
}

body.admin-body .admin-popup-preview-message{
  color:#fff !important;
  text-shadow:0 2px 16px rgba(0,0,0,.28) !important;
}

body.admin-body :is(.admin-alert-backdrop,.modal){
  backdrop-filter:blur(14px) !important;
}

body.admin-body :is(.admin-alert-card,.modal-content,.admin-modal){
  border:1px solid var(--adm-line-strong) !important;
  border-radius:28px !important;
  background:#fff !important;
  color:var(--adm-ink) !important;
  box-shadow:0 30px 90px rgba(15,23,42,.24) !important;
}

body.admin-body .admin-alert-title{
  color:var(--adm-ink) !important;
  font-size:24px !important;
  font-weight:600 !important;
}

body.admin-body .admin-alert-message{
  color:#41516a !important;
  font-size:16px !important;
  line-height:1.65 !important;
}

@media (max-width:1180px){
  body.admin-body .admin-shell{
    grid-template-columns:1fr !important;
  }

  body.admin-body .admin-sidebar{
    position:relative !important;
    top:auto !important;
    height:auto !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:8px !important;
    overflow:visible !important;
  }

  body.admin-body .admin-logo,
  body.admin-body .admin-sublogo,
  body.admin-body .admin-badge-row{
    width:100% !important;
  }

  body.admin-body .admin-sidebar a{
    flex:0 0 auto !important;
    margin:0 !important;
  }

  body.admin-body .stats-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media (max-width:760px){
  body.admin-body .admin-shell{
    width:calc(100% - 14px) !important;
    margin:7px auto 18px !important;
    gap:12px !important;
  }

  body.admin-body .admin-sidebar{
    padding:16px !important;
    border-radius:24px !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    scroll-snap-type:x proximity !important;
  }

  body.admin-body .admin-logo,
  body.admin-body .admin-sublogo,
  body.admin-body .admin-badge-row{
    flex:0 0 100% !important;
  }

  body.admin-body .admin-sidebar a{
    scroll-snap-align:start !important;
    min-height:42px !important;
    padding:0 12px !important;
    font-size:13px !important;
    white-space:nowrap !important;
  }

  body.admin-body .admin-top{
    position:relative !important;
    top:auto !important;
    display:grid !important;
    padding:18px !important;
    border-radius:24px !important;
  }

  body.admin-body .admin-top h1{
    font-size:32px !important;
  }

  body.admin-body .admin-top .btn{
    width:100% !important;
  }

  body.admin-body .stats-grid{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }

  body.admin-body .stat-card{
    min-height:122px !important;
    padding:16px !important;
    border-radius:22px !important;
  }

  body.admin-body .stat-card h2{
    font-size:34px !important;
  }

  body.admin-body .admin-panel,
  body.admin-body .admin-section:not(.stats-grid){
    padding:16px !important;
    border-radius:24px !important;
  }

  body.admin-body .section-header{
    display:grid !important;
  }

  body.admin-body .section-header h2{
    font-size:28px !important;
  }

  body.admin-body .card-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
  }

  body.admin-body .card-actions .btn{
    width:100% !important;
  }

  body.admin-body .admin-announcement-grid{
    grid-template-columns:1fr !important;
  }

  body.admin-body :is(.table-wrap,.admin-table-wrap,#userTableWrap,#postTableWrap,#subscriptionTableWrap,#topupTableWrap,#aiReportsWrap,#aiActionsWrap){
    border-radius:18px !important;
    margin-inline:-4px !important;
  }

  body.admin-body table,
  body.admin-body .admin-table{
    min-width:760px !important;
  }

  body.admin-body :is(th,.admin-table th){
    padding:13px 14px !important;
    font-size:11px !important;
  }

  body.admin-body :is(td,.admin-table td){
    padding:14px !important;
    font-size:13px !important;
  }
}

@media (max-width:430px){
  body.admin-body .stats-grid{
    grid-template-columns:1fr !important;
  }

  body.admin-body .admin-top h1{
    font-size:29px !important;
  }
}

/* ===== PRO MAX REFRESH 2026-05-03 ===== */
:root{
  --ui-bg:#f6f8fc;
  --ui-surface:#ffffff;
  --ui-surface-soft:#f8fbff;
  --ui-line:#dbe4f2;
  --ui-line-strong:#c8d5ea;
  --ui-text:#182235;
  --ui-muted:#66758f;
  --ui-brand:#1e3a8a;
  --ui-brand-2:#2563eb;
  --ui-accent:#f6b80f;
  --ui-accent-strong:#ffbf1f;
  --ui-shadow:0 18px 50px rgba(15,23,42,.08);
  --ui-shadow-soft:0 10px 30px rgba(15,23,42,.06);
  --ui-radius-xl:30px;
  --ui-radius-lg:24px;
  --ui-radius-md:18px;
}

body:not(.admin-body){
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.08), transparent 26rem),
    radial-gradient(circle at top right, rgba(246,184,15,.10), transparent 22rem),
    var(--ui-bg) !important;
  color:var(--ui-text) !important;
}

body:not(.admin-body) .site-shell{
  width:min(1360px, calc(100% - 28px)) !important;
}

body:not(.admin-body) .top-strip{
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  background:linear-gradient(90deg,#102243,#17376d 45%,#2450ad 100%) !important;
}

body:not(.admin-body) .topbar{
  position:sticky !important;
  top:14px !important;
  z-index:40 !important;
  margin-top:14px !important;
  padding:18px 22px !important;
  border:1px solid rgba(255,255,255,.72) !important;
  border-radius:32px !important;
  background:rgba(255,255,255,.86) !important;
  backdrop-filter:blur(18px) saturate(155%) !important;
  box-shadow:0 22px 65px rgba(15,23,42,.12) !important;
}

body:not(.admin-body) .brand-wrap{
  gap:14px !important;
}

body:not(.admin-body) .site-logo{
  width:74px !important;
  height:74px !important;
  padding:10px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,#fff,#f4f7fc) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 10px 24px rgba(15,23,42,.08) !important;
}

body:not(.admin-body) .brand{
  font-size:clamp(31px,3vw,42px) !important;
  letter-spacing:-.04em !important;
  color:#163164 !important;
}

body:not(.admin-body) .brand-sub{
  max-width:34rem !important;
  font-size:14px !important;
  line-height:1.55 !important;
  color:var(--ui-muted) !important;
}

body:not(.admin-body) .search-large{
  min-height:74px !important;
  padding:10px !important;
  border:1px solid var(--ui-line) !important;
  border-radius:28px !important;
  background:linear-gradient(180deg,#fbfdff,#f4f7fd) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 12px 28px rgba(15,23,42,.06) !important;
}

body:not(.admin-body) .search-large input{
  min-height:54px !important;
  padding:0 18px !important;
  border-radius:20px !important;
  background:transparent !important;
  color:var(--ui-text) !important;
}

body:not(.admin-body) .theme-toggle{
  width:52px !important;
  height:52px !important;
  border:1px solid var(--ui-line) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#fff,#f5f8fd) !important;
  box-shadow:var(--ui-shadow-soft) !important;
  transition:transform .22s ease, box-shadow .22s ease !important;
}

body:not(.admin-body) .theme-toggle:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 16px 28px rgba(15,23,42,.10) !important;
}

body:not(.admin-body) .main-nav{
  position:sticky !important;
  top:116px !important;
  z-index:32 !important;
  margin:16px 0 22px !important;
  padding:12px 14px !important;
  border:1px solid rgba(255,255,255,.7) !important;
  border-radius:26px !important;
  background:rgba(255,255,255,.8) !important;
  backdrop-filter:blur(16px) !important;
  box-shadow:var(--ui-shadow-soft) !important;
  gap:8px !important;
}

body:not(.admin-body) .main-nav a{
  min-height:44px !important;
  padding:0 16px !important;
  border:1px solid transparent !important;
  border-radius:16px !important;
  color:#2b3a55 !important;
  font-weight:600 !important;
  transition:all .22s ease !important;
}

body:not(.admin-body) .main-nav a:hover{
  background:#eff5ff !important;
  border-color:#d6e4fb !important;
  color:#14326b !important;
  transform:translateY(-1px) !important;
}

body:not(.admin-body) .main-nav .nav-cta{
  margin-left:auto !important;
  background:linear-gradient(135deg,#1d4ed8,#1e40af) !important;
  color:#fff !important;
  box-shadow:0 12px 24px rgba(37,99,235,.26) !important;
}

body:not(.admin-body) :is(.commercial-hero,.hero-section,.quick-stats,.market-section,.showcase-panel,.posts-feed-shell,.site-footer,.panel,.admin-lite-shell,.wallet-panel,.account-management-card){
  border:1px solid rgba(227,234,245,.95) !important;
  border-radius:var(--ui-radius-xl) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,250,255,.96)) !important;
  box-shadow:var(--ui-shadow) !important;
}

body:not(.admin-body) .commercial-hero{
  overflow:hidden !important;
}

body:not(.admin-body) .hero-slide{
  min-height:540px !important;
}

body:not(.admin-body) .hero-slide-content{
  max-width:680px !important;
  padding:54px !important;
}

body:not(.admin-body) :is(.hero-slide-content h1,.hero-left h1,.section-intro h2,.showcase-panel h2,.posts-feed-shell h2){
  letter-spacing:-.045em !important;
  line-height:1.06 !important;
}

body:not(.admin-body) .hero-slide-content p,
body:not(.admin-body) .hero-left p,
body:not(.admin-body) .section-intro p{
  color:#dbe7ff !important;
}

body:not(.admin-body) .hero-left,
body:not(.admin-body) .hero-summary{
  padding:36px !important;
}

body:not(.admin-body) .hero-points span,
body:not(.admin-body) .hero-mini-stats div,
body:not(.admin-body) .stat-box{
  border:1px solid #e4ebf7 !important;
  background:linear-gradient(180deg,#fff,#f6f9fe) !important;
  box-shadow:var(--ui-shadow-soft) !important;
}

body:not(.admin-body) .filter-pill,
body:not(.admin-body) .showcase-tab,
body:not(.admin-body) .tab-btn,
body:not(.admin-body) .quick-locations button{
  min-height:46px !important;
  padding:0 18px !important;
  border:1px solid var(--ui-line) !important;
  border-radius:16px !important;
  background:#fff !important;
  color:#33435f !important;
  font-weight:600 !important;
  transition:all .22s ease !important;
}

body:not(.admin-body) :is(.filter-pill,.showcase-tab,.tab-btn,.quick-locations button):hover{
  border-color:#bfd2f4 !important;
  background:#f4f8ff !important;
  transform:translateY(-1px) !important;
}

body:not(.admin-body) :is(.filter-pill.active,.showcase-tab.active,.tab-btn.active,.quick-locations button.active){
  background:linear-gradient(135deg,#1d4ed8,#2563eb) !important;
  color:#fff !important;
  border-color:#2563eb !important;
  box-shadow:0 12px 24px rgba(37,99,235,.22) !important;
}

body:not(.admin-body) :is(.showcase-card,.post-card,.pricing-card,.info-card,.detail-description-card,.detail-side-card){
  border:1px solid #e4ebf7 !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 14px 36px rgba(15,23,42,.07) !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

body:not(.admin-body) :is(.showcase-card,.post-card,.pricing-card):hover{
  transform:translateY(-5px) !important;
  border-color:#cfddf5 !important;
  box-shadow:0 24px 54px rgba(15,23,42,.12) !important;
}

body:not(.admin-body) .showcase-card,
body:not(.admin-body) .post-card{
  overflow:hidden !important;
}

body:not(.admin-body) .showcase-cover::after,
body:not(.admin-body) .post-cover::after{
  content:"" !important;
  position:absolute !important;
  inset:auto 0 0 0 !important;
  height:46% !important;
  background:linear-gradient(180deg,transparent,rgba(12,22,43,.24)) !important;
  pointer-events:none !important;
}

body:not(.admin-body) .showcase-body,
body:not(.admin-body) .post-body{
  padding:20px 20px 22px !important;
}

body:not(.admin-body) .showcase-title,
body:not(.admin-body) .post-title{
  font-size:22px !important;
  line-height:1.34 !important;
  color:#16233d !important;
}

body:not(.admin-body) :is(.showcase-price,.post-price,.detail-price){
  letter-spacing:-.03em !important;
  color:#ef4444 !important;
}

body:not(.admin-body) .btn{
  min-height:48px !important;
  padding:0 18px !important;
  border-radius:16px !important;
  border:1px solid transparent !important;
  font-weight:700 !important;
  letter-spacing:-.01em !important;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease !important;
}

body:not(.admin-body) .btn:hover{
  transform:translateY(-1px) !important;
}

body:not(.admin-body) .btn-primary{
  background:linear-gradient(135deg,#1d4ed8,#2563eb) !important;
  box-shadow:0 14px 30px rgba(37,99,235,.24) !important;
}

body:not(.admin-body) .btn-light{
  border-color:#d7e2f4 !important;
  background:linear-gradient(180deg,#fff,#f5f8fe) !important;
  color:#203252 !important;
  box-shadow:0 10px 24px rgba(15,23,42,.06) !important;
}

body:not(.admin-body) .btn-danger{
  background:linear-gradient(135deg,#ef4444,#dc2626) !important;
  box-shadow:0 14px 28px rgba(220,38,38,.18) !important;
}

body:not(.admin-body) :is(input,select,textarea){
  min-height:54px !important;
  border:1px solid #d7e3f5 !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#fff,#f9fbff) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 8px 20px rgba(15,23,42,.04) !important;
  color:#152235 !important;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}

body:not(.admin-body) :is(input,select,textarea):focus{
  outline:none !important;
  border-color:#8cb0f0 !important;
  box-shadow:0 0 0 4px rgba(37,99,235,.10), 0 14px 28px rgba(37,99,235,.08) !important;
}

body:not(.admin-body) textarea{
  min-height:140px !important;
}

body:not(.admin-body) .modal{
  padding:22px !important;
  backdrop-filter:blur(14px) !important;
}

body:not(.admin-body) :is(.modal-box,.large-modal,.account-modal-box,.packages-modal-box){
  border:1px solid rgba(224,231,243,.96) !important;
  border-radius:30px !important;
  background:linear-gradient(180deg,#fff,#f7faff) !important;
  box-shadow:0 28px 80px rgba(15,23,42,.22) !important;
}

body:not(.admin-body) .modal-head{
  padding-bottom:16px !important;
  border-bottom:1px solid #e8eef7 !important;
}

body:not(.admin-body) .site-footer{
  display:grid !important;
  grid-template-columns:minmax(280px,1.2fr) minmax(0,1.8fr) !important;
  gap:26px !important;
  padding:28px !important;
}

body:not(.admin-body) .footer-brand{
  padding:20px !important;
  border:1px solid #e4ebf8 !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
}

body:not(.admin-body) .footer-cols{
  gap:22px !important;
}

body:not(.admin-body) .footer-cols > div{
  padding:10px 0 !important;
}

body:not(.admin-body) .floating-btn{
  border:1px solid rgba(255,255,255,.45) !important;
  box-shadow:0 16px 30px rgba(15,23,42,.16) !important;
}

html[data-theme="dark"] body:not(.admin-body){
  --ui-bg:#091321;
  --ui-surface:#101d31;
  --ui-surface-soft:#12233a;
  --ui-line:#22324b;
  --ui-line-strong:#314767;
  --ui-text:#eef4ff;
  --ui-muted:#9fb1cd;
  background:
    radial-gradient(circle at top left, rgba(59,130,246,.12), transparent 30rem),
    radial-gradient(circle at top right, rgba(251,191,36,.09), transparent 24rem),
    #091321 !important;
}

html[data-theme="dark"] body:not(.admin-body) :is(.topbar,.main-nav,.commercial-hero,.hero-section,.quick-stats,.market-section,.showcase-panel,.posts-feed-shell,.site-footer,.panel,.wallet-panel,.account-management-card,.modal-box,.large-modal,.packages-modal-box,.account-modal-box,.showcase-card,.post-card,.pricing-card,.info-card,.detail-side-card,.detail-description-card,.footer-brand){
  background:linear-gradient(180deg,rgba(15,28,48,.96),rgba(10,20,36,.96)) !important;
  border-color:#1f3553 !important;
  box-shadow:0 18px 42px rgba(0,0,0,.28) !important;
}

html[data-theme="dark"] body:not(.admin-body) .topbar,
html[data-theme="dark"] body:not(.admin-body) .main-nav{
  background:rgba(11,22,38,.82) !important;
}

html[data-theme="dark"] body:not(.admin-body) :is(.brand,.showcase-title,.post-title,.section-intro h2,.hero-left h1,.showcase-panel h2,.posts-feed-shell h2,.modal-head h3,.footer-brand strong){
  color:#f3f7ff !important;
}

html[data-theme="dark"] body:not(.admin-body) :is(.brand-sub,.section-intro p,.post-desc,.showcase-location,.footer-brand p,.footer-cols a,.post-seller,.detail-meta,.detail-description-card div){
  color:#aab9d4 !important;
}

html[data-theme="dark"] body:not(.admin-body) :is(input,select,textarea,.search-large){
  background:linear-gradient(180deg,#13253f,#0f1d31) !important;
  border-color:#304766 !important;
  color:#eff4ff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 24px rgba(0,0,0,.18) !important;
}

html[data-theme="dark"] body:not(.admin-body) :is(input::placeholder,textarea::placeholder){
  color:#8fa3c3 !important;
}

html[data-theme="dark"] body:not(.admin-body) :is(.filter-pill,.showcase-tab,.tab-btn,.quick-locations button,.main-nav a,.btn-light,.theme-toggle){
  background:#13243d !important;
  border-color:#2a4060 !important;
  color:#edf3ff !important;
}

html[data-theme="dark"] body:not(.admin-body) .btn-primary{
  color:#fff !important;
}

/* Admin refresh */
body.admin-body{
  --adm-bg:#0b1322;
  --adm-surface:#111c31;
  --adm-surface-2:#16233b;
  --adm-line:#223755;
  --adm-line-strong:#31507a;
  --adm-ink:#ecf2ff;
  --adm-muted:#9fb2cf;
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.15), transparent 28rem),
    radial-gradient(circle at top right, rgba(251,191,36,.10), transparent 22rem),
    #08111f !important;
}

body.admin-body .admin-shell{
  width:min(1440px, calc(100% - 28px)) !important;
  gap:18px !important;
}

body.admin-body .admin-sidebar{
  border:1px solid rgba(49,80,122,.55) !important;
  border-radius:30px !important;
  background:linear-gradient(180deg,rgba(12,22,39,.96),rgba(9,16,29,.96)) !important;
  box-shadow:0 26px 70px rgba(0,0,0,.28) !important;
}

body.admin-body .admin-sidebar a{
  min-height:46px !important;
  border:1px solid transparent !important;
  border-radius:16px !important;
  color:#dce6fb !important;
  transition:all .2s ease !important;
}

body.admin-body .admin-sidebar a:hover,
body.admin-body .admin-sidebar a.active{
  background:linear-gradient(135deg,rgba(37,99,235,.24),rgba(30,64,175,.18)) !important;
  border-color:#2f5587 !important;
  color:#fff !important;
  transform:translateX(2px) !important;
}

body.admin-body .admin-top,
body.admin-body .stat-card,
body.admin-body .admin-panel,
body.admin-body .admin-announcement-form,
body.admin-body .admin-announcement-preview,
body.admin-body :is(.admin-alert-card,.modal-content,.admin-modal){
  border:1px solid rgba(49,80,122,.45) !important;
  background:linear-gradient(180deg,rgba(17,28,49,.98),rgba(11,19,34,.98)) !important;
  color:#eef4ff !important;
  box-shadow:0 22px 60px rgba(0,0,0,.24) !important;
}

body.admin-body .admin-top{
  border-radius:30px !important;
  padding:26px 28px !important;
}

body.admin-body .admin-top h1,
body.admin-body .section-header h2,
body.admin-body .stat-card h2{
  color:#fff !important;
  letter-spacing:-.04em !important;
}

body.admin-body .tiny-title,
body.admin-body .admin-sublogo,
body.admin-body .admin-help-text{
  color:#9eb4d6 !important;
}

body.admin-body .stat-card{
  min-height:150px !important;
  border-radius:24px !important;
}

body.admin-body .stat-card::after{
  content:"" !important;
  position:absolute !important;
  inset:0 auto auto 0 !important;
  width:100% !important;
  height:4px !important;
  background:linear-gradient(90deg,#f6b80f,#60a5fa) !important;
  opacity:.85 !important;
}

body.admin-body .admin-panel{
  border-radius:28px !important;
}

body.admin-body :is(.table-wrap,.admin-table-wrap,#userTableWrap,#postTableWrap,#subscriptionTableWrap,#topupTableWrap,#aiReportsWrap,#aiActionsWrap){
  border:1px solid rgba(49,80,122,.42) !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:rgba(9,16,29,.55) !important;
}

body.admin-body table,
body.admin-body .admin-table{
  background:transparent !important;
}

body.admin-body :is(th,.admin-table th){
  background:rgba(23,36,60,.92) !important;
  color:#dce7fa !important;
  border-bottom:1px solid rgba(49,80,122,.38) !important;
}

body.admin-body :is(td,.admin-table td){
  color:#eaf1ff !important;
  border-bottom:1px solid rgba(49,80,122,.22) !important;
}

body.admin-body :is(tr:hover td,.admin-table tbody tr:hover td){
  background:rgba(37,99,235,.08) !important;
}

body.admin-body :is(input,select,textarea){
  min-height:52px !important;
  border:1px solid #304766 !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#13243d,#0f1d31) !important;
  color:#f3f7ff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}

body.admin-body :is(input,select,textarea):focus{
  outline:none !important;
  border-color:#60a5fa !important;
  box-shadow:0 0 0 4px rgba(96,165,250,.14) !important;
}

body.admin-body .btn{
  min-height:46px !important;
  border-radius:16px !important;
  font-weight:700 !important;
}

body.admin-body .btn-light{
  background:linear-gradient(180deg,#223757,#1a2d49) !important;
  border-color:#304766 !important;
  color:#edf4ff !important;
}

body.admin-body .btn-primary{
  background:linear-gradient(135deg,#2563eb,#1e40af) !important;
  box-shadow:0 14px 28px rgba(37,99,235,.24) !important;
}

body.admin-body .btn-danger{
  background:linear-gradient(135deg,#ef4444,#dc2626) !important;
  box-shadow:0 14px 26px rgba(220,38,38,.18) !important;
}

@media (max-width:900px){
  body:not(.admin-body) .topbar{
    position:relative !important;
    top:auto !important;
    padding:16px !important;
    border-radius:26px !important;
  }

  body:not(.admin-body) .main-nav{
    position:relative !important;
    top:auto !important;
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    padding:10px !important;
  }

  body:not(.admin-body) .hero-slide-content{
    padding:28px !important;
  }

  body:not(.admin-body) .site-footer{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:640px){
  body:not(.admin-body) .site-shell{
    width:calc(100% - 16px) !important;
  }

  body:not(.admin-body) .topbar{
    margin-top:10px !important;
    gap:12px !important;
  }

  body:not(.admin-body) .brand{
    font-size:26px !important;
  }

  body:not(.admin-body) .site-logo{
    width:62px !important;
    height:62px !important;
  }

  body:not(.admin-body) .main-nav a{
    font-size:13px !important;
    white-space:nowrap !important;
  }

  body:not(.admin-body) :is(.hero-section,.showcase-panel,.posts-feed-shell,.market-section,.panel,.site-footer){
    padding:16px !important;
    border-radius:24px !important;
  }

  body:not(.admin-body) .hero-slide{
    min-height:460px !important;
  }

  body:not(.admin-body) .hero-slide-content h1,
  body:not(.admin-body) .hero-left h1{
    font-size:34px !important;
  }

  body:not(.admin-body) .showcase-title,
  body:not(.admin-body) .post-title{
    font-size:19px !important;
  }

  body:not(.admin-body) .modal{
    padding:10px !important;
  }

  body:not(.admin-body) :is(.modal-box,.large-modal,.packages-modal-box,.account-modal-box){
    border-radius:22px !important;
  }
}

/* Header auth buttons final contrast fix */
body:not(.admin-body) #guestActions .btn{
  min-width:116px !important;
  font-weight:700 !important;
}

body:not(.admin-body) #guestActions .btn.btn-light{
  background:linear-gradient(180deg,#ffffff,#f4f8ff) !important;
  border:1px solid #d7e2f4 !important;
  color:#19315c !important;
  box-shadow:0 10px 22px rgba(15,23,42,.08) !important;
}

body:not(.admin-body) #guestActions .btn.btn-primary{
  background:linear-gradient(135deg,#1d4ed8,#2563eb) !important;
  border:1px solid rgba(37,99,235,.34) !important;
  color:#ffffff !important;
  box-shadow:0 14px 28px rgba(37,99,235,.24) !important;
}

html[data-theme="dark"] body:not(.admin-body) #guestActions .btn.btn-light,
body.dark-mode:not(.admin-body) #guestActions .btn.btn-light{
  background:linear-gradient(180deg,#152742,#102036) !important;
  border:1px solid #2c4466 !important;
  color:#edf4ff !important;
  box-shadow:0 10px 24px rgba(0,0,0,.22) !important;
}

html[data-theme="dark"] body:not(.admin-body) #guestActions .btn.btn-primary,
body.dark-mode:not(.admin-body) #guestActions .btn.btn-primary{
  background:linear-gradient(135deg,#f6b80f,#ffcb38) !important;
  border:1px solid rgba(246,184,15,.38) !important;
  color:#1a2233 !important;
  box-shadow:0 14px 30px rgba(246,184,15,.22) !important;
}

@media (max-width:760px){
  body:not(.admin-body) #guestActions{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  body:not(.admin-body) #guestActions .btn{
    min-width:0 !important;
    width:100% !important;
  }
}

/* Extra premium refinement */
body:not(.admin-body) :is(.section-header,.section-intro,.section-header-block){
  gap:16px !important;
}

body:not(.admin-body) .tiny-title,
body:not(.admin-body) .soft-badge,
body:not(.admin-body) .mini-badge{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:38px !important;
  padding:0 16px !important;
  border:1px solid rgba(246,184,15,.30) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#fff8e5,#fff0bf) !important;
  color:#8c5b00 !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  text-transform:none !important;
  box-shadow:0 10px 20px rgba(246,184,15,.10) !important;
}

html[data-theme="dark"] body:not(.admin-body) :is(.tiny-title,.soft-badge,.mini-badge){
  background:linear-gradient(180deg,rgba(246,184,15,.18),rgba(246,184,15,.10)) !important;
  border-color:rgba(246,184,15,.24) !important;
  color:#ffd978 !important;
}

body:not(.admin-body) .section-header h2,
body:not(.admin-body) .section-intro h2{
  max-width:17ch !important;
  color:#16233d !important;
}

body:not(.admin-body) .section-header p,
body:not(.admin-body) .section-intro p{
  max-width:54ch !important;
  color:#687793 !important;
}

body:not(.admin-body) .showcase-track,
body:not(.admin-body) .listing-group-list,
body:not(.admin-body) .pricing-grid{
  gap:18px !important;
}

body:not(.admin-body) .showcase-card,
body:not(.admin-body) .post-card{
  position:relative !important;
}

body:not(.admin-body) .showcase-card::before,
body:not(.admin-body) .post-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  padding:1px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(210,223,242,.35)) !important;
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask-composite:exclude !important;
  pointer-events:none !important;
}

body:not(.admin-body) .showcase-heart,
body:not(.admin-body) .post-favorite,
body:not(.admin-body) .mini-fab{
  backdrop-filter:blur(10px) !important;
  box-shadow:0 10px 24px rgba(15,23,42,.18) !important;
}

body:not(.admin-body) .pricing-card{
  overflow:hidden !important;
  padding:24px !important;
}

body:not(.admin-body) .pricing-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:5px !important;
  background:linear-gradient(90deg,#f6b80f,#60a5fa) !important;
  opacity:.95 !important;
}

body:not(.admin-body) .pricing-card .package-name,
body:not(.admin-body) .pricing-card h3{
  font-size:28px !important;
  letter-spacing:-.04em !important;
}

body:not(.admin-body) .pricing-card .package-price,
body:not(.admin-body) .pricing-card .price{
  font-size:42px !important;
  line-height:1 !important;
  letter-spacing:-.05em !important;
}

body:not(.admin-body) .pricing-card ul li{
  position:relative !important;
  padding-left:22px !important;
  color:#5f6d86 !important;
}

body:not(.admin-body) .pricing-card ul li::before{
  content:"✓" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  color:#16a34a !important;
  font-weight:800 !important;
}

body:not(.admin-body) #postSection,
body:not(.admin-body) .post-section{
  overflow:hidden !important;
}

body:not(.admin-body) .step-card,
body:not(.admin-body) .post-step,
body:not(.admin-body) .form-step{
  border:1px solid #dce5f3 !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#fff,#f7faff) !important;
  box-shadow:0 12px 28px rgba(15,23,42,.06) !important;
}

body:not(.admin-body) .detail-grid{
  gap:22px !important;
}

body:not(.admin-body) .detail-main,
body:not(.admin-body) .detail-meta{
  border-radius:28px !important;
}

body:not(.admin-body) .detail-image{
  border-radius:24px !important;
  box-shadow:0 18px 42px rgba(15,23,42,.12) !important;
}

body:not(.admin-body) .floating-actions{
  gap:10px !important;
}

body:not(.admin-body) .floating-btn{
  min-width:64px !important;
  min-height:48px !important;
  border-radius:18px !important;
  font-weight:800 !important;
}

body:not(.admin-body) .site-footer{
  position:relative !important;
  overflow:hidden !important;
}

body:not(.admin-body) .site-footer::before{
  content:"" !important;
  position:absolute !important;
  inset:0 auto auto 0 !important;
  width:100% !important;
  height:1px !important;
  background:linear-gradient(90deg,transparent,rgba(37,99,235,.26),transparent) !important;
}

html[data-theme="dark"] body:not(.admin-body) .section-header h2,
html[data-theme="dark"] body:not(.admin-body) .section-intro h2{
  color:#f1f6ff !important;
}

html[data-theme="dark"] body:not(.admin-body) .pricing-card ul li,
html[data-theme="dark"] body:not(.admin-body) .section-header p,
html[data-theme="dark"] body:not(.admin-body) .section-intro p{
  color:#a9b9d2 !important;
}

html[data-theme="dark"] body:not(.admin-body) .showcase-card::before,
html[data-theme="dark"] body:not(.admin-body) .post-card::before{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(96,165,250,.10)) !important;
}

/* Admin refinement */
body.admin-body .admin-logo{
  font-size:30px !important;
  letter-spacing:-.04em !important;
}

body.admin-body .admin-badge-row span{
  border:1px solid rgba(96,165,250,.22) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,rgba(37,99,235,.18),rgba(37,99,235,.10)) !important;
  color:#dbeafe !important;
  font-weight:700 !important;
}

body.admin-body .section-header{
  margin-bottom:18px !important;
  padding-bottom:14px !important;
  border-bottom:1px solid rgba(49,80,122,.24) !important;
}

body.admin-body .section-header h2{
  font-size:36px !important;
  line-height:1.02 !important;
}

body.admin-body .stat-card{
  overflow:hidden !important;
}

body.admin-body .stat-card h2{
  font-size:42px !important;
}

body.admin-body .stat-card .tiny-title{
  display:inline-flex !important;
  min-height:34px !important;
  padding:0 14px !important;
  border:1px solid rgba(251,191,36,.20) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.04) !important;
  color:#ffd77c !important;
}

body.admin-body :is(.table-wrap,.admin-table-wrap,#userTableWrap,#postTableWrap,#subscriptionTableWrap,#topupTableWrap,#aiReportsWrap,#aiActionsWrap){
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 16px 40px rgba(0,0,0,.16) !important;
}

body.admin-body :is(th,.admin-table th){
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  font-size:11px !important;
}

body.admin-body :is(td,.admin-table td){
  font-size:14px !important;
  line-height:1.55 !important;
}

body.admin-body .empty-state{
  background:linear-gradient(180deg,rgba(19,37,61,.90),rgba(11,19,34,.88)) !important;
  border-color:rgba(96,165,250,.24) !important;
  color:#dfe9fb !important;
}

@media (max-width:760px){
  body:not(.admin-body) .section-header h2,
  body:not(.admin-body) .section-intro h2{
    max-width:none !important;
  }

  body:not(.admin-body) .pricing-card .package-price,
  body:not(.admin-body) .pricing-card .price{
    font-size:34px !important;
  }

  body.admin-body .section-header h2{
    font-size:28px !important;
  }
}

/* Listing/detail/admin pro enhancements */
body:not(.admin-body) .listing-badge-row,
body:not(.admin-body) .detail-inline-badges{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-bottom:12px !important;
}

body:not(.admin-body) .listing-chip{
  display:inline-flex !important;
  align-items:center !important;
  min-height:32px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  border:1px solid #d8e3f5 !important;
  background:#f7faff !important;
  color:#42516a !important;
  font-size:12px !important;
  font-weight:700 !important;
}

body:not(.admin-body) .listing-chip-primary{
  background:#eaf2ff !important;
  border-color:#cbdcfb !important;
  color:#1d4ed8 !important;
}

body:not(.admin-body) .listing-chip-hot{
  background:#fff4cf !important;
  border-color:#f5d56e !important;
  color:#8d6000 !important;
}

body:not(.admin-body) .listing-seller-card{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin-top:14px !important;
  padding:12px 14px !important;
  border:1px solid #e4ebf8 !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#fbfdff,#f4f8ff) !important;
}

body:not(.admin-body) .listing-seller-avatar,
body:not(.admin-body) .detail-contact-avatar{
  width:44px !important;
  height:44px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(135deg,#60a5fa,#2563eb) !important;
  color:#fff !important;
  font-weight:800 !important;
  box-shadow:0 10px 22px rgba(37,99,235,.24) !important;
  flex:0 0 44px !important;
}

body:not(.admin-body) .listing-seller-card small{
  color:#64748b !important;
}

body:not(.admin-body) .listing-empty-state{
  display:grid !important;
  gap:10px !important;
  justify-items:flex-start !important;
}

body:not(.admin-body) .detail-contact-card{
  display:grid !important;
  grid-template-columns:44px 1fr !important;
  gap:12px !important;
  align-items:center !important;
  margin:16px 0 0 !important;
  padding:14px !important;
  border:1px solid #dfe8f6 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#f9fbff,#eef5ff) !important;
}

body:not(.admin-body) .detail-contact-copy{
  display:grid !important;
  gap:4px !important;
}

body:not(.admin-body) .detail-contact-copy small{
  color:#62718b !important;
  line-height:1.55 !important;
}

html[data-theme="dark"] body:not(.admin-body) :is(.listing-chip,.listing-seller-card,.detail-contact-card){
  background:#13233b !important;
  border-color:#2b4261 !important;
  color:#edf4ff !important;
}

html[data-theme="dark"] body:not(.admin-body) .listing-chip-primary{
  background:#173057 !important;
  border-color:#29508b !important;
  color:#dbeafe !important;
}

html[data-theme="dark"] body:not(.admin-body) .listing-chip-hot{
  background:#3a2d12 !important;
  border-color:#6a5320 !important;
  color:#ffe08a !important;
}

html[data-theme="dark"] body:not(.admin-body) :is(.listing-seller-card small,.detail-contact-copy small){
  color:#a9b9d2 !important;
}

body.admin-body .admin-table-toolbar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:14px 16px !important;
  border-bottom:1px solid rgba(49,80,122,.22) !important;
  background:linear-gradient(180deg,rgba(18,30,51,.92),rgba(11,19,34,.88)) !important;
}

body.admin-body .admin-table-search{
  display:grid !important;
  gap:6px !important;
  min-width:min(360px,100%) !important;
}

body.admin-body .admin-table-search span{
  color:#a9b9d2 !important;
  font-size:12px !important;
  font-weight:700 !important;
}

body.admin-body .admin-table-search input{
  min-height:44px !important;
  border-radius:14px !important;
}

body.admin-body .admin-table-count{
  flex:0 0 auto !important;
  min-height:38px !important;
  padding:0 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  border:1px solid rgba(96,165,250,.22) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.04) !important;
  color:#dce6fb !important;
  font-weight:700 !important;
}

@media (max-width:760px){
  body.admin-body .admin-table-toolbar{
    display:grid !important;
    justify-content:stretch !important;
  }

  body.admin-body .admin-table-search{
    min-width:0 !important;
  }
}

body:not(.admin-body) .pro-preview-badges{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-bottom:12px !important;
}

body:not(.admin-body) .pro-preview-chip{
  display:inline-flex !important;
  align-items:center !important;
  min-height:30px !important;
  padding:0 11px !important;
  border-radius:999px !important;
  border:1px solid #dce5f5 !important;
  background:#f7faff !important;
  color:#475569 !important;
  font-size:12px !important;
  font-weight:700 !important;
}

body:not(.admin-body) .pro-preview-chip-primary{
  background:#eaf2ff !important;
  border-color:#cfe0ff !important;
  color:#1d4ed8 !important;
}

body:not(.admin-body) .pro-preview-chip-hot{
  background:#fff4cf !important;
  border-color:#f5d56e !important;
  color:#8d6000 !important;
}

body:not(.admin-body) .pro-preview-footer{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-top:18px !important;
  padding-top:14px !important;
  border-top:1px solid #e7eef9 !important;
}

body:not(.admin-body) .pro-preview-agent{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

body:not(.admin-body) .pro-preview-avatar{
  width:40px !important;
  height:40px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:linear-gradient(135deg,#60a5fa,#2563eb) !important;
  color:#fff !important;
  font-weight:800 !important;
}

body:not(.admin-body) .pro-preview-agent small{
  display:block !important;
  color:#6b7b93 !important;
  font-size:12px !important;
}

body:not(.admin-body) .pro-preview-cta{
  min-height:42px !important;
  padding:0 16px !important;
  border:0 !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#1d4ed8,#2563eb) !important;
  color:#fff !important;
  font-weight:700 !important;
  box-shadow:0 12px 24px rgba(37,99,235,.22) !important;
}

html[data-theme="dark"] body:not(.admin-body) :is(.pro-preview-chip,.pro-preview-footer){
  border-color:#2b4261 !important;
}

html[data-theme="dark"] body:not(.admin-body) .pro-preview-chip{
  background:#13233b !important;
  color:#edf4ff !important;
}

html[data-theme="dark"] body:not(.admin-body) .pro-preview-chip-primary{
  background:#173057 !important;
  color:#dbeafe !important;
}

html[data-theme="dark"] body:not(.admin-body) .pro-preview-chip-hot{
  background:#3a2d12 !important;
  color:#ffe08a !important;
}

html[data-theme="dark"] body:not(.admin-body) .pro-preview-agent small{
  color:#a9b9d2 !important;
}

body:not(.admin-body) .packages-modal-box{
  position:relative !important;
  padding:28px 28px 24px !important;
  overflow:visible !important;
}

body:not(.admin-body) .packages-modal-box .modal-head{
  position:sticky !important;
  top:0 !important;
  z-index:3 !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 56px !important;
  gap:16px !important;
  align-items:start !important;
  padding:0 0 16px !important;
  margin-bottom:14px !important;
  background:inherit !important;
  border-bottom:1px solid rgba(192, 204, 226, 0.4) !important;
}

body:not(.admin-body) .packages-modal-box .modal-head h3{
  margin:0 !important;
  padding-right:8px !important;
  font-size:clamp(2.35rem, 4vw, 3.45rem) !important;
  line-height:1.04 !important;
  letter-spacing:-0.04em !important;
}

body:not(.admin-body) .packages-modal-box .modal-head > button{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  padding:0 !important;
  border-radius:16px !important;
  border:1px solid #d7e1f0 !important;
  background:linear-gradient(180deg, #ffffff, #f3f7ff) !important;
  color:#17315f !important;
  box-shadow:0 12px 24px rgba(15, 23, 42, 0.12) !important;
  display:grid !important;
  place-items:center !important;
  place-self:start end !important;
  font-size:1.5rem !important;
  line-height:1 !important;
}

body:not(.admin-body) .packages-modal-intro{
  margin:0 0 18px !important;
  max-width:48rem !important;
  line-height:1.45 !important;
  color:#d6dff0 !important;
}

body:not(.admin-body) .packages-modal-grid{
  padding-top:4px !important;
}

html[data-theme="dark"] body:not(.admin-body) .packages-modal-box .modal-head{
  border-bottom-color:rgba(111, 143, 194, 0.24) !important;
}

html[data-theme="dark"] body:not(.admin-body) .packages-modal-box .modal-head > button{
  background:linear-gradient(180deg, #152742, #102036) !important;
  border-color:#2c4466 !important;
  color:#edf4ff !important;
  box-shadow:0 14px 28px rgba(0, 0, 0, 0.28) !important;
}

@media (max-width:760px){
  body:not(.admin-body) .packages-modal-box{
    padding:20px 16px 18px !important;
  }

  body:not(.admin-body) .packages-modal-box .modal-head{
    grid-template-columns:minmax(0, 1fr) 44px !important;
    gap:12px !important;
    padding-bottom:12px !important;
    margin-bottom:12px !important;
  }

  body:not(.admin-body) .packages-modal-box .modal-head h3{
    font-size:clamp(2rem, 8vw, 2.65rem) !important;
  }

  body:not(.admin-body) .packages-modal-box .modal-head > button{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    border-radius:14px !important;
    font-size:1.35rem !important;
  }

  body:not(.admin-body) .packages-modal-intro{
    margin-bottom:14px !important;
    font-size:0.98rem !important;
  }
}

body.admin-body{
  --admin-page-bg:#0b1423;
  --admin-shell-bg:#111d31;
  --admin-panel-bg:#162338;
  --admin-panel-soft:#1b2a42;
  --admin-line-soft:rgba(126, 156, 207, 0.18);
  --admin-text-main:#eef4ff;
  --admin-text-muted:#a9b8d3;
  --admin-table-head:#1d2b44;
  --admin-table-row:#152338;
  --admin-table-row-alt:#1b2940;
  --admin-table-hover:#21324e;
  --admin-input-bg:#1a2740;
  --admin-input-border:#36507a;
  --admin-sidebar-bg:linear-gradient(180deg,#0d182b,#09111f);
  --admin-shadow-strong:0 24px 48px rgba(3, 8, 18, 0.34);
}

html[data-theme="light"] body.admin-body{
  --admin-page-bg:#f3f6fb;
  --admin-shell-bg:#ffffff;
  --admin-panel-bg:#ffffff;
  --admin-panel-soft:#f7faff;
  --admin-line-soft:rgba(15, 23, 42, 0.10);
  --admin-text-main:#162338;
  --admin-text-muted:#64748b;
  --admin-table-head:#eef4fb;
  --admin-table-row:#ffffff;
  --admin-table-row-alt:#f8fbff;
  --admin-table-hover:#edf4ff;
  --admin-input-bg:#ffffff;
  --admin-input-border:#d8e2f0;
  --admin-sidebar-bg:linear-gradient(180deg,#12203a,#0b1528);
  --admin-shadow-strong:0 20px 44px rgba(15, 23, 42, 0.10);
}

body.admin-body{
  background:
    radial-gradient(circle at top left, rgba(248,184,0,0.12), transparent 24rem),
    radial-gradient(circle at top right, rgba(37,99,235,0.14), transparent 28rem),
    var(--admin-page-bg) !important;
  color:var(--admin-text-main) !important;
}

body.admin-body .admin-shell{
  gap:20px !important;
  width:min(1480px, calc(100% - 28px)) !important;
}

body.admin-body .admin-sidebar{
  background:var(--admin-sidebar-bg) !important;
  border:1px solid rgba(132, 161, 214, 0.18) !important;
  box-shadow:var(--admin-shadow-strong) !important;
  scrollbar-gutter:stable !important;
}

body.admin-body .admin-logo,
body.admin-body .admin-sublogo{
  color:#f5f8ff !important;
}

body.admin-body .admin-sidebar a{
  background:rgba(255,255,255,0.04) !important;
  border:1px solid transparent !important;
  color:#e7eefc !important;
}

body.admin-body .admin-sidebar a:hover,
body.admin-body .admin-sidebar a:focus-visible,
body.admin-body .admin-sidebar a.active{
  background:rgba(255,255,255,0.08) !important;
  border-color:rgba(248,184,0,0.34) !important;
  box-shadow:0 12px 24px rgba(248,184,0,0.10) !important;
}

body.admin-body :is(.admin-top,.admin-panel,.stat-card,.admin-announcement-form,.admin-announcement-preview){
  background:var(--admin-panel-bg) !important;
  border:1px solid var(--admin-line-soft) !important;
  box-shadow:var(--admin-shadow-strong) !important;
}

body.admin-body .admin-top{
  background:linear-gradient(180deg, color-mix(in srgb, var(--admin-panel-bg) 94%, #ffffff 6%), var(--admin-panel-bg)) !important;
}

body.admin-body :is(.admin-top h1,.admin-panel h2,.section-header h2,.stat-card h2,.admin-popup-preview-message){
  color:var(--admin-text-main) !important;
}

body.admin-body :is(.tiny-title,.admin-sublogo,.admin-help-text,.section-header p,.admin-panel label,.admin-table-search span){
  color:var(--admin-text-muted) !important;
}

body.admin-body :is(.admin-panel input,.admin-panel select,.admin-panel textarea,.admin-table-search input){
  background:var(--admin-input-bg) !important;
  border:1px solid var(--admin-input-border) !important;
  color:var(--admin-text-main) !important;
  box-shadow:none !important;
}

body.admin-body :is(.admin-panel input,.admin-panel select,.admin-panel textarea,.admin-table-search input)::placeholder{
  color:color-mix(in srgb, var(--admin-text-muted) 78%, transparent) !important;
}

body.admin-body :is(.admin-panel input,.admin-panel select,.admin-panel textarea,.admin-table-search input):focus{
  border-color:#5b8dff !important;
  box-shadow:0 0 0 4px rgba(91,141,255,0.18) !important;
}

body.admin-body .admin-table-toolbar{
  background:linear-gradient(180deg, color-mix(in srgb, var(--admin-panel-soft) 88%, #ffffff 12%), var(--admin-panel-bg)) !important;
  border-bottom:1px solid var(--admin-line-soft) !important;
}

body.admin-body .admin-table-count{
  background:color-mix(in srgb, var(--admin-panel-soft) 92%, transparent) !important;
  border-color:var(--admin-line-soft) !important;
  color:var(--admin-text-main) !important;
}

body.admin-body table,
body.admin-body .admin-table{
  background:var(--admin-panel-soft) !important;
  border:1px solid var(--admin-line-soft) !important;
}

body.admin-body :is(thead th,.admin-table th){
  background:var(--admin-table-head) !important;
  color:var(--admin-text-main) !important;
  border-bottom:1px solid var(--admin-line-soft) !important;
}

body.admin-body :is(tbody td,.admin-table td){
  color:var(--admin-text-main) !important;
  border-bottom:1px solid var(--admin-line-soft) !important;
  background:transparent !important;
}

body.admin-body tbody tr{
  background:var(--admin-table-row) !important;
}

body.admin-body tbody tr:nth-child(even){
  background:var(--admin-table-row-alt) !important;
}

body.admin-body tbody tr:hover{
  background:var(--admin-table-hover) !important;
}

body.admin-body .empty-state{
  background:var(--admin-panel-soft) !important;
  color:var(--admin-text-muted) !important;
  border:1px dashed var(--admin-line-soft) !important;
}

body.admin-body .admin-popup-preview-card{
  background:linear-gradient(180deg, color-mix(in srgb, var(--admin-panel-soft) 88%, #ffffff 12%), var(--admin-panel-bg)) !important;
  border:1px solid var(--admin-line-soft) !important;
  color:var(--admin-text-main) !important;
}

body.admin-body .admin-popup-preview-close{
  background:color-mix(in srgb, var(--admin-panel-soft) 86%, #ffffff 14%) !important;
  border:1px solid var(--admin-line-soft) !important;
  color:var(--admin-text-main) !important;
}

body.admin-body .card-actions{
  gap:10px !important;
  flex-wrap:wrap !important;
}

body.admin-body .card-actions .btn,
body.admin-body .btn{
  min-height:42px !important;
}

@media (max-width: 1080px){
  body.admin-body .admin-shell{
    grid-template-columns:1fr !important;
  }

  body.admin-body .admin-sidebar{
    position:relative !important;
    top:0 !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    padding:18px !important;
  }

  body.admin-body .admin-top{
    position:relative !important;
    top:0 !important;
  }
}

@media (max-width: 760px){
  body.admin-body .admin-shell{
    width:min(100%, calc(100% - 16px)) !important;
    gap:14px !important;
    margin:8px auto !important;
  }

  body.admin-body .admin-sidebar{
    padding:14px !important;
    border-radius:22px !important;
  }

  body.admin-body .admin-sidebar a{
    min-height:44px !important;
    border-radius:14px !important;
  }

  body.admin-body .admin-top,
  body.admin-body .admin-panel{
    padding:16px !important;
    border-radius:22px !important;
  }

  body.admin-body .admin-top{
    display:grid !important;
    gap:14px !important;
  }

  body.admin-body .admin-top h1{
    font-size:clamp(2rem, 8vw, 2.7rem) !important;
    line-height:1.04 !important;
  }

  body.admin-body .stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }

  body.admin-body .stat-card{
    min-height:118px !important;
    padding:16px !important;
    border-radius:20px !important;
  }

  body.admin-body .section-header{
    display:grid !important;
    gap:12px !important;
  }

  body.admin-body .card-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  body.admin-body .admin-announcement-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  body.admin-body .admin-popup-preview-card{
    padding:18px 16px !important;
    min-height:auto !important;
  }

  body.admin-body .table-wrap,
  body.admin-body .admin-table-wrap,
  body.admin-body .admin-panel:has(table){
    margin:0 -4px !important;
    padding-bottom:4px !important;
  }

  body.admin-body table,
  body.admin-body .admin-table{
    min-width:680px !important;
    border-radius:18px !important;
  }
}

body.admin-body .table-wrap table tbody tr td,
body.admin-body .admin-table tbody tr td,
body.admin-body #userTableWrap table tbody tr td,
body.admin-body #postTableWrap table tbody tr td,
body.admin-body #subscriptionTableWrap table tbody tr td,
body.admin-body #topupTableWrap table tbody tr td,
body.admin-body #aiReportsWrap table tbody tr td,
body.admin-body #aiActionsWrap table tbody tr td{
  background:var(--admin-table-row) !important;
  color:var(--admin-text-main) !important;
}

body.admin-body .table-wrap table tbody tr:nth-child(even) td,
body.admin-body .admin-table tbody tr:nth-child(even) td,
body.admin-body #userTableWrap table tbody tr:nth-child(even) td,
body.admin-body #postTableWrap table tbody tr:nth-child(even) td,
body.admin-body #subscriptionTableWrap table tbody tr:nth-child(even) td,
body.admin-body #topupTableWrap table tbody tr:nth-child(even) td,
body.admin-body #aiReportsWrap table tbody tr:nth-child(even) td,
body.admin-body #aiActionsWrap table tbody tr:nth-child(even) td{
  background:var(--admin-table-row-alt) !important;
}

body.admin-body .table-wrap table tbody tr:hover td,
body.admin-body .admin-table tbody tr:hover td,
body.admin-body #userTableWrap table tbody tr:hover td,
body.admin-body #postTableWrap table tbody tr:hover td,
body.admin-body #subscriptionTableWrap table tbody tr:hover td,
body.admin-body #topupTableWrap table tbody tr:hover td,
body.admin-body #aiReportsWrap table tbody tr:hover td,
body.admin-body #aiActionsWrap table tbody tr:hover td{
  background:var(--admin-table-hover) !important;
}

body.pro-ui .top-strip{
  border-bottom:1px solid rgba(255,255,255,.14) !important;
  backdrop-filter:blur(10px) !important;
}

body.pro-ui .top-strip-inner{
  justify-content:space-between !important;
  gap:20px !important;
  min-height:44px !important;
  color:rgba(255,250,237,.88) !important;
  font-weight:700 !important;
}

body.pro-ui .brand-wrap{
  gap:16px !important;
}

body.pro-ui .brand-text{
  display:grid !important;
  gap:6px !important;
}

body.pro-ui .brand{
  font-size:clamp(2rem, 3vw, 3rem) !important;
  line-height:.92 !important;
  letter-spacing:-.05em !important;
  font-weight:900 !important;
}

body.pro-ui .search-large{
  min-height:72px !important;
  padding:10px !important;
  border-radius:28px !important;
}

body.pro-ui .search-large input{
  font-size:1rem !important;
  padding-inline:18px !important;
}

body.pro-ui .search-large .btn{
  min-width:148px !important;
  min-height:52px !important;
  border-radius:20px !important;
}

body.pro-ui .top-actions{
  gap:10px !important;
}

body.pro-ui .top-actions .btn,
body.pro-ui .welcome-pill,
body.pro-ui .theme-toggle{
  min-height:48px !important;
  border-radius:18px !important;
  font-weight:800 !important;
}

body.pro-ui .main-nav{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:10px !important;
}

body.pro-ui .main-nav a{
  min-height:42px !important;
  padding:0 15px !important;
}

body.pro-ui .commercial-hero{
  margin-top:18px !important;
}

body.pro-ui .hero-slider{
  overflow:hidden !important;
  border-radius:38px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 38px 90px rgba(10,19,15,.20) !important;
}

body.pro-ui .hero-slide{
  min-height:540px !important;
}

body.pro-ui .hero-slide::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg, rgba(7,15,12,.58) 0%, rgba(7,15,12,.20) 52%, rgba(7,15,12,.42) 100%) !important;
  pointer-events:none !important;
}

body.pro-ui .hero-slide-content{
  position:relative !important;
  z-index:1 !important;
  max-width:680px !important;
  padding:40px 42px 108px !important;
}

body.pro-ui .hero-slide-content h1{
  font-size:clamp(2.8rem, 5vw, 4.8rem) !important;
  line-height:.96 !important;
  letter-spacing:-.06em !important;
  margin:14px 0 16px !important;
}

body.pro-ui .hero-slide-content p{
  max-width:55ch !important;
  font-size:1.04rem !important;
  line-height:1.65 !important;
  color:rgba(250,245,236,.90) !important;
}

body.pro-ui .hero-cta-row{
  gap:12px !important;
  margin-top:24px !important;
}

body.pro-ui .hero-slider-dots{
  bottom:26px !important;
  gap:10px !important;
}

body.pro-ui .hero-slider-dots button{
  width:14px !important;
  height:14px !important;
  border:0 !important;
  background:rgba(255,255,255,.42) !important;
  box-shadow:none !important;
}

body.pro-ui .hero-slider-dots button.active{
  width:38px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#f4c85c,#d68022) !important;
}

body.pro-ui .quick-stats{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

body.pro-ui .stat-box{
  min-height:148px !important;
  padding:22px !important;
  border-radius:24px !important;
  border:1px solid var(--fp-line) !important;
  background:linear-gradient(180deg,rgba(255,253,248,.92),rgba(249,243,232,.88)) !important;
  box-shadow:var(--fp-shadow-soft) !important;
}

html[data-theme="dark"] body.pro-ui .stat-box,
body.dark-mode.pro-ui .stat-box{
  background:linear-gradient(180deg,#16261d,#122018) !important;
}

body.pro-ui .section-intro{
  align-items:end !important;
  gap:18px !important;
}

body.pro-ui .section-intro p{
  max-width:32rem !important;
}

body.pro-ui .showcase-panel .section-header,
body.pro-ui .panel .section-header{
  align-items:flex-start !important;
  gap:14px !important;
}

body.pro-ui .soft-badge{
  min-height:36px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  border:1px solid var(--fp-line) !important;
  background:rgba(255,255,255,.56) !important;
  color:var(--fp-muted) !important;
  font-weight:700 !important;
}

html[data-theme="dark"] body.pro-ui .soft-badge,
body.dark-mode.pro-ui .soft-badge{
  background:rgba(255,255,255,.05) !important;
  color:#d7e4d9 !important;
}

body.pro-ui .listing-category-tabs{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:14px !important;
}

body.pro-ui .listing-category-tab{
  min-height:42px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  border:1px solid var(--fp-line) !important;
  background:rgba(255,253,248,.88) !important;
  color:var(--fp-ink) !important;
  font-weight:800 !important;
  transition:all .18s ease !important;
}

body.pro-ui .listing-category-tab.is-active,
body.pro-ui .listing-category-tab:hover{
  background:linear-gradient(135deg,#e9bf5a,#d98e26) !important;
  border-color:transparent !important;
  color:#1c1408 !important;
  box-shadow:0 12px 26px rgba(217,142,38,.24) !important;
}

body.pro-ui #postList{
  gap:18px !important;
}

body.pro-ui .listing-item{
  grid-template-columns:minmax(230px,280px) minmax(0,1fr) 150px !important;
  gap:18px !important;
  padding:16px !important;
  border-radius:28px !important;
  border:1px solid var(--fp-line) !important;
  background:linear-gradient(180deg,rgba(255,253,248,.96),rgba(250,244,234,.90)) !important;
  box-shadow:0 20px 44px rgba(32,41,24,.08) !important;
}

html[data-theme="dark"] body.pro-ui .listing-item,
body.dark-mode.pro-ui .listing-item{
  background:linear-gradient(180deg,#14231b,#102018) !important;
}

body.pro-ui .listing-image{
  border-radius:22px !important;
}

body.pro-ui .listing-copy{
  gap:12px !important;
}

body.pro-ui .listing-title{
  font-size:clamp(1.5rem,2vw,2rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.04em !important;
}

body.pro-ui .listing-price{
  font-size:clamp(1.8rem,2.4vw,2.35rem) !important;
  letter-spacing:-.05em !important;
}

body.pro-ui .listing-meta{
  gap:10px !important;
}

body.pro-ui .listing-seller-card{
  align-self:stretch !important;
  justify-content:space-between !important;
  border-radius:22px !important;
}

body.pro-ui .listing-actions{
  gap:10px !important;
}

body.pro-ui .listing-actions .btn,
body.pro-ui .listing-seller-card .btn{
  width:100% !important;
  min-height:46px !important;
  border-radius:16px !important;
}

body.pro-ui .faq-list{
  display:grid !important;
  gap:14px !important;
}

body.pro-ui .faq-item{
  border:1px solid var(--fp-line) !important;
  border-radius:22px !important;
  background:rgba(255,253,248,.72) !important;
  box-shadow:var(--fp-shadow-soft) !important;
}

html[data-theme="dark"] body.pro-ui .faq-item,
body.dark-mode.pro-ui .faq-item{
  background:rgba(18,32,25,.88) !important;
}

body.pro-ui .chat-grid{
  grid-template-columns:320px minmax(0,1fr) !important;
  gap:18px !important;
}

body.pro-ui .conversation-list,
body.pro-ui .chat-panel{
  border-radius:24px !important;
  border:1px solid var(--fp-line) !important;
  background:rgba(255,253,248,.76) !important;
  box-shadow:var(--fp-shadow-soft) !important;
}

html[data-theme="dark"] body.pro-ui :is(.conversation-list,.chat-panel),
body.dark-mode.pro-ui :is(.conversation-list,.chat-panel){
  background:#14231b !important;
}

body.pro-ui .chat-form{
  gap:10px !important;
  padding:14px !important;
  border-top:1px solid var(--fp-line) !important;
}

body.pro-ui .site-footer{
  display:grid !important;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) !important;
  gap:22px !important;
  padding:28px !important;
  border-radius:32px !important;
  box-shadow:var(--fp-shadow) !important;
}

body.pro-ui .footer-brand{
  align-items:flex-start !important;
  gap:18px !important;
}

body.pro-ui .footer-logo{
  width:118px !important;
  height:118px !important;
  border-radius:24px !important;
}

body.pro-ui .footer-cols{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
}

body.pro-ui .floating-actions{
  right:20px !important;
  bottom:20px !important;
  gap:10px !important;
}

body.pro-ui .floating-btn{
  min-width:68px !important;
  min-height:48px !important;
  border-radius:18px !important;
  box-shadow:0 18px 32px rgba(9,16,13,.20) !important;
}

body.pro-ui .detail-modal-shell .modal-box{
  max-width:min(1320px, calc(100vw - 28px)) !important;
  padding:22px !important;
  border-radius:30px !important;
}

body.pro-ui .detail-grid{
  gap:22px !important;
}

body.pro-ui .detail-hero{
  border-radius:28px !important;
  overflow:hidden !important;
  box-shadow:var(--fp-shadow-soft) !important;
}

body.pro-ui .detail-card,
body.pro-ui .detail-side{
  border-radius:28px !important;
  border:1px solid var(--fp-line) !important;
  background:linear-gradient(180deg,rgba(255,253,248,.96),rgba(248,243,233,.90)) !important;
  box-shadow:var(--fp-shadow-soft) !important;
}

html[data-theme="dark"] body.pro-ui :is(.detail-card,.detail-side),
body.dark-mode.pro-ui :is(.detail-card,.detail-side){
  background:linear-gradient(180deg,#14231b,#102018) !important;
}

body.pro-ui .detail-title{
  font-size:clamp(2.2rem,4vw,4rem) !important;
  line-height:.98 !important;
  letter-spacing:-.06em !important;
}

body.pro-ui .detail-price{
  font-size:clamp(2rem,3vw,3rem) !important;
}

body.pro-ui .detail-facts,
body.pro-ui .detail-meta-grid{
  gap:12px !important;
}

body.pro-ui .info-card{
  min-height:112px !important;
  border-radius:20px !important;
}

body.pro-ui .detail-side .btn{
  min-height:48px !important;
  border-radius:18px !important;
}

body.pro-ui #postSection .form-grid{
  display:grid !important;
  grid-template-columns:1.1fr .9fr !important;
  gap:22px !important;
}

body.pro-ui #postSection .form-grid > .full-col,
body.pro-ui #postSection .form-grid > .form-actions{
  grid-column:1 / -1 !important;
}

body.pro-ui #postSection .form-actions{
  display:flex !important;
  gap:12px !important;
  align-items:center !important;
}

body.pro-ui .auto-upload-row{
  align-items:center !important;
  gap:14px !important;
  padding:14px 16px !important;
  border-radius:20px !important;
  border:1px dashed var(--fp-line-strong) !important;
  background:rgba(255,253,248,.56) !important;
}

html[data-theme="dark"] body.pro-ui .auto-upload-row,
body.dark-mode.pro-ui .auto-upload-row{
  background:rgba(255,255,255,.03) !important;
}

body.pro-ui .ai-support-panel{
  border-radius:22px !important;
  border:1px solid var(--fp-line) !important;
  background:linear-gradient(135deg,rgba(243,247,255,.92),rgba(238,233,255,.86)) !important;
  box-shadow:var(--fp-shadow-soft) !important;
}

html[data-theme="dark"] body.pro-ui .ai-support-panel,
body.dark-mode.pro-ui .ai-support-panel{
  background:linear-gradient(135deg,#16223c,#19263b) !important;
}

body.pro-ui .post-form-collapsed{
  scroll-margin-top:110px !important;
}

body.pro-ui .account-management-grid{
  gap:18px !important;
}

body.pro-ui .account-management-card{
  border-radius:24px !important;
  border:1px solid var(--fp-line) !important;
  box-shadow:var(--fp-shadow-soft) !important;
}

body.admin-body .section-header{
  align-items:flex-start !important;
}

body.admin-body .admin-panel{
  overflow:hidden !important;
}

body.admin-body .admin-shell .btn{
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

body.admin-body .admin-shell .btn:hover{
  filter:saturate(1.05) !important;
}

@media (max-width: 1080px){
  body.pro-ui .quick-stats{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  body.pro-ui .listing-item{
    grid-template-columns:1fr !important;
  }

  body.pro-ui .listing-seller-card{
    grid-template-columns:44px 1fr !important;
  }

  body.pro-ui .chat-grid{
    grid-template-columns:1fr !important;
  }

  body.pro-ui #postSection .form-grid{
    grid-template-columns:1fr !important;
  }

  body.pro-ui .site-footer{
    grid-template-columns:1fr !important;
  }
}

@media (max-width: 760px){
  body.pro-ui .site-shell{
    width:min(100%, calc(100% - 16px)) !important;
  }

  body.pro-ui .top-strip-inner{
    min-height:auto !important;
    padding:10px 0 !important;
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  body.pro-ui .topbar{
    padding:16px !important;
    gap:14px !important;
    border-radius:28px !important;
  }

  body.pro-ui .search-large{
    width:100% !important;
    min-height:64px !important;
    border-radius:24px !important;
  }

  body.pro-ui .search-large .btn{
    min-width:116px !important;
  }

  body.pro-ui .main-nav{
    border-radius:28px !important;
    padding:10px !important;
  }

  body.pro-ui .main-nav a{
    min-height:40px !important;
    padding:0 12px !important;
    font-size:.92rem !important;
  }

  body.pro-ui .hero-slide{
    min-height:460px !important;
  }

  body.pro-ui .hero-slide-content{
    padding:26px 20px 92px !important;
  }

  body.pro-ui .hero-slide-content h1,
  body.pro-ui .hero-left h1{
    font-size:clamp(2.2rem,11vw,3.2rem) !important;
  }

  body.pro-ui .hero-section{
    padding:20px !important;
    border-radius:28px !important;
  }

  body.pro-ui .hero-section::before{
    inset:10px !important;
    border-radius:22px !important;
  }

  body.pro-ui .quick-stats{
    grid-template-columns:1fr !important;
  }

  body.pro-ui .stat-box{
    min-height:auto !important;
  }

  body.pro-ui .listing-title{
    font-size:1.35rem !important;
  }

  body.pro-ui .listing-price{
    font-size:1.8rem !important;
  }

  body.pro-ui .site-footer{
    padding:22px 18px !important;
    border-radius:26px !important;
  }

  body.pro-ui .footer-cols{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  body.pro-ui .detail-modal-shell .modal-box{
    max-width:calc(100vw - 12px) !important;
    padding:14px !important;
    border-radius:22px !important;
  }

  body.pro-ui .floating-actions{
    right:12px !important;
    bottom:12px !important;
  }
}