* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: sans-serif;
}

/* FIX GESER KANAN */
body {
  background: #f5f7fa;
  color: #222;
  overflow-x: hidden;
}

.main {
  display: grid;
  grid-template-columns: 1fr;
  gap: 25px;
  margin-top: 30px;
  align-items: start; /* 🔥 INI KUNCINYA */
}

/* TABLET */
@media (min-width: 768px) {
  .main {
    grid-template-columns: 1.5fr 1fr;
  }
}

/* DESKTOP */
@media (min-width: 1024px) {
  .main {
    grid-template-columns: 2fr 1fr;
  }
}

/* FIX MAIN LAYOUT AGAR SIDEBAR KEMBALI NORMAL */
.main.container {
  max-width: 1200px;
  margin: 30px auto 0;
  padding: 15px 20px;
  width: 100%;

  display: grid;
  grid-template-columns: 1fr;
  gap: 25px;
  align-items: start;
  justify-content: normal;
}

/* TABLET */
@media (min-width: 768px) {
  .main.container {
    grid-template-columns: 1.5fr 1fr;
  }
}

/* DESKTOP */
@media (min-width: 1024px) {
  .main.container {
    grid-template-columns: 2fr 1fr;
  }
}

/* PASTIKAN SIDEBAR TETAP DI ATAS */
.sidebar {
  align-self: start;
  width: 100%;
}

/* PASTIKAN CONTENT TIDAK MENDORONG SIDEBAR */
.content {
  min-width: 0;
}

.sidebar {
  min-width: 0;
}