/* Mobile Responsiveness */
@media (max-width: 900px) { /* Điều chỉnh cho màn hình nhỏ hơn nếu cần */
    .settings-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
}
@media (max-width: 600px) { /* Dưới 600px, chuyển về 1 cột */
  .wrapper {
    height: auto;
    padding: 0;
    border: none;
  }
  .container {
    flex-direction: column;
    height: auto;
    gap: 8px;
  }
  .sidebar {
    width: 100%;
    min-width: unset;
    height: auto;
    max-height: 400px; /* Limit height on mobile to prevent it from taking up too much screen */
    border-radius: 0;
  }
  .main {
    width: 100%;
    height: auto;
    border-radius: 0;
  }
  .sidebar-content {
    height: auto;
  }
  .main-action-buttons {
    flex-direction: column;
    gap: 8px;
  }
  .main-action-buttons button {
    min-width: unset;
  }
  h1 {
    font-size: 1.4rem;
  }
}