.scan-zone{display:flex;flex-direction:column;gap:8px;padding-top:28px}.qr-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.88)}.qr-overlay.hidden{display:none}.qr-box{width:340px;display:flex;flex-direction:column;gap:14px;padding:20px 16px;background:var(--navy);border:1px solid var(--gold);border-radius:1.5rem;box-shadow:0 0 40px rgba(232,184,75,.15)}.qr-tabs{display:flex;gap:8px}.qr-tab{flex:1;padding:8px;font-size:13px;cursor:pointer;border-radius:8px;background:0 0;color:#888;border:1px solid var(--blue);transition:all .2s}.qr-tab.active{background:var(--blue);color:var(--gold);border-color:var(--gold)}.qr-viewport{position:relative;width:300px;height:300px;margin:0 auto;overflow:hidden;border-radius:10px;background:#000}.qr-viewport #qr-reader{width:300px!important;height:300px!important}.qr-viewport #qr-reader>*{border:none!important}.qr-viewport #qr-reader img,.qr-viewport #qr-reader select,.qr-viewport #qr-reader button{display:none!important}.qr-viewport #qr-reader video{width:100%!important;height:100%!important;object-fit:cover}.qr-frame{position:absolute;inset:0;pointer-events:none}.qr-corner{position:absolute;width:22px;height:22px;border-style:solid;border-width:0;border-color:var(--gold)}.qr-corner.tl{top:16px;left:16px;border-top-width:3px;border-left-width:3px;border-radius:4px 0 0 0}.qr-corner.tr{top:16px;right:16px;border-top-width:3px;border-right-width:3px;border-radius:0 4px 0 0}.qr-corner.bl{bottom:16px;left:16px;border-bottom-width:3px;border-left-width:3px;border-radius:0 0 0 4px}.qr-corner.br{bottom:16px;right:16px;border-bottom-width:3px;border-right-width:3px;border-radius:0 0 4px 0}.qr-laser{position:absolute;left:16px;right:16px;height:2px;background:linear-gradient( 90deg,transparent,var(--gold),transparent );box-shadow:0 0 8px var(--gold);animation:laser 2s ease-in-out infinite}@keyframes laser{0%{top:16px;opacity:1}50%{top:calc(100% - 18px);opacity:.6}100%{top:16px;opacity:1}}@media(prefers-reduced-motion:reduce){.qr-laser{animation:none;top:50%}}.qr-panel.hidden{display:none}.qr-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:220px;text-align:center;font-size:13px;cursor:pointer;color:#666;border:2px dashed var(--blue);border-radius:10px;transition:border-color .2s,color .2s}.qr-upload-label:hover{border-color:var(--gold);color:var(--gold)}.qr-preview{width:100%;margin-top:10px;border-radius:8px}.qr-preview.hidden{display:none}.qr-status{min-height:20px;text-align:center;font-size:13px;color:#888}.qr-status.ok{color:var(--gold)}.qr-status.error{color:var(--red)}.qr-status.warn{color:#f0a500}.qr-close-btn{padding:8px;font-size:13px;cursor:pointer;border-radius:8px;background:0 0;color:#666;border:1px solid var(--blue);transition:color .2s,border-color .2s}.qr-close-btn:hover{color:var(--red);border-color:var(--red)}