/* -- Variabel Warna (Mudah Diubah) -- */
:root {
    --primary-color: #4C51BF; /* Biru Ungu (contoh) */
    --primary-light: #667EEA;
    --text-dark: #2D3748;
    --text-medium: #4A5568;
    --text-light: #718096;
    --bg-light: #FFFFFF; /* Latar belakang sangat terang */
    --border-color: #E2E8F0;
    --shadow-light: rgba(0, 0, 0, 0.05);
    --shadow-medium: rgba(0, 0, 0, 0.1);
}



body {
    line-height: 1.6;
    background-color: var(--bg-light); /* Latar belakang halaman yang bersih */
}

#header {
  background: #fff;
  box-shadow: unset;
  border-bottom: 1px solid #cbd5e1;
}

.content {
  background: var(--bg-light);
}

#wrapper {
  background: var(--bg-light);
}

.panel, .panel_s {
  --tw-bg-opacity: 1;
  --tw-shadow: unset;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
  border: 1px solid rgba(209,213,219,.6);
  border-radius: .5rem;
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  margin-bottom: 25px;
}

.top_stats_wrapper {
  background: var(--bg-light);
  box-shadow: unset;
}

.sidebar {
  background: var(--bg-light);
}