/* WRAPPER DINAMICO PER I CONTENUTI AMMINISTRATIVI */
.content-wrapper {
  margin-left: 100px;
  padding: 30px;
  min-height: 100vh;
  background-color: #1a1a1a;
  transition: all 0.3s ease;
}

/* STILE PER TABELLE STATISTICHE E MAGAZZINO */
table {
  width: 100%;
  border-collapse: collapse;
  background-color: #2a2a2a;
  color: white;
  margin-top: 20px;
}

th, td {
  border: 1px solid #1DB954;
  padding: 12px 15px;
  text-align: left;
}

th {
  background-color: #1DB954;
  color: black;
  font-weight: bold;
}

/* GRAFICI */
.chart-box {
  margin-top: 40px;
  background-color: #121212;
  padding: 20px;
  border: 2px solid #1DB954;
  border-radius: 10px;
}

/* CARD NELLA DASHBOARD */
.dashboard-card {
  background-color: #1a1a1a;
  border: 2px solid #1DB954;
  padding: 20px;
  border-radius: 15px;
  color: white;
  text-align: center;
  transition: transform 0.2s;
}

.dashboard-card:hover {
  transform: scale(1.02);
  background-color: #2a2a2a;
}

/* SIDEBAR ATTIVA */
.sidebar button.active {
  background-color: #1DB954;
  color: black;
  font-weight: bold;
}

/* ANIMAZIONE DI INGRESSO PER I CONTENUTI */
.fade-in {
  animation: fadeIn 0.6s ease-in-out;
}

@keyframes fadeIn {
  from {opacity: 0; transform: translateY(10px);}
  to {opacity: 1; transform: translateY(0);}
}