.qr-scan-display[data-v-42773dc3]{min-height:100vh;padding:20px}.qr-scan-display .loading-container[data-v-42773dc3]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh}.qr-scan-display .loading-container .spinner-wrapper[data-v-42773dc3]{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-42773dc3]{color:#fff;font-size:18px;font-weight:500}.qr-scan-display .error-container[data-v-42773dc3]{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-42773dc3]{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-42773dc3]{color:#fff;font-size:28px;font-weight:700;margin-bottom:10px}.qr-scan-display .error-container .error-message[data-v-42773dc3]{color:hsla(0,0%,100%,.9);font-size:16px;margin-bottom:30px;max-width:400px}.qr-scan-display .content-container[data-v-42773dc3]{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-42773dc3 .5s ease-out;animation:slideUp-data-v-42773dc3 .5s ease-out}@-webkit-keyframes slideUp-data-v-42773dc3{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp-data-v-42773dc3{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.qr-scan-display .company-header[data-v-42773dc3]{padding:40px 30px;border-bottom:1px solid #e9ecef}.qr-scan-display .company-header .company-content[data-v-42773dc3]{display:flex;align-items:center;gap:24px;max-width:800px;margin:0 auto}.qr-scan-display .company-header .logo-wrapper[data-v-42773dc3]{flex-shrink:0}.qr-scan-display .company-header .logo-wrapper .company-logo[data-v-42773dc3]{width:150px;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.qr-scan-display .company-header .logo-wrapper .company-logo[data-v-42773dc3]:hover{transform:scale(1.05)}.qr-scan-display .company-header .logo-wrapper .no-logo[data-v-42773dc3]{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-42773dc3]{flex:1;text-align:left}.qr-scan-display .company-header .company-info .company-name-en[data-v-42773dc3]{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-42773dc3]{color:#3b86d1;font-size:30px;margin:0;font-weight:500}.qr-scan-display .certificate-section[data-v-42773dc3]{padding:40px 30px}.qr-scan-display .certificate-section .section-header[data-v-42773dc3]{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:#667eea}.qr-scan-display .certificate-section .section-header h3[data-v-42773dc3]{font-size:22px;font-weight:600;margin:0}.qr-scan-display .certificate-section .certificate-grid[data-v-42773dc3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.qr-scan-display .certificate-section .certificate-wrapper[data-v-42773dc3]{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;aspect-ratio:3/4}.qr-scan-display .certificate-section .certificate-wrapper[data-v-42773dc3]:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.16)}.qr-scan-display .certificate-section .certificate-wrapper:hover .image-overlay[data-v-42773dc3]{opacity:1}.qr-scan-display .certificate-section .certificate-wrapper .certificate-image[data-v-42773dc3]{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.qr-scan-display .certificate-section .certificate-wrapper .image-overlay[data-v-42773dc3]{position:absolute;inset:0;background:rgba(102,126,234,.85);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;opacity:0;transition:opacity .3s ease}.qr-scan-display .certificate-section .certificate-wrapper .image-overlay span[data-v-42773dc3]{font-size:14px;font-weight:500}.qr-scan-display .certificate-section .no-certificate[data-v-42773dc3]{padding:80px 20px;background:#f8f9fa;border-radius:12px;text-align:center;color:#adb5bd;border:2px dashed #dee2e6}.qr-scan-display .certificate-section .no-certificate p[data-v-42773dc3]{margin-top:20px;font-size:16px;font-weight:500}.qr-scan-display .modal-content[data-v-42773dc3]{position:relative;display:flex;align-items:center;justify-content:center}.qr-scan-display .modal-content .modal-image[data-v-42773dc3]{width:100%;height:auto;border-radius:8px}.qr-scan-display .modal-content .modal-nav[data-v-42773dc3]{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.45);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .2s;z-index:10}.qr-scan-display .modal-content .modal-nav[data-v-42773dc3]:hover{background:rgba(0,0,0,.7)}.qr-scan-display .modal-content .modal-nav--prev[data-v-42773dc3]{left:8px}.qr-scan-display .modal-content .modal-nav--next[data-v-42773dc3]{right:8px}.qr-scan-display .modal-content .modal-counter[data-v-42773dc3]{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.5);color:#fff;padding:4px 12px;border-radius:20px;font-size:13px}@media(max-width:768px){.qr-scan-display[data-v-42773dc3]{padding:10px}.qr-scan-display .company-header[data-v-42773dc3]{padding:30px 20px}.qr-scan-display .company-header .company-content[data-v-42773dc3]{flex-direction:column;text-align:center;gap:16px}.qr-scan-display .company-header .logo-wrapper .company-logo[data-v-42773dc3],.qr-scan-display .company-header .logo-wrapper .no-logo[data-v-42773dc3]{width:80px;height:80px}.qr-scan-display .company-header .company-info[data-v-42773dc3]{text-align:center}.qr-scan-display .company-header .company-info .company-name-en[data-v-42773dc3]{font-size:22px}.qr-scan-display .company-header .company-info .company-name-kh[data-v-42773dc3]{font-size:26px}.qr-scan-display .certificate-section[data-v-42773dc3]{padding:30px 20px}.qr-scan-display .certificate-section .certificate-grid[data-v-42773dc3]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}}