@media (max-width: 1200px){
  .stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 960px){
  .layout-shell{
    flex-direction:column;
  }

  .sidebar{
    display:none;
    width:100%;
    border-right:none;
    border-bottom:1px solid rgba(255,255,255,.06);
  }

  .sidebar.is-open{
    display:block;
  }

  .content{
    max-width:100%;
    padding:16px;
  }

  .card-grid,
  .card-grid-2,
  .stats-grid{
    grid-template-columns:1fr;
  }

  .page-header{
    flex-direction:column;
    align-items:flex-start;
  }

  .page-header h1{
    font-size:30px;
  }

  .topbar{
    padding:10px 12px;
  }

  .topbar-right{
    gap:10px;
  }

  .topbar-userbox{
    display:none;
  }
}

@media (min-width: 961px){
  .menu-toggle{
    display:none;
  }
}