.role-buttons {
      display: flex;
      gap: 10px;
      margin: 10px 0 20px;
    }
    .role-buttons button {
      padding: 8px 16px;
      border: 2px solid #f5b041;
      background: #fff;
      color: #f5b041;
      border-radius: 5px;
      cursor: pointer;
      transition: 0.3s;
    }
    .role-buttons button:hover {
      background: #f5b041;
      color: #fff;
    }
    .role-buttons button.selected {
      background: #f5b041;
      color: #fff;
    }
    .error-message {
      color: red;
      margin: 10px 0;
    }
    .alert-success {
      background: #d4edda;
      color: #155724;
      padding: 10px;
      text-align: center;
    }