.dashboard-container {
  background-color: #26303f; /* Darker, richer background */
  border-radius: 25px; /* More rounded */
  padding: 40px;
  max-width: 1300px; /* Slightly wider */
  width: 100%;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.6); /* More prominent shadow */
  border: 3px solid #4a5568; /* Thicker, more defined border */
  position: relative;
  overflow: hidden; /* For background elements */
}

/* Subtle background pattern */
.dashboard-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%233a4659' fill-opacity='0.2' fill-rule='evenodd'%3E%3Cpath d='M0 0h3v3H0V0zm3 3h3v3H3V3z'/%3E%3C/g%3E%3C/svg%3E");
  opacity: 0.1;
  z-index: 0;
  border-radius: 25px;
}