.mobile-nav{display:none}
@media (max-width:991px){
  body{padding-bottom:76px}
  body.no-sidebar-public-home{padding-bottom:0}
  .mobile-nav{display:flex;position:fixed;bottom:10px;left:12px;right:12px;min-height:54px;height:auto;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.35);border-radius:16px;z-index:2000;box-shadow:0 8px 32px rgba(0,0,0,.10);justify-content:space-around;align-items:center;gap:3px;padding:6px 8px;transform:translateY(0);opacity:1;transition:transform .28s cubic-bezier(.22,.61,.36,1),opacity .22s ease;will-change:transform}
  .mobile-nav.is-hidden{transform:translateY(calc(100% + 28px));opacity:0;pointer-events:none}
  .mobile-nav-item{color:#64748b;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;flex:1 1 0;font-size:clamp(.52rem,2vw,.62rem);font-weight:700;line-height:1;text-align:center;transition:color .2s ease,transform .2s ease}
  button.mobile-nav-item{appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0;font-family:inherit;cursor:pointer}
  .mobile-nav-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-nav-item i{font-size:1rem;margin-bottom:1px}
  .mobile-nav-item.active{color:var(--accent)}
  #sidebarToggle{display:none!important}
  #sidebar{display:none!important}
  #main-wrapper{margin-left:0!important}
}