| .user-invite-container { |
| padding: 24px; |
| background: #fff; |
| border-radius: 12px; |
| box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); |
| max-width: 500px; |
| margin: 0 auto; |
| text-align: center; |
| } |
| |
| .invite-button { |
| padding: 10px 20px; |
| background-color: #4a90e2; |
| color: white; |
| font-size: 16px; |
| border: none; |
| border-radius: 8px; |
| cursor: pointer; |
| margin-top: 12px; |
| } |
| |
| .invite-button:disabled { |
| background-color: #cccccc; |
| cursor: not-allowed; |
| } |
| |
| .invite-code { |
| margin-top: 20px; |
| font-size: 18px; |
| color: #333; |
| } |
| |
| .invite-code span { |
| font-weight: bold; |
| color: #4a90e2; |
| } |