.mobile-menu-toggle{display:none}
@media(max-width:767px){
  .sidebar{position:sticky;top:0;z-index:40;overflow:visible}
  .mobile-menu-toggle{display:flex;align-items:center;gap:7px;border:1px solid #ffffff22;background:#ffffff12;color:#fff;border-radius:10px;padding:9px 11px;font-weight:800;cursor:pointer}
  .mobile-menu-toggle span{font-size:20px;line-height:1}
  .mobile-menu-toggle b{font-size:13px}
  .sidebar nav{display:none!important;position:absolute;top:100%;left:8px;right:8px;background:linear-gradient(180deg,#16233e,#101a31);border:1px solid #ffffff18;border-radius:14px;padding:10px;box-shadow:0 18px 45px rgba(0,0,0,.28);max-height:72vh;overflow:auto;grid-template-columns:1fr 1fr;gap:6px}
  .sidebar.mobile-menu-open nav{display:grid!important}
  .sidebar nav .side-nav{display:grid!important;grid-template-columns:28px 1fr auto!important;text-align:left!important;padding:11px 12px}
  .sidebar nav .side-nav span{display:block!important;font-size:13px}
  .sidebar nav .side-nav i{font-size:18px}
  .sidebar nav .side-nav b{display:grid!important}
}
@media(max-width:520px){
  .sidebar nav{grid-template-columns:1fr}
}