/* RATE EMPLOYEE */
body { font-family: Arial, sans-serif; background-color: #f4f4f4; display: flex; justify-content: center; align-items: center; min-height: 100vh; margin: 0; }
      .container { background-color: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); width: 100%; max-width: 600px; }
      h1, h2 { color: #333; text-align: center; margin-bottom: 20px; }
      .employee-info { text-align: center; margin-bottom: 30px; }
      .employee-info img { width: 80px; height: 80px; object-fit: cover; border-radius: 50%; margin-bottom: 10px; }
      .rating-section { margin-bottom: 25px; }
      .rating-section label { display: block; margin-bottom: 10px; font-weight: bold; color: #555; }
      .rating-options { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 10px; }
      .rating-option {
          text-align: center;
          padding: 10px;
          cursor: pointer;
          border: 2px solid transparent;
          border-radius: 5px;
          transition: all 0.2s ease;
          flex: 1 1 auto; /* Allows items to grow and shrink */
          min-width: 80px; /* Minimum width for each rating option */
      }
      .rating-option.selected {
          border-color: #007bff;
          background-color: #e6f2ff;
      }
      .rating-option:hover {
          background-color: #eee;
      }
      .rating-option span { display: block; font-size: 2.5em; margin-bottom: 5px; } /* Happy face icons */
      .rating-option p { font-size: 0.9em; color: #666; }
      input[type="radio"] { display: none; } /* Hide actual radio buttons */
      .submit-btn {
          background-color: #28a745;
          color: white;
          padding: 12px 20px;
          border: none;
          border-radius: 5px;
          font-size: 1.1em;
          cursor: pointer;
          transition: background-color 0.3s ease;
          display: block;
          width: 100%;
          margin-top: 30px;
      }
      .submit-btn:hover {
          background-color: #218838;
      }
      .error-message { color: red; text-align: center; margin-top: 15px;
        }