@media(max-width:768px){
  .sidebar{position:fixed;left:-240px;top:0;bottom:0;z-index:50;transition:left .3s var(--ease)}
  .sidebar.open{left:0;box-shadow:var(--shadow-3)}
  .top-bar{padding:12px 16px}
  .page{padding:16px}
  .chat-layout{grid-template-columns:1fr;height:auto}
  .chat-contacts{height:200px}
  .stats-grid{grid-template-columns:1fr 1fr}
  .row-2{grid-template-columns:1fr}
}