.user-initials{width:50px;height:50px;background-color:#FFF;color:#656565;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;box-shadow:0 2px 5px rgb(0 0 0 / .2);position:relative}.user-qr-code{text-align:center;padding:10px;background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 5px rgb(0 0 0 / .1);display:inline-block;width:auto}.user-qr-code img{max-width:200px;border-radius:5px;margin-bottom:10px}.user-qr-code p{font-size:14px;color:#333;margin:0}.loader{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}