.qr-scan-display[data-v-1b1717ba]{min-height:100vh;padding:20px}.qr-scan-display .loading-container[data-v-1b1717ba]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh}.qr-scan-display .loading-container .spinner-wrapper[data-v-1b1717ba]{background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:20px;margin-bottom:20px}.qr-scan-display .loading-container .loading-text[data-v-1b1717ba]{color:#fff;font-size:18px;font-weight:500}.qr-scan-display .error-container[data-v-1b1717ba]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center}.qr-scan-display .error-container .error-icon-wrapper[data-v-1b1717ba]{background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:50%;margin-bottom:20px;color:#ff4757}.qr-scan-display .error-container .error-title[data-v-1b1717ba]{color:#fff;font-size:28px;font-weight:700;margin-bottom:10px}.qr-scan-display .error-container .error-message[data-v-1b1717ba]{color:hsla(0,0%,100%,.9);font-size:16px;margin-bottom:30px;max-width:400px}.qr-scan-display .content-container[data-v-1b1717ba]{max-width:900px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden;-webkit-animation:slideUp-data-v-1b1717ba .5s ease-out;animation:slideUp-data-v-1b1717ba .5s ease-out}@-webkit-keyframes slideUp-data-v-1b1717ba{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp-data-v-1b1717ba{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.qr-scan-display .company-header[data-v-1b1717ba]{padding:40px 30px;border-bottom:1px solid #e9ecef}.qr-scan-display .company-header .company-content[data-v-1b1717ba]{display:flex;align-items:center;gap:24px;max-width:800px;margin:0 auto}.qr-scan-display .company-header .logo-wrapper[data-v-1b1717ba]{flex-shrink:0}.qr-scan-display .company-header .logo-wrapper .company-logo[data-v-1b1717ba]{width:150px;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.qr-scan-display .company-header .logo-wrapper .company-logo[data-v-1b1717ba]:hover{transform:scale(1.05)}.qr-scan-display .company-header .logo-wrapper .no-logo[data-v-1b1717ba]{width:100px;height:100px;background:#f8f9fa;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#667eea;border:4px solid #e9ecef;box-shadow:0 4px 12px rgba(0,0,0,.1)}.qr-scan-display .company-header .company-info[data-v-1b1717ba]{flex:1;text-align:left}.qr-scan-display .company-header .company-info .company-name-en[data-v-1b1717ba]{color:#3b86d1;font-size:28px;font-weight:700;margin:0 0 8px 0;letter-spacing:-.5px}.qr-scan-display .company-header .company-info .company-name-kh[data-v-1b1717ba]{color:#3b86d1;font-size:30px;margin:0;font-weight:500}.qr-scan-display .login-section[data-v-1b1717ba]{padding:40px 30px;background:#eefdde}.qr-scan-display .login-section .login-card[data-v-1b1717ba]{max-width:500px;margin:0 auto;background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.qr-scan-display .login-section .welcome-text[data-v-1b1717ba]{text-align:center;margin-bottom:32px}.qr-scan-display .login-section .welcome-text .lock-icon[data-v-1b1717ba]{color:#667eea;margin-bottom:12px}.qr-scan-display .login-section .welcome-text h3[data-v-1b1717ba]{font-size:24px;font-weight:600;color:#2c3e50;margin:0}.qr-scan-display .login-section .login-form .form-group[data-v-1b1717ba]{margin-bottom:24px}.qr-scan-display .login-section .login-form .form-group .form-label[data-v-1b1717ba]{display:flex;align-items:center;gap:8px;font-weight:600;color:#495057;font-size:14px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.qr-scan-display .login-section .login-form .form-group .form-input[data-v-1b1717ba]{width:100%;padding:14px 16px;border:2px solid #e9ecef;border-radius:10px;font-size:15px;transition:all .3s ease;background:#f8f9fa}.qr-scan-display .login-section .login-form .form-group .form-input[data-v-1b1717ba]:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px rgba(102,126,234,.1)}.qr-scan-display .login-section .login-form .form-group .form-input[data-v-1b1717ba]::-moz-placeholder{color:#adb5bd}.qr-scan-display .login-section .login-form .form-group .form-input[data-v-1b1717ba]:-ms-input-placeholder{color:#adb5bd}.qr-scan-display .login-section .login-form .form-group .form-input[data-v-1b1717ba]::placeholder{color:#adb5bd}.qr-scan-display .login-section .login-form .form-group .password-wrapper[data-v-1b1717ba]{position:relative}.qr-scan-display .login-section .login-form .form-group .password-wrapper .toggle-password[data-v-1b1717ba]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .3s ease}.qr-scan-display .login-section .login-form .form-group .password-wrapper .toggle-password[data-v-1b1717ba]:hover{color:#667eea}.qr-scan-display .login-section .login-form .form-options[data-v-1b1717ba]{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.qr-scan-display .login-section .login-form .form-options .checkbox-label[data-v-1b1717ba]{display:flex;align-items:center;cursor:pointer;gap:8px}.qr-scan-display .login-section .login-form .form-options .checkbox-label input[type=checkbox][data-v-1b1717ba]{display:none}.qr-scan-display .login-section .login-form .form-options .checkbox-label input[type=checkbox]:checked+.checkbox-custom[data-v-1b1717ba]{background:#667eea;border-color:#667eea}.qr-scan-display .login-section .login-form .form-options .checkbox-label input[type=checkbox]:checked+.checkbox-custom[data-v-1b1717ba]:after{opacity:1;transform:scale(1)}.qr-scan-display .login-section .login-form .form-options .checkbox-label .checkbox-custom[data-v-1b1717ba]{width:20px;height:20px;border:2px solid #dee2e6;border-radius:5px;position:relative;transition:all .3s ease}.qr-scan-display .login-section .login-form .form-options .checkbox-label .checkbox-custom[data-v-1b1717ba]:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);color:#fff;font-size:12px;font-weight:700;opacity:0;transition:all .3s ease}.qr-scan-display .login-section .login-form .form-options .checkbox-label .checkbox-text[data-v-1b1717ba]{color:#495057;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.qr-scan-display .login-section .login-form .form-options .forgot-link[data-v-1b1717ba]{color:#667eea;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease}.qr-scan-display .login-section .login-form .form-options .forgot-link[data-v-1b1717ba]:hover{color:#764ba2;text-decoration:underline}.qr-scan-display .login-section .login-form .btn-login[data-v-1b1717ba]{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#31e978);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.3)}.qr-scan-display .login-section .login-form .btn-login[data-v-1b1717ba]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.qr-scan-display .login-section .login-form .btn-login[data-v-1b1717ba]:active{transform:translateY(0)}.qr-scan-display .certificate-section[data-v-1b1717ba]{padding:40px 30px}.qr-scan-display .certificate-section .section-header[data-v-1b1717ba]{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:#667eea}.qr-scan-display .certificate-section .section-header h3[data-v-1b1717ba]{font-size:22px;font-weight:600;margin:0}.qr-scan-display .certificate-section .certificate-container .certificate-wrapper[data-v-1b1717ba]{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.12);transition:transform .3s ease,box-shadow .3s ease}.qr-scan-display .certificate-section .certificate-container .certificate-wrapper[data-v-1b1717ba]:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.16)}.qr-scan-display .certificate-section .certificate-container .certificate-wrapper:hover .image-overlay[data-v-1b1717ba]{opacity:1}.qr-scan-display .certificate-section .certificate-container .certificate-wrapper .certificate-image[data-v-1b1717ba]{width:100%;height:auto;display:block}.qr-scan-display .certificate-section .certificate-container .certificate-wrapper .image-overlay[data-v-1b1717ba]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(102,126,234,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;opacity:0;transition:opacity .3s ease}.qr-scan-display .certificate-section .certificate-container .certificate-wrapper .image-overlay span[data-v-1b1717ba]{font-size:16px;font-weight:500}.qr-scan-display .certificate-section .certificate-container .no-certificate[data-v-1b1717ba]{padding:80px 20px;background:#f8f9fa;border-radius:12px;text-align:center;color:#adb5bd;border:2px dashed #dee2e6}.qr-scan-display .certificate-section .certificate-container .no-certificate p[data-v-1b1717ba]{margin-top:20px;font-size:16px;font-weight:500}.qr-scan-display .footer[data-v-1b1717ba]{padding:30px;background:#f8f9fa;text-align:center;border-top:1px solid #e9ecef}.qr-scan-display .footer .footer-info[data-v-1b1717ba]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px;color:#6c757d;font-size:14px}.qr-scan-display .modal-content .modal-image[data-v-1b1717ba]{width:100%;height:auto;border-radius:8px}@media(max-width:768px){.qr-scan-display[data-v-1b1717ba]{padding:10px}.qr-scan-display .company-header[data-v-1b1717ba]{padding:30px 20px}.qr-scan-display .company-header .company-content[data-v-1b1717ba]{flex-direction:column;text-align:center;gap:16px}.qr-scan-display .company-header .logo-wrapper .company-logo[data-v-1b1717ba],.qr-scan-display .company-header .logo-wrapper .no-logo[data-v-1b1717ba]{width:80px;height:80px}.qr-scan-display .company-header .company-info[data-v-1b1717ba]{text-align:center}.qr-scan-display .company-header .company-info .company-name-en[data-v-1b1717ba]{font-size:22px}.qr-scan-display .company-header .company-info .company-name-kh[data-v-1b1717ba]{font-size:30px}.qr-scan-display .login-section .login-card[data-v-1b1717ba],.qr-scan-display .login-section[data-v-1b1717ba]{padding:30px 20px}.qr-scan-display .login-section .welcome-text h3[data-v-1b1717ba]{font-size:20px}.qr-scan-display .certificate-section[data-v-1b1717ba]{padding:30px 20px}.qr-scan-display .footer[data-v-1b1717ba]{padding:20px}.qr-scan-display .footer .footer-info[data-v-1b1717ba]{flex-direction:column;gap:4px}}