@media (max-width: 800px) {
  .sidebar { display: none; }
  main { margin: 0; }
  .topbar { position: static; align-items: flex-start; }
  .header-actions { flex-wrap: wrap; justify-content: flex-end; }
  .search { display: none; }
  .hero h2 { font-size: 30px; }
  .metrics { grid-template-columns: 1fr; }
  .section-heading { align-items: flex-start; gap: 14px; flex-direction: column; }
  .table-wrap { overflow-x: auto; }
  table { min-width: 780px; }
  .form-grid { grid-template-columns: 1fr; }
  .form-grid .full { grid-column: auto; }
}