.tradeOverview{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin:18px 0;
}

.tradeStat{
  padding:18px;
  border-radius:22px;
  background:rgba(18,22,32,.84);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 14px 35px rgba(0,0,0,.25);
}

.tradeStat.big{
  grid-column:span 2;
}

.tradeStat span{
  display:block;
  opacity:.65;
  margin-bottom:8px;
  font-size:13px;
}

.tradeStat b{
  color:#ffd75a;
  font-size:28px;
  font-weight:900;
}

.tradeStat small{
  display:block;
  margin-top:8px;
  font-weight:800;
}

.capitalCard{
  padding:20px;
  border-radius:26px;
  background:linear-gradient(180deg,rgba(18,22,32,.9),rgba(10,13,20,.9));
  border:1px solid rgba(255,255,255,.09);
  margin:20px 0;
  box-shadow:0 20px 55px rgba(0,0,0,.32);
}

.capitalResult{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:18px 0;
}

.capitalResult div{
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.05);
}

.capitalResult span{
  display:block;
  opacity:.65;
  font-size:12px;
  margin-bottom:8px;
}

.capitalResult b{
  color:#ffd75a;
  font-size:24px;
}

.miniChart{
  height:120px;
  display:flex;
  align-items:flex-end;
  gap:6px;
  padding:14px;
  border-radius:20px;
  background:rgba(255,255,255,.04);
}

.miniChart span{
  flex:1;
  min-width:8px;
  border-radius:10px 10px 0 0;
  background:linear-gradient(180deg,#ffd75a,#9d7c19);
  box-shadow:0 0 18px rgba(255,215,90,.25);
}

@media(max-width:520px){
  .capitalResult{
    grid-template-columns:1fr;
  }
}