/* Sidebar styling for colorful, modern navigation */
.sidebar { min-height: 100vh; padding: 1.25rem; box-shadow: 2px 0 8px rgba(22,28,45,0.04); position: sticky; top: 0; }
.sidebar h4 { color: #1f2937; font-weight:700; letter-spacing:0.4px; }
.nav-item { margin-bottom: .65rem; }
.nav-link { display:flex; align-items:center; gap:0.75rem; padding:.6rem .75rem; border-radius:.5rem; color:#334155; text-decoration:none; font-weight:600; }
.nav-link .badge-icon { width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; border-radius:.5rem; font-size:1.05rem; }
.nav-link:hover { background: rgba(37,99,235,0.12); color:#0f172a; text-decoration:none; transform: translateX(6px); transition: all .12s ease; }
.nav-link .badge-icon { transition: transform .12s ease; }
.nav-link:hover .badge-icon { transform: scale(1.06); }
.nav-link.active { background: linear-gradient(90deg,#6366f1,#06b6d4); color:#fff; }
.nav-link.active .badge-icon { background: rgba(255,255,255,0.12); }
.nav-section { margin-top:1rem; padding-top:1rem; border-top:1px solid rgba(15,23,42,0.03); }
.sidebar-footer { position: absolute; bottom: 1rem; left: 1.25rem; right: 1.25rem; font-size:.85rem; color:#64748b; }

@media (max-width:768px){
  .sidebar { display:none; position: fixed; z-index: 1040; left:0; top:0; height:100vh; width: 80vw; max-width: 300px; background: #fff; box-shadow: 6px 0 20px rgba(15,23,42,0.12); }
  .sidebar.sidebar-open { display:block; }
  .sidebar-footer { position: static; margin-top:1rem; }
}