.card-style-1 {
  border: 2px solid white;
  border-radius: 25px;
  background: linear-gradient(90deg, #f5576b, #FEC03F);
  font-size: 22px;
  color: #fff;
}

.card-style-2 {
  border: 2px solid white;
  border-radius: 25px;
  background: linear-gradient(90deg, #3FED95, #16a6ff);
  font-size: 22px;
  color: #fff;
}

.card-style-3 {
  border: 2px solid white;
  border-radius: 25px;
  background: linear-gradient(90deg, #004FD3, #2CCDFF);
  font-size: 22px;
  color: #fff;
}

.card-style-4 {
  border: 2px solid white;
  border-radius: 25px;
  background: linear-gradient(90deg, #DE5389, #A74DD0);
  font-size: 22px;
  color: #fff;
}

.card-style-5 {
  border: 2px solid white;
  border-radius: 25px;
  background: linear-gradient(90deg, #FF7BAB, #f73e52);
  font-size: 22px;
  color: #fff;
}

.card-style-6 {
  border: 2px solid white;
  border-radius: 25px;
  background: linear-gradient(90deg, #A9ED39, #A9ED39);
  font-size: 22px;
  color: #fff;
}

.card-style-7 {
  border: 2px solid white;
  border-radius: 25px;
  background: linear-gradient(90deg, #49BAF0, #49BAF0);
  font-size: 22px;
  color: #fff;
}

.card-style-8 {
  border: 2px solid white;
  border-radius: 25px;
  background: linear-gradient(90deg, #C139ED, #8639ED);
  font-size: 22px;
  color: #fff;
}

.card-style-9 {
  border: 2px solid white;
  border-radius: 25px;
  background: linear-gradient(90deg, #FFDE7F, #FF842F);
  font-size: 22px;
  color: #fff;
}

.card-style-10 {
  border: 2px solid white;
  border-radius: 25px;
  background: linear-gradient(90deg, #00BBBA, #00B863);
  font-size: 22px;
  color: #fff;
}

.card-title {
  font-size: 22px;
  color: #fff;
}

.canvas-container {
  position: relative;
  perspective: 1000px;
}

.canvas {
  transform: rotateX(60deg);
}

@media (prefers-color-scheme: dark) {
  #chartdiv {
    background-color: #212529;
    color: #ffffff;
    width: 100%;
    max-height: 550px;
    height: 100vh;
  }
}
@media (prefers-color-scheme: light) {
  #chartdiv {
    background-color: #212529;
    color: #ffffff;
    width: 100%;
    max-height: 550px;
    height: 100vh;
  }
}

/*# sourceMappingURL=dashboard.css.map */