.html5-qrcode-element{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a}.html5-qrcode-header{color:#333;font-size:1.2em;margin-bottom:15px}.html5-qrcode-section{border:2px solid #4CAF50;border-radius:8px;overflow:hidden}.html5-qrcode-button{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s}.html5-qrcode-button:hover{background-color:#45a049}#qr-reader{max-width:500px;margin:0 auto}.scan-result{margin-top:1rem;padding:1rem;border-radius:8px;text-align:center;font-weight:700}.scan-result.success{background-color:#4caf50;color:#fff}.scan-result.error{background-color:#f44336;color:#fff}.scan-result.waiting{background-color:#2196f3;color:#fff}.countdown{font-size:.8em;margin-top:.5rem;opacity:.8}#html5-qrcode-anchor-scan-type-change{display:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}