@media (max-width: 480px) {
    .form-container {
      padding: 20px 15px;
    }
  
    input,
    button,
    label {
      font-size: 1rem; /* Keep same size */
    }
  
    button {
      width: 100%; /* Responsive layout */
    }
  
    .container {
      margin: 10px;
      padding: 15px;
    }
  
    table, th, td {
      font-size: 0.95rem;
      word-break: break-word;
    }
  
    .actions button {
      display: block;
      width: 100%;
      margin-bottom: 10px;
    }
  }
  