.qr-scanner-root{z-index:9999;pointer-events:auto;position:fixed;inset:0}.scanner-top-bar{z-index:10000;background:linear-gradient(#0009 0%,#0000 100%);justify-content:space-between;align-items:center;padding:70px 10px;display:flex;position:absolute;top:0;left:0;right:0}.scanner-top-controls{gap:10px;display:flex}.scanner-control-btn{--background:#fff3;--background-hover:#ffffff4d;--background-activated:#fff6;--color:white;--border-radius:50%;-webkit-backdrop-filter:blur(10px);border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;min-height:48px;padding:0;display:flex;background:#fff3!important}.scanner-control-btn ion-icon{color:#fff;font-size:24px}.scanner-frame-container{flex-direction:column;align-items:center;gap:30px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scanner-frame{width:280px;height:280px;position:relative}.scanner-instructions{color:#fff;text-align:center;-webkit-backdrop-filter:blur(10px);letter-spacing:.3px;background:#000000b3;border-radius:24px;padding:14px 28px;font-size:18px;font-weight:600;box-shadow:0 4px 16px #0000004d}.scanner-corner{border:5px solid var(--ion-color-bhp-vypzee-dark);border-radius:4px;width:60px;height:60px;position:absolute}.scanner-corner-tl{border-bottom:none;border-right:none;border-top-left-radius:16px;top:0;left:0}.scanner-corner-tr{border-bottom:none;border-left:none;border-top-right-radius:16px;top:0;right:0}.scanner-corner-bl{border-top:none;border-right:none;border-bottom-left-radius:16px;bottom:0;left:0}.scanner-corner-br{border-top:none;border-left:none;border-bottom-right-radius:16px;bottom:0;right:0}@keyframes scanner-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}.scanner-corner{animation:2s ease-in-out infinite scanner-pulse}@keyframes scan-line{0%{top:0}50%{top:calc(100% - 2px)}to{top:0}}.scanner-frame:after{content:"";background:var(--ion-color-bhp-vypzee-dark);height:2px;box-shadow:0 0 10px var(--ion-color-bhp-vypzee-dark), 0 0 20px var(--ion-color-bhp-vypzee-dark);animation:3s ease-in-out infinite scan-line;position:absolute;left:0;right:0}.scanner-info-sheet{--backdrop-opacity:.3;--z-index:20000!important;z-index:20000!important}.scanner-info-sheet ion-modal{z-index:20000!important}.scanner-info-sheet ion-toolbar{--background:var(--ion-color-light);--border-width:0}.scanner-info-sheet ion-title{font-size:16px;font-weight:600}.info-content{padding:10px 0}.info-content h3{color:var(--ion-color-primary);margin-bottom:10px;font-size:18px;font-weight:700}.info-content>p{color:var(--ion-color-medium-shade);margin-bottom:20px;font-size:14px;line-height:1.6}.info-features{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.info-item{background:var(--ion-color-light);border-left:4px solid var(--ion-color-bhp-vypzee-dark);border-radius:12px;padding:12px}.info-item strong{color:var(--ion-color-dark);margin-bottom:6px;font-size:15px;display:block}.info-item p{color:var(--ion-color-medium-shade);margin:0;font-size:13px;line-height:1.5}.info-tips{background:var(--ion-color-bhp-vypzee-dark);color:#fff;border-radius:12px;margin-top:10px;padding:14px}.info-tips p{margin:0;font-size:13px;line-height:1.6}.info-tips strong{font-weight:700}@media (width<=360px){.scanner-frame{width:240px;height:240px}.scanner-corner{width:50px;height:50px}.scanner-instructions{padding:12px 24px;font-size:16px}}