/* 基础响应式设置 */
@media screen and (max-width: 768px) {
  .admin-container {
    flex-direction: column;
  }
  
  .admin-sidebar {
    width: 100%;
    position: static;
    padding: 10px;
  }
  
  .admin-sidebar ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  
  .admin-sidebar li {
    margin-bottom: 0;
  }
  
  .admin-content {
    padding: 15px;
  }
  
  /* 统计卡片响应式 */
  .stats {
    flex-direction: column;
    gap: 10px;
  }
  
  .stat-card {
    min-width: 100%;
  }
  
  /* 表格响应式 */
  .user-table, 
  .whitelist-table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  
  /* 表单元素响应式 */
  .form-group input[type="text"],
  .form-group input[type="password"],
  .form-group input[type="email"] {
    font-size: 14px;
    padding: 8px;
  }
  
  .btn {
    padding: 8px 15px;
    font-size: 14px;
  }
}

/* 小屏幕进一步优化 */
@media screen and (max-width: 480px) {
  .container {
    margin-top: 20px;
    padding: 15px;
  }
  
  .admin-sidebar h2 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  
  .admin-sidebar a {
    padding: 3px 0;
  }
  
  .stat-card h3 {
    font-size: 14px;
  }
  
  .stat-card p {
    font-size: 20px;
  }
}