.dashboard-card{
  border:1px solid #e2e8f0;
  border-radius:12px;
  padding:20px;
  background:#fff;
  height:100%;
  position:relative;
}

.dashboard-card .label{
  font-size:.85rem;
  color:#64748b;
}

/* Accent bar */
.dashboard-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  border-radius:12px 12px 0 0;
  background:#e5e7eb; /* default */
}

.dashboard-card .value{
  font-size:1.35rem;
  font-weight:600;
  margin-top:6px;
}
.dashboard-card .icon{
  font-size:1.4rem;
  color:#0ea5e9;
}

.card-link{
  font-size:.85rem;
  color:#0ea5e9;
  text-decoration:none;
}

.card-link:hover{
  text-decoration:underline;
}

.dashboard-card .icon{
  font-size:1.4rem;
  color:#64748b;
}

.card-primary::before{ background:#0ea5e9; }
.card-success::before{ background:#22c55e; }
.card-warning::before{ background:#f59e0b; }
.card-dark::before{ background:#334155; }

.dashboard-card .label{
  font-size:.85rem;
  color:#64748b;
}

canvas{
  max-width:100% !important;
}