html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

@media (prefers-color-scheme: dark) {
  body {
    background: black;
  }
}

.root {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.muiltr-1jqvrf-sidebar {
  background: linear-gradient(
    180deg,
    #2ecc71,   /* hijau terang */
    #27ae60,   /* hijau utama */
    #1e8449    /* hijau gelap */
  ) !important;
}

/* SEMBUNYIKAN LOGO ASLI */
svg[width="240"][height="64"] {
    display: none !important;
}

/* TAMBAHKAN LOGO BARU */
body::before {
  content: "";
  position: fixed;
  top: 50%;
  left: 50px;
  transform: translateY(-50%);
  
  width: 330px;
  height: 250px;

  background-image: url("/logo.svg?v=2") !important;
  background-repeat: no-repeat !important;
  background-position: center 70% !important;
  background-size: 70% !important;

  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  border-radius: 20px;
  
  opacity: 0;
  animation: logoFade 0.6s ease forwards;
  animation-delay: 0.5s;
}

@keyframes logoFade {
  to {
    opacity: 1;
  }
}