:root { --sidebar-bg: #f8fafc; }
body { background: #f3f6fb; }
.sidebar { background: var(--sidebar-bg); min-height: calc(100vh - 56px); }

.loading-overlay {
  position: fixed; inset: 0; background: rgba(255,255,255,0.9); z-index: 9999;
}

ul.tree { list-style: none; padding-left: .75rem; }
ul.tree li { cursor: pointer; padding: 6px 8px; border-radius: 6px; }
ul.tree li:hover { background: #e9f2ff; }
ul.tree ul { margin-left: .75rem; border-left: 2px dashed #cfe0ff; padding-left: .75rem; }

.fade-in { animation: fadeIn .2s ease-in; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(4px);} to { opacity: 1; transform: none;} }

.sidebar {
  max-height: calc(100vh - 56px); /* 56px = tinggi navbar */
  overflow-y: auto;
}

/* Area tabel dibatasi tinggi maksimal + scroll */
.table-responsive {
  max-height: calc(100vh - 160px); /* bisa kamu adjust */
  overflow-y: auto;
}

/* Optional: sticky header tabel biar enak dibaca */
.table thead th {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
}

.table{
  font-size:13px
}