body{position:relative;background-color:#0f2f45}body::before{content:'';position:fixed;inset:0;z-index:0;background-image:url(/static/verify/img/qb-speed-logo-verify-rotate.png);background-repeat:repeat;background-size:220px auto;background-position:center;background-attachment:fixed;transform-origin:center;opacity:.1;pointer-events:none}.gradient-bg{background:linear-gradient(-45deg,#123850,#6babaf,#123850,#6babaf);background-size:400% 400%;animation:gradient 15s ease infinite}.verification-form{background:linear-gradient(135deg,rgb(18 56 80 / .95),rgb(107 171 175 / .95));backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 20px 40px rgb(0 0 0 / .15)}.input-field{transition:all 0.3s ease;background:rgb(255 255 255 / .15);backdrop-filter:blur(5px)}.input-field:focus{transform:translateY(-2px);box-shadow:0 8px 25px rgb(107 171 175 / .4);background:rgb(255 255 255 / .25)}.scanner-button{background:linear-gradient(45deg,#ffffff,#f0f0f0);color:#123850;transition:all 0.3s ease;position:relative;overflow:hidden}.scanner-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .3),transparent);transition:left 0.5s}.scanner-button:hover::before{left:100%}.scanner-button:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgb(0 0 0 / .2)}.instruction-card{background:rgb(255 255 255 / .1);backdrop-filter:blur(5px);border:1px solid rgb(255 255 255 / .2);transition:all 0.3s ease}.instruction-card:hover{background:rgb(255 255 255 / .15);transform:translateY(-2px)}.maintenance-icon{animation:float 3s ease-in-out infinite}body{overflow-x:hidden}.loader{border:4px solid rgb(255 255 255 / .1);border-radius:50%;border-top:4px solid #6babaf;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.checkmark{animation:checkmark 0.5s ease-in-out}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.xmark{animation:xmark 0.5s ease-in-out}@keyframes xmark{0%{transform:scale(0) rotate(45deg)}50%{transform:scale(1.2) rotate(45deg)}100%{transform:scale(1) rotate(45deg)}}.slide-in{animation:slideIn 0.5s ease-out}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn 0.5s ease-out}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.product-card{transition:all 0.3s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgb(0 0 0 / .15)}.notification{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:8px;color:#fff;font-weight:500;z-index:1000;transform:translateX(150%);transition:transform 0.3s ease-out;max-width:90%}.notification.show{transform:translateX(0)}.success-notification{background-color:#4caf50}.error-notification{background-color:#d32f2f}#barcode-button,#qrcode-button{cursor:pointer}.scanner-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgb(18 56 80 / .5),rgb(107 171 175 / .5));z-index:1000;justify-content:center;align-items:center}.scanner-modal.active{display:flex}.scanner-container{width:95%;max-width:500px;background:linear-gradient(135deg,rgb(18 56 80 / .9),rgb(107 171 175 / .9));border-radius:16px;overflow:hidden;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px rgb(0 0 0 / .3)}.scanner-header{padding:15px;background:linear-gradient(135deg,rgb(18 56 80 / .95),rgb(107 171 175 / .95));color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;border-bottom:1px solid rgb(255 255 255 / .2)}.scanner-content{flex:1;position:relative;overflow:hidden;min-height:300px;background:rgb(18 56 80 / .6)}#qr-reader{width:100%;height:100%}.scanner-footer{padding:15px;background:rgb(18 56 80 / .7);text-align:center;flex-shrink:0;color:#fff;border-top:1px solid rgb(255 255 255 / .2)}.close-scanner{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:5px;transition:all 0.3s}.close-scanner:hover{color:#6babaf;transform:rotate(90deg)}.permission-error{padding:20px;text-align:center;display:none;color:#fff}.permission-error.show{display:block}.permission-error i{font-size:48px;color:#ff6b6b;margin-bottom:15px}.permission-steps{text-align:left;background:rgb(18 56 80 / .7);padding:15px;border-radius:8px;margin-top:15px}.permission-steps ol{margin:0;padding-left:20px}.permission-steps li{margin-bottom:8px;font-size:14px;color:rgb(255 255 255 / .9)}.retry-btn{background:linear-gradient(45deg,#6babaf,#123850);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;margin-top:15px;font-weight:500;transition:all 0.3s}.retry-btn:hover{background:linear-gradient(45deg,#5a9ca0,#0f2f3f);transform:translateY(-2px)}.camera-prompt{padding:30px;text-align:center;display:none;color:#fff}.camera-prompt.show{display:block}.camera-prompt-icon{margin-bottom:20px;display:inline-block;text-align:center}.camera-prompt button{background:linear-gradient(45deg,#6babaf,#123850);color:#fff;border:none;padding:12px 30px;border-radius:25px;cursor:pointer;font-size:16px;font-weight:500;margin-top:20px;transition:all 0.3s}.camera-prompt button:hover{background:linear-gradient(45deg,#5a9ca0,#0f2f3f);transform:translateY(-2px)}.divider{position:relative;display:flex;align-items:center;justify-content:center;margin:2.5rem 0;font-weight:500;letter-spacing:.04em}.divider::before{content:'';position:absolute;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgb(255 255 255 / .35),transparent)}.divider span{position:relative;padding:.4rem 1.25rem;background-color:rgb(18 56 80 / .98);color:#fff;font-size:.85rem;text-transform:uppercase;border-radius:999px;z-index:1}.product-image-container{width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:8px}.product-image-container img{width:100%;height:100%;object-fit:cover}.loader-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.loader-progress{width:200px;height:4px;background-color:rgb(255 255 255 / .2);border-radius:2px;margin-top:20px;overflow:hidden}.loader-progress-bar{height:100%;background-color:#6babaf;border-radius:2px;animation:progress 3s linear forwards}.bi-check{color:#22b35e;display:inline;margin-bottom:5px}.bi-patch-exclamation-fill{display:inline;margin-bottom:5px}.bi-x-circle-fill{color:#d32f2f;display:inline}.bi-patch-check-fill-small{display:inline;color:#4caf50}.bi-exclamation-triangle-fill{display:inline;color:#4caf50;margin-bottom:5px}.bi-exclamation-circle-fill{display:inline;color:#a16207}@keyframes progress{0%{width:0%}100%{width:100%}}.footer{position:relative;z-index:1}