/* ATTACK SECURITY WEB PANEL - RESPONSIVE STYLESHEET */

@media (max-width: 1024px) {
  :root {
    --sidebar-width: 0px;
  }

  .sidebar {
    transform: translateX(-100%);
    width: 260px;
  }

  .sidebar.mobile-open {
    transform: translateX(0);
  }

  .topbar {
    left: 0;
  }

  .main-content {
    margin-left: 0;
    padding: calc(var(--topbar-height) + 20px) 16px 32px 16px;
  }

  .search-box {
    width: 180px;
  }
}

@media (max-width: 768px) {
  .topbar-left .search-box {
    display: none;
  }

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

  .glass-card {
    padding: 16px;
  }

  .btn {
    padding: 8px 14px;
    font-size: 0.82rem;
  }
}