/* Wrapper tabel */
.dataTables_wrapper {
  background: linear-gradient(to bottom right, #ffffff, #e3f2fd);
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.2); /* Efek 3D */
  overflow: hidden;
}

/* Header tabel */
.dataTables_wrapper table thead th {
  background: linear-gradient(45deg, #4facfe, #00f2fe);
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  padding: 12px;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}

/* Isi tabel */
.dataTables_wrapper table tbody tr {
  background: #ffffff;
  transition: all 0.3s ease;
}

.dataTables_wrapper table tbody tr:nth-child(even) {
  background: #f9f9f9;
}

/* Hover efek */
.dataTables_wrapper table tbody tr:hover {
  background: linear-gradient(45deg, #fbc2eb, #a6c1ee);
  color: #333;
  transform: scale(1.01);
  box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

/* Link judul artikel */
.dataTables_wrapper table tbody td a {
  color: #00796b;
  font-weight: bold;
  text-decoration: none;
  transition: color 0.3s ease;
}

.dataTables_wrapper table tbody td a:hover {
  color: #ff5722;
}

/* Pagination & search box */
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_filter {
  margin-top: 15px;
}

.dataTables_wrapper .dataTables_paginate a {
  background: linear-gradient(45deg, #4facfe, #00f2fe);
  color: #fff !important;
  border-radius: 6px;
  padding: 6px 12px;
  margin: 0 3px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.dataTables_wrapper .dataTables_paginate a:hover {
  background: linear-gradient(45deg, #ff9a9e, #fad0c4);
  color: #333 !important;
}