body { background:#f4f6f9; margin:0; }

/* Sidebar */
.sidebar{
  width:260px;
  background:linear-gradient(180deg,#020617,#0f172a);
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:#6366f1 #0f172a;
}

.sidebar::-webkit-scrollbar{
  width:6px;
}
.sidebar::-webkit-scrollbar-thumb{
  background:#6366f1;
  border-radius:10px;
}

/* Sidebar links */
.sidebar .nav-link{
  color:#cbd5e1;
  font-weight:500;
  padding:12px 20px;
  margin:4px 10px;
  border-radius:8px;
  transition:all 0.2s ease;
}
.sidebar .nav-link:hover, .sidebar .nav-link.active{
  background:#1e293b;
  color:#fff;
}

/* Mobile header */
.mobile-header{
  background:linear-gradient(90deg,#020617,#0f172a);
  box-shadow:0 2px 6px rgba(0,0,0,0.2);
}

/* Cards for dashboard */
.card-gradient{
  border-radius:16px;
  color:white;
  padding:20px;
  transition: transform 0.2s;
}
.card-gradient:hover{
  transform: translateY(-4px);
}

/* Content scroll fix */
main{
  overflow-y:auto;
  overflow-x:hidden;
}

/* Responsive fixes */
@media(max-width:768px){
  main{ margin-left:0 !important; }
}