body.crypto-bots-page .dashboard-wrap{
  display:flex;
  flex-direction:column;
  gap:18px;
}

body.crypto-bots-page .dashboard-wrap > .card{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border-radius:28px;
  border:1px solid rgba(98,74,198,0.24);
  background:
    radial-gradient(circle at 14% 14%, rgba(255,255,255,0.4), transparent 42%),
    radial-gradient(circle at 88% 76%, rgba(27,210,162,0.18), transparent 46%),
    linear-gradient(135deg,#ffd0a5 0%,#ffbeac 32%,#e2b7ff 68%,#d5ecff 100%);
  box-shadow:
    0 24px 54px rgba(78,53,150,0.16),
    inset 0 1px 0 rgba(255,255,255,0.55);
}

body.crypto-bots-page .dashboard-wrap > .card::before{
  content:"";
  position:absolute;
  inset:-42px -40px auto -40px;
  height:154px;
  background:linear-gradient(90deg,#33218d 0%,#3f2fb6 40%,rgba(63,47,182,0.65) 64%,rgba(63,47,182,0.2) 80%,transparent 92%);
  clip-path:polygon(0 0,72% 0,86% 100%,0 100%);
  opacity:0.92;
  pointer-events:none;
}

body.crypto-bots-page .dashboard-wrap > .card::after{
  content:"";
  position:absolute;
  width:280px;
  height:280px;
  right:-90px;
  bottom:-90px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%, rgba(255,128,181,0.36), rgba(105,120,255,0.2), transparent 72%);
  pointer-events:none;
}

body.crypto-bots-page .dashboard-wrap > .card > *{
  position:relative;
  z-index:1;
}

body.crypto-bots-page .dash-hero h1,
body.crypto-bots-page .dashboard-wrap > .card > .pad > h3{
  color:#fff;
  text-shadow:0 10px 26px rgba(20,12,60,0.24);
}

body.crypto-bots-page .dash-hero p,
body.crypto-bots-page .dashboard-wrap > .card > .pad > p{
  color:rgba(255,245,252,0.95);
}

body.crypto-bots-page .grid.two > .card,
body.crypto-bots-page .token-panel .card.pad,
body.crypto-bots-page .metric-card,
body.crypto-bots-page .subscription-card{
  border-radius:20px;
  border:1px solid rgba(95,106,220,0.2);
  background:linear-gradient(145deg,rgba(255,255,255,0.94),rgba(252,247,255,0.9));
  box-shadow:0 16px 34px rgba(43,34,115,0.12);
  backdrop-filter:blur(4px);
}

body.crypto-bots-page .token-panel .card.pad h2,
body.crypto-bots-page .token-panel .card.pad h3,
body.crypto-bots-page .token-panel .card.pad p,
body.crypto-bots-page .token-panel .card.pad li,
body.crypto-bots-page .grid.two > .card p,
body.crypto-bots-page .grid.two > .card strong{
  color:#2a3960;
  text-shadow:none;
}

body.crypto-bots-page .token-tabs .token-tab{
  border:1px solid rgba(95,106,220,0.22);
  background:linear-gradient(145deg,rgba(255,255,255,0.92),rgba(245,246,255,0.88));
  box-shadow:0 10px 20px rgba(59,51,139,0.12);
}

body.crypto-bots-page .token-tabs .token-tab.active{
  border-color:rgba(91,103,255,0.5);
  background:linear-gradient(135deg,rgba(240,242,255,0.96),rgba(255,240,247,0.9));
}

body.crypto-bots-page .channel-list{
  list-style:none;
  padding-left:0;
}

body.crypto-bots-page .channel-list li{
  position:relative;
  padding-left:24px;
  margin:7px 0;
}

body.crypto-bots-page .channel-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:0.42em;
  width:14px;
  height:14px;
  border-radius:4px;
  background:linear-gradient(135deg,#5b67ff,#7b61ff);
  box-shadow:0 4px 10px rgba(68,76,170,0.28);
}

body.crypto-bots-page .channel-list li::after{
  content:"";
  position:absolute;
  left:5px;
  top:0.62em;
  width:3px;
  height:6px;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(45deg);
}

body.crypto-bots-page .channel-list li:nth-child(2)::before{
  background:linear-gradient(135deg,#1ec8a6,#0ba5d8);
  box-shadow:0 4px 10px rgba(14,170,166,0.28);
}

body.crypto-bots-page .channel-list li:nth-child(3)::before{
  background:linear-gradient(135deg,#ff9f43,#ff6fb5);
  box-shadow:0 4px 10px rgba(255,133,92,0.3);
}

body.crypto-bots-page .channel-list li:nth-child(4)::before{
  background:linear-gradient(135deg,#8b5cf6,#38bdf8);
}

body.crypto-bots-page .btn.primary{
  background:linear-gradient(120deg,#ff7f50,#d84bff);
  color:#fff;
  box-shadow:0 12px 24px rgba(82,64,205,0.28);
}

body.crypto-bots-page .btn.ghost,
body.crypto-bots-page .btn.light{
  background:rgba(255,255,255,0.9);
  border:1px solid rgba(91,103,255,0.24);
  color:#2b2f79;
}

body.crypto-bots-page .btn:is(.ghost,.light):hover{
  background:rgba(255,255,255,0.98);
}

@media (max-width:768px){
  body.crypto-bots-page .dashboard-wrap{
    gap:14px;
  }

  body.crypto-bots-page .dashboard-wrap > .card{
    border-radius:22px;
  }

  body.crypto-bots-page .dashboard-wrap > .card::before{
    inset:-32px -22px auto -22px;
    height:120px;
  }

  body.crypto-bots-page .grid.two > .card,
  body.crypto-bots-page .token-panel .card.pad,
  body.crypto-bots-page .metric-card{
    border-radius:16px;
  }
}