@import"https://fonts.googleapis.com/css?family=Raleway:400,700";.qr-container{text-align:center;padding:30px;background:#fff;box-shadow:0 4px 15px #0000001a;border-radius:12px;max-width:480px;width:100%;margin-top:30%}h2{font-size:24px;color:#333;margin-bottom:20px}button{font-size:16px;padding:12px 20px;margin:10px 0;border:none;border-radius:8px;cursor:pointer;outline:none;transition:all .3s ease}.start-scan{background:#4caf50;color:#fff;font-weight:700}.start-scan:hover{background:#45a049}.submit-note{background:#007bff;color:#fff;font-weight:700}.submit-note:hover{background:#0056b3}.result{margin-top:20px;padding:15px;background:#f0f8ff;border-radius:8px;border:1px solid #d0e7ff;color:#2c7be5;font-size:18px;font-weight:700}.note-section{margin-top:20px}.note-input{width:100%;height:100px;margin:10px 0;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:8px}.qr-container{padding:20px;text-align:center}.logout-container{position:absolute;top:10px;right:10px}.logout-button{background-color:#ff5c5c;color:#fff;border:none;border-radius:5px;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .3s ease}.logout-button:hover{background-color:#ff3b3b}.start-scan,.print-badge{margin:10px;padding:10px 20px;font-size:16px;border:none;border-radius:5px;cursor:pointer;color:#fff}.start-scan{background-color:#4caf50}.start-scan:hover{background-color:#45a049}.swal2-print-button{background-color:#2196f3;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.swal2-print-button:hover{background-color:#1e88e5}*{box-sizing:border-box;margin:0;padding:0;font-family:Raleway,sans-serif}body{background:linear-gradient(90deg,#c7c5f4,#776bcc);margin:0;padding:0;font-family:Raleway,sans-serif;justify-content:center;align-items:center;min-height:100vh}.container{display:flex;align-items:center;justify-content:center;width:100%;max-width:400px;margin:0 auto}.screen{background:linear-gradient(90deg,#5d54a4,#7c78b8);position:relative;height:95vh;width:100%;max-width:360px;box-shadow:0 0 24px #5c5696;border-radius:20px;overflow:hidden}.screen__content{z-index:1;position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.screen__background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.screen__background__shape{transform:rotate(45deg);position:absolute}.screen__background__shape1{height:520px;width:520px;background:#fff;top:-50px;right:120px;border-radius:0 72px 0 0}.screen__background__shape2{height:220px;width:220px;background:#6c63ac;top:-172px;right:0;border-radius:32px}.screen__background__shape3{height:540px;width:190px;background:linear-gradient(270deg,#5d54a4,#6a679e);top:-24px;right:0;border-radius:32px}.screen__background__shape4{height:400px;width:200px;background:#7e7bb9;top:420px;right:50px;border-radius:60px}.login{width:100%;max-width:320px;padding:20px}.login__field{padding:15px 0;position:relative}.login__icon{position:absolute;top:12px;left:0;color:#7875b5;font-size:18px}.login__input{border:none;border-bottom:2px solid #D1D1D4;background:none;padding:10px 5px 10px 30px;font-weight:700;font-size:16px;width:100%;transition:.2s}.login__input:active,.login__input:focus,.login__input:hover{outline:none;border-bottom-color:#6a679e}.login__submit{background:#fff;font-size:16px;margin-top:20px;padding:16px 20px;border-radius:26px;border:1px solid #D4D3E8;text-transform:uppercase;font-weight:700;display:flex;align-items:center;justify-content:center;width:100%;color:#4c489d;box-shadow:0 2px 2px #5c5696;cursor:pointer;transition:.2s}.login__submit:active,.login__submit:focus,.login__submit:hover{border-color:#6a679e;outline:none}.button__icon{font-size:20px;margin-left:auto;color:#7875b5}.social-login{position:absolute;height:140px;width:160px;text-align:center;bottom:0;right:0;color:#fff}.social-icons{display:flex;align-items:center;justify-content:center}.social-login__icon{padding:20px 10px;color:#fff;text-decoration:none;text-shadow:0px 0px 8px #7875B5}.social-login__icon:hover{transform:scale(1.5)}@media (max-width: 480px){.screen{height:90vh;width:95%;max-width:600px;margin:0 auto}.login__input,.login__submit{font-size:18px}}.message{margin-top:20px;padding:10px 15px;border-radius:5px;font-size:16px;text-align:center;font-weight:700}.message.success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.message.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.add-lead-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#e3f2fd,#ede7f6)}.card{background:#fff;padding:25px;border-radius:12px;width:90%;max-width:450px;box-shadow:0 6px 18px #00000026;text-align:center}.visitor-icon{display:block;margin:0 auto 15px;color:#673ab7;font-size:80px}.title{font-size:22px;text-align:center;color:#4527a0;margin-bottom:20px;font-weight:700}.visitor-details{text-align:left;margin-bottom:20px;background:#f3e5f5;padding:15px;border-radius:8px}.visitor-details p{font-size:15px;color:#424242;margin:8px 0}.note-input{width:100%;padding:12px;margin-bottom:20px;border:1px solid #d1c4e9;border-radius:8px;font-size:14px;background:#f8f8f8;outline:none;transition:border-color .3s ease}.note-input:focus{border-color:#673ab7}.add-lead-button{width:100%;padding:12px;background:#673ab7;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.add-lead-button:hover{background:#512da8;box-shadow:0 4px 10px #673ab74d}