@media (max-width: 600px) {
  .shell { flex-direction: column; }
  .sidebar { display: block; width: 100%; padding: 13px 14px 8px; }
  .brand { justify-content: flex-start; margin-bottom: 10px; }
  .brand div { display: block; }
  .sidebar nav { display: flex; gap: 5px; overflow-x: auto; scrollbar-width: thin; }
  .settings-nav { margin-top: 8px; }
  .nav { flex: none; width: auto; padding: 9px 11px; font-size: 12px; text-align: left; white-space: nowrap; }
  .nav::first-letter { font-size: inherit; }
  .nav span { display: inline-block; float: none; margin-left: 4px; }
  .sidebar-bottom { display: none; }
  main { padding: 20px 16px; }
  .stats { gap: 9px; }
  .stat { padding: 15px; }
  .stat strong { font-size: 25px; }
  .panel { padding: 16px; }
  .panel-head { align-items: start; gap: 10px; flex-wrap: wrap; }
  .row-top { flex-wrap: wrap; }
  table { display: block; overflow-x: auto; }
}