.admin .dropzone {
  margin-top: 0.5rem;
  margin: 0.5rem 0 4rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 1rem 1.5rem 1rem 1.5rem;
  border-width: 2px;
  border-color: #2735d4;
  border-style: dashed;
  border-radius: 2rem;
  cursor: pointer;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;

  .dz-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .upload-icon {
    font-size: 4rem;
    line-height: 1;
    color: #2735d4;
  }

  .dz-preview {
    display: none !important;
  }
}


.admin .dropzone:hover {
  border-color: #2735d4;
}

.progress-container {
  margin-top: 20px;
  display: none;
}

.progress-bar {
  height: 20px;
  background-color: #e9ecef;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 10px;
}

.progress-bar-fill {
  height: 100%;
  background-color: #4CAF50;
  width: 0%;
  transition: width 0.3s ease;
}

.upload-status {
  font-weight: bold;
  margin-bottom: 10px;
}