/* TechDigitalPro VIP Premium 3D layer — visual-only overrides; preserves existing routes and workflows. */
:root{
  --tdp-3d-bg:#050b1b;
  --tdp-3d-panel:#0b1831;
  --tdp-3d-panel-hi:#102447;
  --tdp-3d-line:rgba(111,174,255,.30);
  --tdp-3d-cyan:#55ddff;
  --tdp-3d-blue:#3985ff;
  --tdp-3d-violet:#9a72ff;
  --tdp-3d-text:#f4f8ff;
  --tdp-3d-muted:#a9bddb;
  --tdp-3d-shadow:0 18px 42px rgba(0,5,25,.42),inset 0 1px rgba(255,255,255,.035);
}
html{scroll-behavior:smooth;scroll-padding-top:105px;color-scheme:dark}
body{
  background:
    radial-gradient(ellipse 70% 520px at 84% -8%,rgba(44,113,255,.19),transparent 74%),
    radial-gradient(ellipse 54% 520px at 4% 20%,rgba(132,72,255,.105),transparent 76%),
    var(--tdp-3d-bg)!important;
  color:var(--tdp-3d-text);
}
::selection{background:rgba(62,174,255,.48);color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:2px solid var(--tdp-3d-cyan)!important;outline-offset:3px;
}
.site-header,header{
  box-shadow:0 13px 34px rgba(0,4,19,.26);
}
.site-header{backdrop-filter:blur(22px) saturate(135%)}
.brand-mark,.brand-symbol,.sm-logo,.scene-cube,.scene-main,.shop-row-logo,.product-monogram,.market-category-icon,.tile-mark,.floating-icon,.float-stat{
  transform-style:preserve-3d;
}
.brand-mark,.brand-symbol{
  filter:drop-shadow(0 7px 13px rgba(28,128,255,.25));
}
.button,.btn,.pill-primary,.primary-cta,.shop-buy,input[type=submit],button[type=submit]{
  background:linear-gradient(120deg,#55dcff 0%,#3987ff 48%,#7958f5 100%)!important;
  color:#03142d!important;
  border:1px solid rgba(174,235,255,.72)!important;
  box-shadow:0 8px 0 rgba(7,30,74,.62),0 13px 26px rgba(34,111,255,.23),inset 0 1px rgba(255,255,255,.68)!important;
  font-weight:850;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.button:hover,.btn:hover,.pill-primary:hover,.primary-cta:hover,.shop-buy:hover,input[type=submit]:hover,button[type=submit]:hover{
  filter:brightness(1.08) saturate(1.08);
  transform:translateY(-2px);
  box-shadow:0 10px 0 rgba(7,30,74,.56),0 17px 32px rgba(34,111,255,.29),inset 0 1px rgba(255,255,255,.72)!important;
}
.button:active,.btn:active,.pill-primary:active,.primary-cta:active,.shop-buy:active,input[type=submit]:active,button[type=submit]:active{
  transform:translateY(2px);box-shadow:0 3px 0 rgba(7,30,74,.65),0 7px 16px rgba(34,111,255,.19)!important;
}
.button.secondary,button.secondary,button.copy,button.reject,.danger,.button.danger,.btn.danger{
  box-shadow:var(--tdp-3d-shadow)!important;
}
.button.secondary,button.secondary,button.copy{background:linear-gradient(145deg,#152b4d,#0a1730)!important;color:#d7edff!important;border-color:#385d8b!important}
button.reject,.danger,.button.danger,.btn.danger{background:linear-gradient(135deg,#f06d91,#a52f56)!important;color:#fff!important;border-color:#ff9cb5!important}
input:not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea{
  background:linear-gradient(150deg,rgba(7,18,39,.97),rgba(12,31,62,.98))!important;
  color:#f2f7ff!important;border:1px solid rgba(101,159,226,.38)!important;border-radius:11px!important;
  box-shadow:inset 0 2px 8px rgba(0,0,0,.22)!important;
}
input::placeholder,textarea::placeholder{color:#8098bc!important;opacity:1}
input:focus,select:focus,textarea:focus{border-color:var(--tdp-3d-cyan)!important;box-shadow:0 0 0 3px rgba(85,221,255,.12),inset 0 2px 8px rgba(0,0,0,.2)!important}
.box,.panel,.payment,.card,.product-card,.category-card,.feature-box,.guide-panel,.guide-info-card,.guide-catalog,.guide-category-item,.info-panel,.empty-state,.faq-list details,.stat-card,.module-card,.dashboard-card,.login-box,.notice,.filter-form,.search-panel,.cta-banner,.market-category-item,.market-steps article,.market-guidelines-grid article,.shop-card,.wallet-card,.order-card,.seller-card,.deposit-card,.withdrawal-card,.metric-card,.table-card,.account-card,.content-card{
  background:linear-gradient(150deg,rgba(18,42,79,.96),rgba(7,19,42,.985))!important;
  border:1px solid var(--tdp-3d-line)!important;
  box-shadow:var(--tdp-3d-shadow)!important;
  border-radius:17px;
}
.product-card,.category-card,.feature-box,.module-card,.dashboard-card,.stat-card,.market-category-item,.market-steps article,.market-guidelines-grid article,.shop-card,.wallet-card,.order-card,.seller-card,.deposit-card,.withdrawal-card,.metric-card,.table-card,.account-card{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.product-card:hover,.category-card:hover,.feature-box:hover,.module-card:hover,.dashboard-card:hover,.stat-card:hover,.market-category-item:hover,.market-steps article:hover,.market-guidelines-grid article:hover,.shop-card:hover,.wallet-card:hover,.order-card:hover,.seller-card:hover,.deposit-card:hover,.withdrawal-card:hover,.metric-card:hover,.table-card:hover,.account-card:hover{
  transform:translateY(-3px);
  border-color:rgba(93,222,255,.65)!important;
  box-shadow:0 22px 46px rgba(0,6,28,.48),0 0 22px rgba(43,136,255,.11),inset 0 1px rgba(255,255,255,.055)!important;
}
.product-visual,.detail-visual,.hero-art,.market-scene,.scene-main,.dashboard-visual{
  border-color:rgba(91,181,255,.36);
}
.product-visual,.detail-visual,.scene-main,.dashboard-visual{
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 15px 32px rgba(0,4,23,.32);
}
.product-monogram,.market-category-icon,.shop-row-logo,.brand-mark{
  box-shadow:inset 3px 4px 8px rgba(255,255,255,.23),inset -5px -7px 11px rgba(0,8,39,.46),0 12px 20px rgba(0,5,24,.38)!important;
}
.page-intro,.market-hero,.hero-section,.hero-inner,.cta-banner,.market-cta{
  position:relative;
}
.eyebrow,.market-eyebrow,.market-kicker,.guide-kicker,.category-tag,.stock-badge,.status-badge,.pill,.badge{
  letter-spacing:.04em;
}
.status-badge,.badge,.stock-badge,.category-tag,.payment-chip{
  border-radius:999px;
}
.tablewrap,.table-responsive,.table-container{max-width:100%;overflow-x:auto;border-radius:13px}
table{border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid rgba(104,163,232,.24);border-radius:12px;background:rgba(5,15,34,.34)}
thead th,th{background:linear-gradient(120deg,rgba(31,70,125,.75),rgba(17,42,80,.85));color:#bdeaff;border-bottom:1px solid rgba(100,180,255,.27)}
td,th{padding:12px 14px;border-bottom:1px solid rgba(93,140,199,.18)}
tbody tr:hover{background:rgba(50,128,220,.075)}
.notice,.notice-info{border-color:rgba(93,184,255,.38)!important;color:#d9eeff}
.notice-error,.error,.alert-danger{border-color:rgba(255,107,143,.48)!important;background:linear-gradient(145deg,rgba(95,30,55,.45),rgba(40,15,35,.75))!important;color:#ffd7e0}
.notice-success,.success,.alert-success,.ok{border-color:rgba(83,230,181,.38)!important;color:#a9ffdd}
hr{border:0;border-top:1px solid rgba(112,168,231,.23)}
.site-footer,footer{border-color:rgba(95,157,227,.25)}
.site-footer{background:linear-gradient(145deg,#06132b,#091d3b 58%,#0a1530)!important}
.site-footer a:hover,.desktop-nav a:hover,.mobile-nav a:hover,.nav-link:hover{color:#fff!important;text-shadow:0 0 14px rgba(86,207,255,.28)}
/* Keep the public homepage's established layout intact while adding dimensional finish. */
.hero-section .hero-art,.hero-inner .hero-art{filter:drop-shadow(0 20px 28px rgba(0,0,0,.18))}
.shop-card{border-radius:15px!important}
.shop-buy{white-space:nowrap}
@media(max-width:760px){
  .button,.btn,.pill-primary,.primary-cta,.shop-buy,input[type=submit],button[type=submit]{box-shadow:0 5px 0 rgba(7,30,74,.62),0 9px 18px rgba(34,111,255,.18),inset 0 1px rgba(255,255,255,.6)!important}
  td,th{padding:10px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important;transform:none!important}
}

/* v2: unify the buyer and seller control rooms with the public marketplace theme. */
.layout{background:transparent}
.side,.sidebar{
  background:linear-gradient(160deg,rgba(9,26,55,.98),rgba(5,14,32,.99))!important;
  border-color:rgba(95,169,245,.30)!important;
  box-shadow:14px 0 36px rgba(0,4,22,.20),inset -1px 0 rgba(160,218,255,.035);
}
.side-foot,.sidefoot{
  background:linear-gradient(145deg,rgba(15,44,82,.94),rgba(7,22,45,.98))!important;
  border:1px solid rgba(99,176,248,.30)!important;
  box-shadow:var(--tdp-3d-shadow);
}
.menu a,.sidebar nav a,.sidebar nav .navbtn{
  transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.menu a:hover,.sidebar nav a:hover,.sidebar nav .navbtn:hover{
  border-color:rgba(85,221,255,.42)!important;
  box-shadow:0 9px 22px rgba(0,5,26,.22),inset 0 1px rgba(255,255,255,.045);
  transform:translateX(2px);
}
.menu a.active,.sidebar nav a.current{
  background:linear-gradient(110deg,rgba(34,91,161,.88),rgba(21,49,94,.96))!important;
  border-color:rgba(85,221,255,.48)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 24px rgba(0,5,28,.20)!important;
}
.panel,.tile,.stat,.profile-panel,.table-panel,.add-panel,.productmode,.action,.balance-panel,.profile-mini,.topline,.table-card{
  border-color:rgba(111,174,255,.30)!important;
  box-shadow:0 18px 42px rgba(0,5,25,.34),inset 0 1px rgba(255,255,255,.04)!important;
}
.panel,.tile,.stat,.profile-panel,.table-panel,.action,.productmode{
  background:linear-gradient(150deg,rgba(18,42,79,.96),rgba(7,19,42,.985))!important;
}
.balance-panel{
  background:radial-gradient(ellipse at 90% 8%,rgba(53,144,255,.42),transparent 58%),linear-gradient(135deg,#123d77,#09182f 86%)!important;
  border-color:rgba(103,197,255,.58)!important;
}
.add-panel{
  background:radial-gradient(ellipse at 100% 0%,rgba(65,124,255,.18),transparent 56%),linear-gradient(145deg,#0d2547,#07162d)!important;
}
.productmode:hover,.action:hover,.tile:hover,.stat:hover{
  border-color:rgba(85,221,255,.65)!important;
  box-shadow:0 22px 46px rgba(0,6,28,.45),0 0 22px rgba(43,136,255,.11),inset 0 1px rgba(255,255,255,.055)!important;
}
.brand-mark,.brandmark,.profile-avatar,.actionicon,.stat-icon,.avatar{
  box-shadow:inset 2px 3px 8px rgba(255,255,255,.18),inset -4px -6px 10px rgba(0,8,39,.30),0 12px 22px rgba(0,5,24,.30)!important;
}
.status-chip,.onlinetag,.approved,.tag,.status-badge{
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 4px 12px rgba(0,0,0,.12);
}
.btn,.btn.primary,.button,.pill-primary{
  border-radius:11px!important;
}
.table-scroll,.table-wrap,.table-wrap,.table-scroll{max-width:100%;overflow-x:auto}
@media(max-width:760px){
  .side,.sidebar{box-shadow:0 10px 26px rgba(0,4,22,.22)}
  .menu a:hover,.sidebar nav a:hover,.sidebar nav .navbtn:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .menu a:hover,.sidebar nav a:hover,.sidebar nav .navbtn:hover{transform:none}
}