@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_e8ce0c;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_e8ce0c{font-family:__Inter_e8ce0c,__Inter_Fallback_e8ce0c;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-gradient:linear-gradient(135deg,#3b82f6,#60a5fa);--secondary-gradient:linear-gradient(135deg,#64748b,#94a3b8);--success-gradient:linear-gradient(135deg,#059669,#10b981);--warning-gradient:linear-gradient(135deg,#dc2626,#ef4444);--glass-bg:hsla(0,0%,100%,.1);--glass-border:hsla(0,0%,100%,.2);--shadow-light:0 8px 32px rgba(59,130,246,.37);--shadow-medium:0 12px 40px rgba(59,130,246,.4);--shadow-heavy:0 20px 60px rgba(59,130,246,.5);--border-radius:20px;--border-radius-small:12px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--sf-blue:#3b82f6;--sf-light-blue:#60a5fa;--sf-grey:#64748b;--sf-light-grey:#94a3b8;--navbar-height:80px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#cbd5e1);min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(96,165,250,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(147,197,253,.05) 0,transparent 50%);pointer-events:none;z-index:-1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1200px;margin:0 auto;padding:20px}.sf-navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.1);z-index:1000;justify-content:space-between;padding:0 24px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.navbar-brand,.sf-navbar{display:flex;align-items:center}.navbar-brand{gap:16px}.navbar-logo{width:120px;height:60px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:var(--transition)}.navbar-logo:hover{transform:scale(1.05);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.fallback-logo{display:none;font-size:24px;font-weight:700;color:var(--sf-blue);text-shadow:0 2px 4px rgba(0,0,0,.3);margin-right:16px;transition:var(--transition)}.fallback-logo:hover{transform:scale(1.05);text-shadow:0 4px 8px rgba(0,0,0,.4)}.navbar-title{font-size:1.5rem;font-weight:700;color:var(--sf-blue);text-shadow:0 1px 2px rgba(0,0,0,.1)}.navbar-subtitle{font-size:.9rem;color:var(--sf-grey);font-weight:500}.btn{background:var(--primary-gradient);color:#fff;border:none;padding:16px 32px;border-radius:var(--border-radius-small);cursor:pointer;font-size:16px;font-weight:600;transition:var(--transition);box-shadow:var(--shadow-light);position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;text-decoration:none;justify-content:center;min-width:140px;letter-spacing:.5px}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-medium)}.btn:active{transform:translateY(-1px)}@media (max-width:768px){.btn{min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:active{transform:scale(.98);transition:transform .1s ease}}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary-gradient)}.btn-secondary{background:var(--secondary-gradient)}.btn-success{background:var(--success-gradient)}.btn-danger{background:var(--warning-gradient)}.btn-small{padding:8px 16px;font-size:14px;min-width:auto}.card{background:rgba(30,58,138,.9);border-radius:var(--border-radius);padding:28px;box-shadow:var(--shadow-medium);margin:0;border:1px solid hsla(0,0%,100%,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden;transition:var(--transition)}.card:hover{box-shadow:var(--shadow-heavy);border-color:hsla(0,0%,100%,.25);transform:translateY(-2px)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent)}.scanner-container{position:relative;width:100%;max-width:500px;margin:0 auto}#reader,.scanner-container{border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-medium)}#reader{width:100%!important}.result-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:flex-start;z-index:1000;overflow-y:auto;padding:20px;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-content{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);padding:28px;border-radius:var(--border-radius);max-width:700px;width:100%;text-align:center;box-shadow:var(--shadow-heavy);margin:10px auto;max-height:calc(100vh - 20px);overflow-y:auto;animation:modalSlideIn .4s ease-out;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.success-header{margin-bottom:16px;animation:successPulse 2s ease-in-out infinite}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.success-header h2{color:#fff;margin:12px 0 6px;font-size:1.4rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.success-subtitle{color:hsla(0,0%,100%,.8);font-size:1rem;margin:0}.url-display,.url-selection{margin-bottom:16px;text-align:left}.url-display h3,.url-selection h3{color:#fff;margin-bottom:8px;font-size:1rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.selection-subtitle{color:hsla(0,0%,100%,.7);font-size:.9rem;margin-bottom:20px}.url-container{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--border-radius-small);padding:12px;margin-bottom:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.url-container code{color:#fff;font-size:.9rem;word-break:break-all;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.3)}.url-options{display:flex;flex-direction:column;gap:16px}.url-option{background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);border-radius:var(--border-radius-small);padding:20px;cursor:pointer;transition:var(--transition);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.url-option:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));opacity:0;transition:var(--transition)}.url-option:hover:before{opacity:1}.url-option:hover{border-color:hsla(0,0%,100%,.4);transform:translateY(-4px);box-shadow:var(--shadow-medium)}.url-option.selected{border-color:#10b981;background:rgba(16,185,129,.1);box-shadow:0 8px 25px rgba(16,185,129,.3)}.url-option.selected:before{content:"✓";position:absolute;top:12px;right:12px;background:var(--success-gradient);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;box-shadow:var(--shadow-light)}.url-option-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-weight:600;color:#fff;font-size:1.1rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.url-option-url{background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:12px 16px;margin-bottom:12px}.url-option-url code{color:hsla(0,0%,100%,.9);font-size:.85rem;word-break:break-all;line-height:1.4}.url-option-description{color:hsla(0,0%,100%,.7);font-size:.9rem;line-height:1.4}.modal-buttons{gap:16px;margin-top:16px;flex-wrap:wrap}.modal-buttons,.modal-close-btn{display:flex;justify-content:center}.modal-close-btn{position:absolute;top:12px;right:12px;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:50%;width:40px;height:40px;align-items:center;cursor:pointer;color:#fff;font-size:20px;z-index:10;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .2s ease}.modal-close-btn:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.modal-close-btn:active{transform:scale(.95)}.modal-buttons .btn{min-width:160px;padding:16px 24px}.App{min-height:100vh;display:flex;flex-direction:column;padding-top:var(--navbar-height)}.main-content{flex:1 1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:24px 20px 16px;gap:24px}.scanner-wrapper{width:100%;max-width:600px;margin:0 auto}.instructions{text-align:center;color:#fff;margin-bottom:32px;font-size:16px;line-height:1.6;max-width:800px}.instructions h1{font-size:3rem;margin-bottom:16px;text-shadow:0 4px 8px rgba(0,0,0,.4);font-weight:800;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.instructions p{font-size:1.1rem;opacity:.9;margin:12px 0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.scanner-controls{margin:20px 0}.control-buttons,.scanner-controls{display:flex;justify-content:center}.control-buttons{align-items:center;gap:20px;flex-wrap:wrap}.divider{color:hsla(0,0%,100%,.6);font-weight:600;font-size:16px;padding:0 10px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.scanner-controls .btn{min-width:140px;padding:12px 20px;font-size:14px}.error-message{display:flex;align-items:center;gap:12px;background:rgba(220,53,69,.15);color:#ff6b6b;padding:18px 24px;border-radius:var(--border-radius-small);margin-bottom:24px;border:1px solid rgba(220,53,69,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px rgba(220,53,69,.2);transition:var(--transition)}.error-message:hover{background:rgba(220,53,69,.2);box-shadow:0 6px 16px rgba(220,53,69,.3)}.scanner-info{margin-top:20px;padding-top:15px;border-top:1px solid hsla(0,0%,100%,.2)}.info-item{display:flex;align-items:center;gap:10px;margin:8px 0;color:hsla(0,0%,100%,.8);font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.info-item svg{color:#10b981;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.image-upload-section{margin:15px 0;padding:15px;background:hsla(0,0%,100%,.1);border-radius:var(--border-radius);border:1px solid hsla(0,0%,100%,.2)}.image-upload-section,.upload-area{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.upload-area{border:2px dashed hsla(0,0%,100%,.3);border-radius:var(--border-radius-small);padding:32px 20px;text-align:center;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;background:hsla(0,0%,100%,.05)}.upload-area:hover{border-color:hsla(0,0%,100%,.5);background:hsla(0,0%,100%,.05)}.upload-area.dragover{border-color:#10b981;background:rgba(16,185,129,.1)}.upload-icon{font-size:36px;color:hsla(0,0%,100%,.6);margin-bottom:12px}.upload-text{color:hsla(0,0%,100%,.8);font-size:14px;margin-bottom:6px}.upload-hint{color:hsla(0,0%,100%,.5);font-size:12px}.image-preview{margin:15px 0;text-align:center}.preview-container{position:relative;display:inline-block;overflow:hidden;box-shadow:var(--shadow-medium)}.preview-container,.preview-image{border-radius:var(--border-radius-small)}.preview-image{max-width:200px;max-height:200px;display:block}.remove-image-btn{position:absolute;top:8px;right:8px;background:rgba(220,53,69,.9);color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.remove-image-btn:hover{background:#dc3545;transform:scale(1.1)}.persistent-links{margin-top:20px;width:100%;max-width:800px}.persistent-links h2{color:var(--sf-blue);text-align:center;margin-bottom:28px;font-size:2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);background:linear-gradient(45deg,var(--sf-blue),var(--sf-light-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px;margin-top:20px}.persistent-links .qr-info-section{background:rgba(59,130,246,.1);border-radius:var(--border-radius);padding:20px;margin:0;border:1px solid rgba(59,130,246,.2);position:relative}.persistent-links .qr-info-header{background:rgba(30,58,138,.9);border-radius:var(--border-radius-small);padding:15px;margin-bottom:20px;border:1px solid hsla(0,0%,100%,.1);position:relative}.persistent-links .qr-action-section{display:flex;flex-direction:column;gap:15px}.link-card{background:rgba(30,41,59,.8);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--border-radius-small);padding:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:var(--transition);cursor:pointer}.link-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium);border-color:hsla(0,0%,100%,.3)}.link-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.link-card-title{color:#fff;font-weight:600;font-size:1.1rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.link-card-url{color:hsla(0,0%,100%,.7);font-size:.9rem;word-break:break-all;line-height:1.4;margin-bottom:12px}.link-card-description{color:hsla(0,0%,100%,.6);font-size:.85rem;line-height:1.4}.no-links-message{text-align:center;color:hsla(0,0%,100%,.6);font-style:italic;padding:40px 20px;background:rgba(30,41,59,.8);border-radius:var(--border-radius-small);border:1px solid hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.sf-header{text-align:center;margin-bottom:40px;padding:20px 0}.sf-logo{width:120px;height:60px;margin:0 auto 20px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:var(--transition);object-fit:contain}.sf-logo:hover{transform:scale(1.05);filter:drop-shadow(0 6px 12px rgba(0,0,0,.4))}.sf-title{font-size:2.5rem;font-weight:800;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.4);margin-bottom:8px;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sf-subtitle{font-size:1.1rem;color:hsla(0,0%,100%,.8);text-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:0}.sf-footer{text-align:center;padding:20px;margin-top:0;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.1);box-shadow:0 -4px 20px rgba(0,0,0,.1);position:relative}.sf-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent)}.copyright{color:var(--sf-blue);font-size:.9rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1)}@media (min-width:1024px){.main-content{flex-direction:row;justify-content:space-around;align-items:flex-start;gap:30px;padding:20px 30px 10px;min-height:auto;overflow-y:auto}.persistent-links,.scanner-wrapper{max-width:450px;margin:0;flex-shrink:0}}@media (max-width:768px){.sf-navbar{padding:0 16px}.navbar-logo{width:80px;height:40px}.navbar-title{font-size:1.2rem}.navbar-subtitle{display:none}.control-buttons{flex-direction:column;gap:16px}.divider{display:none}.scanner-controls .btn{min-width:140px;font-size:15px;padding:14px 20px}.instructions h1{font-size:2.2rem}.instructions p{font-size:1rem}.main-content{padding:15px 10px}.modal-content{padding:20px 16px;max-width:95%;margin:5px auto;max-height:calc(100vh - 10px)}.modal-close-btn{width:44px;height:44px;font-size:22px}.result-modal{padding:5px}.success-header h2{font-size:1.4rem}.success-subtitle{font-size:.9rem}.url-container code{font-size:.8rem}.modal-buttons{flex-direction:column;gap:12px;margin-top:20px}.modal-buttons .btn{min-width:140px;padding:14px 20px}.url-option{padding:16px}.url-option-header{font-size:1rem}.url-option-url code{font-size:.8rem}.url-option-description{font-size:.85rem}.links-grid{grid-template-columns:1fr;gap:16px}.link-card{padding:16px}.preview-image{max-width:250px;max-height:250px}.sf-title{font-size:2rem}.sf-logo{width:100px;height:50px}}@media (max-width:480px){.sf-navbar{padding:0 12px}.navbar-brand{gap:12px}.navbar-logo{width:60px;height:30px}.navbar-title{font-size:1rem}.instructions h1{font-size:1.8rem}.card{padding:20px}.scanner-controls .btn{min-width:120px;padding:12px 16px;font-size:14px}.modal-content{padding:20px 16px}.url-option{padding:12px}.preview-image{max-width:200px;max-height:200px}.sf-title{font-size:1.6rem}.sf-logo{width:80px;height:40px}}.camera-scanner-section{margin:15px 0;padding:15px;background:rgba(30,41,59,.8);border-radius:var(--border-radius);border:1px solid hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.camera-scanner-container{width:100%;min-height:400px;border-radius:var(--border-radius-small);overflow:hidden;background:rgba(15,23,42,.9);position:relative;margin-bottom:15px;display:block;transition:min-height .3s ease}.camera-scanner-container:has(#reader){min-height:400px}.camera-scanner-container:has(.camera-loading){min-height:150px}.camera-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.camera-loading p{margin-top:15px;font-size:16px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}.loading-spinner{width:40px;height:40px;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.camera-scanner-container #reader{width:100%!important;height:100%!important;border-radius:var(--border-radius-small);overflow:hidden;background:transparent!important}.camera-scanner-container #reader__scan_region,.camera-scanner-container #reader__scan_region>div{background:transparent!important;border-radius:var(--border-radius-small)!important}.camera-scanner-container #reader__dashboard{background:rgba(30,41,59,.9)!important;border-radius:var(--border-radius-small)!important;margin:10px!important}.camera-scanner-container #reader__dashboard_section{background:transparent!important}.camera-scanner-container #reader__dashboard_section_swaplink{background:rgba(59,130,246,.8)!important;color:#fff!important;border-radius:var(--border-radius-small)!important;padding:8px 16px!important;border:none!important;cursor:pointer!important;transition:var(--transition)!important}.camera-scanner-container #reader__dashboard_section_swaplink:hover{background:#3b82f6!important;transform:translateY(-2px)!important}.camera-scanner-container #reader__status_span{color:#fff!important;font-weight:600!important}.camera-scanner-container #reader__camera_selection{background:rgba(30,41,59,.9)!important;border:1px solid hsla(0,0%,100%,.2)!important;border-radius:var(--border-radius-small)!important;color:#fff!important;padding:8px 12px!important}.camera-scanner-container #reader__camera_selection option{background:rgba(59,130,246,.9)!important;color:#fff!important}.camera-controls{display:flex;justify-content:center;margin-top:15px}.camera-controls .btn{min-width:140px;padding:12px 20px;font-size:14px}.camera-scanner-container #reader__camera_selection,.camera-scanner-container #reader__dashboard button,.camera-scanner-container #reader__dashboard button[onclick*=clear],.camera-scanner-container #reader__dashboard button[onclick*=close],.camera-scanner-container #reader__dashboard button[onclick*=stop],.camera-scanner-container #reader__dashboard input[type=button],.camera-scanner-container #reader__dashboard input[type=submit],.camera-scanner-container #reader__dashboard_section_csr,.camera-scanner-container #reader__dashboard_section_csr_switch,.camera-scanner-container #reader__dashboard_section_csr_switch button,.camera-scanner-container #reader__dashboard_section_csr_switch span,.camera-scanner-container #reader__dashboard_section_swaplink{display:none!important}.camera-scanner-container button:contains("Stop Camera"),.camera-scanner-container button:contains("Stop Scanning"),.camera-scanner-container button:contains("Stop"){display:none!important}.camera-scanner-container #reader__dashboard * button,.camera-scanner-container #reader__dashboard * input[type=button],.camera-scanner-container #reader__dashboard * input[type=submit],.camera-scanner-container button,.camera-scanner-container button[onclick*=Clear],.camera-scanner-container button[onclick*=Close],.camera-scanner-container button[onclick*=Stop],.camera-scanner-container button[onclick*=clear],.camera-scanner-container button[onclick*=close],.camera-scanner-container button[onclick*=stop],.camera-scanner-container input[type=button],.camera-scanner-container input[type=submit]{display:none!important}.camera-scanner-container #reader__dashboard button,.camera-scanner-container #reader__dashboard input[type=button],.camera-scanner-container #reader__dashboard input[type=submit],.camera-scanner-container #reader__dashboard_section button,.camera-scanner-container #reader__dashboard_section input[type=button],.camera-scanner-container #reader__dashboard_section input[type=submit],.camera-scanner-container button,.camera-scanner-container input[type=button],.camera-scanner-container input[type=submit]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}@media (min-width:1024px){.camera-scanner-container{min-height:300px}.camera-scanner-container:has(#reader){min-height:450px}.camera-scanner-container:has(.camera-loading){min-height:180px}}@media (max-width:768px){.camera-scanner-container{min-height:200px}.camera-scanner-container:has(#reader){min-height:350px}.camera-scanner-container:has(.camera-loading){min-height:150px}}@media (max-width:480px){.camera-scanner-container{min-height:180px}.camera-scanner-container:has(#reader){min-height:300px}.camera-scanner-container:has(.camera-loading){min-height:140px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;min-height:400px}.loading-container h3{margin:20px 0 10px;font-size:1.5rem;font-weight:600;color:var(--sf-blue);text-shadow:0 2px 4px rgba(59,130,246,.2)}.loading-container p{margin:8px 0;font-size:1rem;color:var(--sf-grey);opacity:.8}.loading-details{margin-top:20px;padding:16px;background:var(--glass-bg);border-radius:var(--border-radius-small);border:1px solid var(--glass-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.loading-details p{margin:4px 0;font-size:.9rem;color:var(--sf-grey);opacity:.7}.loading-spinner{animation:spin 1s linear infinite;color:var(--sf-blue);filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.audio-controls{gap:10px;margin:10px 0;padding:10px;border-radius:var(--border-radius-small);border:1px solid hsla(0,0%,100%,.2)}.audio-controls,.audio-toggle{display:flex;align-items:center;background:hsla(0,0%,100%,.1)}.audio-toggle{gap:8px;color:#fff;font-size:14px;cursor:pointer;padding:6px 12px;border-radius:8px;border:1px solid hsla(0,0%,100%,.2);transition:var(--transition)}.audio-toggle:hover{background:hsla(0,0%,100%,.2)}.audio-toggle.active{background:rgba(16,185,129,.3);border-color:rgba(16,185,129,.5)}.qr-info-container{width:100%;max-width:600px;margin:0 auto}.qr-info-section{background:rgba(59,130,246,.1);border-radius:var(--border-radius);padding:16px;margin:16px 0;border:1px solid rgba(59,130,246,.2)}.qr-info-header{background:rgba(30,58,138,.9);border-radius:var(--border-radius-small);padding:12px;margin-bottom:16px;border:1px solid hsla(0,0%,100%,.1)}.qr-info-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;color:#fff}.qr-info-item:last-child{margin-bottom:0}.qr-info-label{font-weight:600;color:hsla(0,0%,100%,.9);font-size:13px}.qr-info-value{font-weight:500;color:#fff;font-size:13px;text-align:right}.status-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:var(--transition)}.status-untreated{background:rgba(251,191,36,.2);color:#fff;border:1px solid rgba(251,191,36,.3)}.status-shipped{background:rgba(0,0,0,.2);color:#fff;border:1px solid rgba(0,0,0,.3)}.status-delivered{background:rgba(16,185,129,.2);color:#fff;border:1px solid rgba(16,185,129,.3)}.qr-action-section{display:flex;flex-direction:column;gap:12px}.qr-action-option{background:rgba(30,58,138,.9);border-radius:var(--border-radius-small);padding:12px;cursor:pointer;transition:var(--transition);border:1px solid hsla(0,0%,100%,.1)}.qr-action-option:hover{background:#1e3a8a;transform:translateY(-2px);box-shadow:var(--shadow-medium)}.qr-action-option.selected{background:rgba(16,185,129,.9);border-color:rgba(16,185,129,.5)}.qr-action-header{display:flex;align-items:center;gap:12px;margin-bottom:6px}.qr-action-icon{font-size:20px;color:#fff;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.qr-action-title{color:#fff;font-weight:600;font-size:14px}.qr-action-description{color:hsla(0,0%,100%,.8);font-size:12px;line-height:1.4;margin-left:36px}