@media(max-width:768px){
  .sidebar{position:fixed;transform:translateX(-100%);height:100%;z-index:200}
  .sidebar.open{transform:translateX(0)}
  .menu-toggle{display:block}
  .form-row{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:1fr 1fr}
  .topbar-title h1{font-size:14px}
  .content{padding:12px}
  .card{padding:12px}
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  td,th{padding:8px 10px;font-size:12px}
  .topbar{padding:0 12px}
  .actions-cell{flex-wrap:wrap}
  .vm-grid{grid-template-columns:1fr 1fr}
  .modal{width:95%;max-height:90vh}
}
@media(max-width:480px){
  .stats-grid{grid-template-columns:1fr}
  .topbar-actions{gap:4px}
  .topbar-time{display:none}
  .btn{font-size:11px;padding:6px 10px}
  .badge{font-size:9px;padding:2px 6px}
  .sidebar-header{padding:12px 14px}
  .logo-text{font-size:13px}
  .stat-value{font-size:20px}
  .vm-grid{grid-template-columns:1fr}
}