/* EVA AI MARKET — customer workspace refresh
   Visual layer only. Existing authentication, deposits, orders and wallet behavior stay intact. */

.dashboard-page{
  --dash-bg:#030611;
  --dash-surface:rgba(10,15,36,.94);
  --dash-surface-2:rgba(6,10,25,.96);
  --dash-line:rgba(117,132,255,.22);
  --dash-text:#f8faff;
  --dash-muted:#9da8c3;
  --dash-pink:#f43fd0;
  --dash-violet:#8a5cff;
  --dash-blue:#438dff;
  --dash-cyan:#51dcff;
  --dash-green:#51e2ad;
  min-height:100dvh;
  background:
    radial-gradient(circle at 0 -10%,rgba(150,54,255,.22),transparent 30rem),
    radial-gradient(circle at 100% 18%,rgba(34,126,255,.16),transparent 34rem),
    linear-gradient(180deg,#040613 0%,#05091a 50%,#030510 100%);
  color:var(--dash-text);
}
.dashboard-page::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.18;
  background-image:
    linear-gradient(rgba(120,140,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(120,140,255,.08) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(to bottom,#000,transparent 70%);
  -webkit-mask-image:linear-gradient(to bottom,#000,transparent 70%);
}
.dashboard-page .glow-a{
  width:28rem;height:28rem;
  left:-14rem;top:14rem;
  background:#b229ff;
  opacity:.12;
  filter:blur(80px);
}
.dashboard-page header{
  background:rgba(3,6,17,.76)!important;
  border-bottom:1px solid rgba(136,118,255,.22)!important;
  box-shadow:0 12px 40px rgba(0,0,0,.24);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
}
.dashboard-page .nav-wrap{
  min-height:72px!important;
}
.dashboard-page .brand{
  letter-spacing:-.025em;
}
.dashboard-page .brand-mark{
  width:38px;height:38px;
  border-radius:12px!important;
  background:linear-gradient(135deg,var(--dash-pink),var(--dash-violet) 52%,var(--dash-cyan))!important;
  box-shadow:0 0 28px rgba(177,73,255,.3),inset 0 1px 0 rgba(255,255,255,.32);
}
.dashboard-page #sign-out{
  min-height:40px;
  border-color:rgba(123,139,255,.32);
  background:rgba(12,18,43,.84);
}
.dashboard-page .dash-main{
  width:min(calc(100% - 36px),1180px)!important;
  padding:34px 0 72px!important;
}
.dashboard-page .dash-heading{
  position:relative;
  overflow:hidden;
  display:flex;
  min-height:210px;
  padding:34px;
  margin:0 0 16px!important;
  border:1px solid rgba(161,90,255,.42);
  border-radius:26px;
  background:
    radial-gradient(circle at 88% 20%,rgba(47,158,255,.24),transparent 28%),
    radial-gradient(circle at 18% 120%,rgba(244,63,208,.20),transparent 42%),
    linear-gradient(135deg,rgba(22,18,61,.98),rgba(7,13,35,.98) 62%,rgba(9,25,51,.98));
  box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08);
}
.dashboard-page .dash-heading::before{
  content:"";
  position:absolute;
  width:250px;height:250px;
  right:-44px;top:-80px;
  border:1px solid rgba(108,220,255,.28);
  border-radius:50%;
  box-shadow:
    0 0 0 28px rgba(113,85,255,.06),
    0 0 0 64px rgba(244,63,208,.035),
    0 0 80px rgba(72,139,255,.18);
}
.dashboard-page .dash-heading::after{
  content:"◆";
  position:absolute;
  right:72px;top:54px;
  color:#fff;
  font-size:72px;
  line-height:1;
  text-shadow:0 0 22px var(--dash-pink),0 0 52px var(--dash-blue);
  transform:rotate(45deg);
  opacity:.82;
}
.dashboard-page .dash-heading>div,
.dashboard-page .dash-heading>.button{position:relative;z-index:1}
.dashboard-page .dash-heading .kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  border:1px solid rgba(84,214,255,.25);
  border-radius:999px;
  background:rgba(35,145,255,.08);
  color:#7ee5ff!important;
  font-size:11px;
  letter-spacing:.12em;
}
.dashboard-page .dash-heading .kicker::before{
  content:"";
  width:7px;height:7px;border-radius:50%;
  background:var(--dash-green);
  box-shadow:0 0 12px rgba(81,226,173,.8);
}
.dashboard-page .dash-heading h1{
  max-width:700px;
  margin:14px 0 8px!important;
  font-size:clamp(42px,6vw,68px)!important;
  letter-spacing:-.06em!important;
}
.dashboard-page #customer-email{
  color:#b9c3da;
  font-size:14px;
}
.dashboard-page .dash-heading>.button{
  align-self:flex-end;
  min-width:170px;
}
.dashboard-page .button{
  border-radius:13px!important;
}
.dashboard-page .button.primary,
.dashboard-page #dashboard-deposit-form>.button,
.dashboard-page .account-product .button{
  background:linear-gradient(90deg,var(--dash-pink),var(--dash-violet) 50%,var(--dash-blue))!important;
  box-shadow:0 12px 30px rgba(118,62,255,.25),inset 0 1px 0 rgba(255,255,255,.18);
}
.dashboard-page .panel{
  border:1px solid var(--dash-line)!important;
  background:
    radial-gradient(circle at 100% 0,rgba(67,121,255,.09),transparent 34%),
    linear-gradient(145deg,var(--dash-surface),var(--dash-surface-2))!important;
  box-shadow:0 18px 55px rgba(0,0,0,.28)!important;
}
.dashboard-page .metric-grid{
  display:grid;
  grid-template-columns:1.25fr .85fr .85fr;
  gap:14px!important;
  margin-bottom:14px;
}
.dashboard-page .metric{
  position:relative;
  overflow:hidden;
  min-height:154px!important;
  padding:24px!important;
  border-radius:22px!important;
}
.dashboard-page .metric::after{
  position:absolute;
  right:18px;top:16px;
  width:40px;height:40px;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.10);
  border-radius:13px;
  background:rgba(255,255,255,.055);
  font-size:18px;
}
.dashboard-page .metric:nth-child(1){
  border-color:rgba(63,205,255,.32)!important;
  background:
    radial-gradient(circle at 92% 16%,rgba(48,202,255,.18),transparent 32%),
    linear-gradient(145deg,#0b1e35,#071021)!important;
}
.dashboard-page .metric:nth-child(1)::after{content:"◈";color:#6ce7ff}
.dashboard-page .metric:nth-child(2){
  border-color:rgba(255,190,69,.27)!important;
  background:
    radial-gradient(circle at 92% 16%,rgba(255,180,50,.13),transparent 32%),
    linear-gradient(145deg,#201a1a,#0f111d)!important;
}
.dashboard-page .metric:nth-child(2)::after{content:"◷";color:#ffd072}
.dashboard-page .metric:nth-child(3){
  border-color:rgba(117,116,255,.30)!important;
}
.dashboard-page .metric:nth-child(3)::after{content:"✓";color:#86a9ff}
.dashboard-page .metric span{
  color:#aeb8cf!important;
  font-size:12px!important;
  letter-spacing:.1em!important;
}
.dashboard-page .metric strong{
  margin:14px 0 6px!important;
  font-size:34px!important;
}
.dashboard-page .metric small{color:#8995af;font-size:12px!important}
.dashboard-page .dash-grid{
  display:grid;
  grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr);
  gap:14px!important;
  margin:0 0 14px!important;
}
.dashboard-page .dash-card{
  padding:26px!important;
  border-radius:22px!important;
}
.dashboard-page .dash-card h2{
  margin:0 0 18px!important;
  font-size:21px!important;
  color:#f7f9ff;
}
.dashboard-page .auth-form{gap:16px}
.dashboard-page .auth-form label{
  color:#c9d1e4;
  font-size:13px;
  font-weight:700;
}
.dashboard-page .auth-form input,
.dashboard-page .auth-form select{
  min-height:54px!important;
  padding:0 15px;
  border:1px solid rgba(124,135,255,.25)!important;
  border-radius:14px!important;
  background:rgba(2,5,16,.68)!important;
  color:#fff;
  font-size:15px;
}
.dashboard-page .auth-form input:focus,
.dashboard-page .auth-form select:focus{
  border-color:rgba(94,183,255,.72)!important;
  box-shadow:0 0 0 4px rgba(79,144,255,.10);
}
.dashboard-page .deposit-address{
  padding:17px!important;
  border-color:rgba(58,197,255,.28)!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 100% 0,rgba(54,190,255,.10),transparent 40%),
    rgba(16,34,64,.42)!important;
}
.dashboard-page .deposit-address span{font-size:13px!important}
.dashboard-page .deposit-address code{
  min-height:48px;
  display:flex!important;
  align-items:center;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  color:#eaf9ff!important;
  font-size:12px!important;
}
.dashboard-page .deposit-address button{
  min-height:46px!important;
  color:#aeeeff!important;
  border-color:rgba(74,203,255,.32)!important;
  background:rgba(44,150,255,.10)!important;
}
.dashboard-page .store-dashboard{
  margin:0 0 14px!important;
}
.dashboard-page .card-title-row{
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.dashboard-page .card-title-row h2{margin-bottom:0!important}
.dashboard-page .safe-note{
  color:#99a5bf!important;
  font-size:13px;
}
.dashboard-page .compact-store{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:22px!important;
}
.dashboard-page .account-product{
  position:relative;
  overflow:hidden;
  padding:22px!important;
  border-radius:20px!important;
  border-color:rgba(114,124,255,.28)!important;
  background:
    radial-gradient(circle at 100% 0,rgba(54,155,255,.14),transparent 35%),
    linear-gradient(150deg,#0d1734,#070b1d 72%)!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.dashboard-page .account-product::before{
  content:"";
  position:absolute;
  left:0;top:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--dash-pink),var(--dash-violet),var(--dash-cyan));
  opacity:.72;
}
.dashboard-page .account-product:hover{
  transform:translateY(-3px);
  border-color:rgba(104,173,255,.5)!important;
  box-shadow:0 20px 45px rgba(0,0,0,.32)!important;
}
.dashboard-page .product-tag{
  position:relative;
  z-index:1;
  padding:6px 9px!important;
  border-color:rgba(69,204,255,.25)!important;
  background:rgba(43,145,255,.09)!important;
  color:#78e3ff!important;
  font-size:10px!important;
  letter-spacing:.07em;
}
.dashboard-page .account-product h3{
  margin:18px 0 6px!important;
  font-size:19px!important;
}
.dashboard-page .account-product p{
  min-height:38px;
  color:#96a1ba!important;
  font-size:12px!important;
}
.dashboard-page .account-product>strong{
  margin:18px 0!important;
  color:#fff!important;
  font-size:30px!important;
}
.dashboard-page .stock-line{
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.06);
  font-size:11px!important;
}
.dashboard-page .table-wrap{
  overflow:auto;
  border:1px solid rgba(116,130,255,.14)!important;
  border-radius:16px!important;
  background:rgba(2,5,16,.32)!important;
}
.dashboard-page table{
  width:100%;
  font-size:12px!important;
}
.dashboard-page th{
  padding:14px 13px!important;
  color:#8491ad!important;
  background:rgba(91,108,191,.09)!important;
  letter-spacing:.07em;
}
.dashboard-page td{
  padding:15px 13px!important;
  color:#dce2f0;
}
.dashboard-page tbody tr:hover{background:rgba(88,115,255,.035)}
.dashboard-page .status{
  border-radius:999px!important;
}
.dashboard-page footer{
  background:rgba(2,4,12,.82)!important;
  border-top:1px solid rgba(106,116,255,.14)!important;
}
.dashboard-page .footer{
  gap:24px;
}

@media(max-width:980px){
  .dashboard-page .compact-store{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dashboard-page .dash-grid{grid-template-columns:1fr}
  .dashboard-page .dash-heading::after{right:52px}
}
@media(max-width:700px){
  .dashboard-page .dash-main{
    width:min(calc(100% - 22px),1180px)!important;
    padding:20px 0 48px!important;
  }
  .dashboard-page .nav-wrap{min-height:62px!important}
  .dashboard-page .nav-wrap .brand{font-size:12px}
  .dashboard-page .brand-mark{width:32px;height:32px;border-radius:10px!important}
  .dashboard-page #sign-out{min-height:36px;padding:6px 11px}
  .dashboard-page .dash-heading{
    min-height:0;
    display:grid!important;
    gap:18px;
    padding:24px 20px;
    border-radius:22px;
  }
  .dashboard-page .dash-heading::before{
    width:180px;height:180px;right:-86px;top:-82px;
  }
  .dashboard-page .dash-heading::after{
    right:22px;top:26px;
    font-size:38px;
    opacity:.42;
  }
  .dashboard-page .dash-heading h1{
    margin-top:12px!important;
    font-size:38px!important;
  }
  .dashboard-page #customer-email{font-size:12px}
  .dashboard-page .dash-heading>.button{
    width:100%;
    min-height:50px;
  }
  .dashboard-page .metric-grid{
    grid-template-columns:1fr 1fr;
    gap:10px!important;
  }
  .dashboard-page .metric{
    min-height:132px!important;
    padding:18px!important;
  }
  .dashboard-page .metric:first-child{grid-column:1/-1}
  .dashboard-page .metric strong{font-size:29px!important}
  .dashboard-page .metric::after{width:34px;height:34px;right:14px;top:14px}
  .dashboard-page .dash-grid{gap:10px!important;margin-bottom:10px!important}
  .dashboard-page .dash-card{padding:19px!important;border-radius:19px!important}
  .dashboard-page .compact-store{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .dashboard-page .account-product{padding:19px!important}
  .dashboard-page .account-product p{min-height:0}
  .dashboard-page .card-title-row{
    display:grid!important;
    gap:13px;
  }
  .dashboard-page .card-title-row .button{width:100%}
  .dashboard-page .table-wrap{
    margin:0!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  .dashboard-page table{min-width:560px}
  .dashboard-page .dash-grid .dash-card:nth-child(2) table{min-width:480px}
  .dashboard-page .footer{
    grid-template-columns:1fr!important;
    text-align:left;
  }
}
@media(max-width:390px){
  .dashboard-page .metric-grid{grid-template-columns:1fr}
  .dashboard-page .metric:first-child{grid-column:auto}
  .dashboard-page .dash-heading h1{font-size:34px!important}
  .dashboard-page .dash-card{padding:17px!important}
}
@media(prefers-reduced-motion:reduce){
  .dashboard-page .account-product{transition:none}
}