@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--primary-color: #C11B05;--secondary-color: #E92006;--tertiary-color: #8B0000;--background-color: #ffffff;--text-color: #000000;--muted-text-color: #6b7280;--border-color: #e5e5e5;--border-radius: 12px;--box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--box-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--success-color: #10b981;--large-text-size: 24px;--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;margin:0;padding:0;font-size:16px}body{background:linear-gradient(135deg,#fff,#f5f5f5);color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 768px){html,body,#root{font-size:14px}}@media (min-width: 1920px){html,body,#root{font-size:18px}}.main-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem 1rem;animation:fadeIn var(--transition-slow) ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}button{position:relative;border:none;border-radius:var(--border-radius);cursor:pointer;font-family:inherit;font-weight:600;padding:.875rem 1.5rem;transition:all var(--transition-normal) cubic-bezier(.4,0,.2,1);overflow:hidden;text-transform:uppercase;letter-spacing:.5px;font-size:.875rem}button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width var(--transition-normal),height var(--transition-normal)}button:hover:before{width:300px;height:300px}button:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-lg)}button:active{transform:translateY(0);box-shadow:var(--box-shadow)}.scanner-container{display:flex;flex-direction:column;align-items:center;gap:2.5rem;width:100%;max-width:480px;padding:2rem;background:#fff;border-radius:24px;box-shadow:var(--box-shadow-lg);animation:slideUp var(--transition-slow) cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.logo-img{width:100%;max-width:280px;height:auto;display:block;filter:drop-shadow(0 4px 8px rgba(193,27,5,.15));transition:transform var(--transition-normal);animation:pulse 3s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.logo-img:hover{transform:scale(1.05)}.sponsor-label{text-align:center;font-weight:800;letter-spacing:2px;color:var(--primary-color);font-size:1.125rem;text-transform:uppercase;padding:.5rem 1.5rem;border:2px solid var(--primary-color);border-radius:var(--border-radius);background:linear-gradient(45deg,transparent 30%,rgba(193,27,5,.05) 50%,transparent 70%);background-size:200% 100%;animation:shimmer 3s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.scanner-title{font-size:1.75rem;font-weight:800;margin-bottom:1rem;text-align:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qr-reader-container{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;animation:fadeIn var(--transition-slow) ease-out}.svg-container{cursor:pointer;padding:3rem;border-radius:var(--border-radius);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));transition:all var(--transition-normal);box-shadow:var(--box-shadow)}.svg-container:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 20px 25px -5px #c11b054d}.centered-svg{fill:#fff;height:5rem;width:5rem;animation:iconPulse 2s infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.qr-reader-box{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border-radius:20px;overflow:hidden;aspect-ratio:1 / 1;width:100%;border:3px solid transparent;transition:all var(--transition-normal);position:relative}.qr-reader-box:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color),var(--primary-color));border-radius:20px;opacity:0;z-index:-1;transition:opacity var(--transition-normal);background-size:400% 400%;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.qr-reader-box.scanning{box-shadow:0 0 40px #c11b0566}.qr-reader-box.scanning:before{opacity:1}.qr-reader-box video,.qr-reader-box canvas{width:100%!important;height:100%!important;object-fit:cover;border-radius:17px}.scan-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;padding:1.125rem 2rem;width:100%;box-shadow:0 4px 15px #c11b054d;font-weight:700;position:relative;z-index:1}.scan-button:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--secondary-color),var(--tertiary-color));border-radius:var(--border-radius);opacity:0;transition:opacity var(--transition-normal);z-index:-1}.scan-button:hover:after{opacity:1}.scan-button.scanning-active{background:#fff;color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:inset 0 0 20px #c11b051a}.scan-button.scanning-active:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.scan-other-icon{fill:currentColor;margin-right:.75rem;width:1.25rem;height:1.25rem;transition:transform var(--transition-fast)}.scan-button:hover .scan-other-icon{transform:rotate(15deg) scale(1.1)}.scan-print-button{background:linear-gradient(135deg,#000,#333);color:#fff;box-shadow:0 4px 15px #0000004d}.scan-print-button:after{background:linear-gradient(135deg,#333,#666)}.scanner-help-text{color:var(--muted-text-color);font-size:.875rem;text-align:center;margin-top:1rem;animation:fadeIn 1s ease-out;font-weight:500}.results-container{width:100%;max-width:480px;gap:2rem;animation:zoomIn var(--transition-normal) cubic-bezier(.34,1.56,.64,1)}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.result-status{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.5rem;padding:2rem;background:#fff;border-radius:20px;box-shadow:var(--box-shadow)}.result-text,.result-client{line-height:1.75rem;font-size:1.25rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#f8f8f8,#fff);border-radius:var(--border-radius);border-left:4px solid var(--primary-color);box-shadow:var(--box-shadow);animation:slideInRight var(--transition-normal) ease-out;width:100%;max-width:400px;font-weight:600}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.result-client{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;font-weight:700;font-size:1.5rem}.result-error{text-align:center;color:var(--primary-color);font-size:1.125rem;font-weight:600;padding:1rem;background:#c11b050d;border-radius:var(--border-radius);border:2px solid var(--primary-color);animation:shake var(--transition-normal) ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.status-icon.success svg,.status-icon.error svg{width:8rem;height:8rem;animation:iconBounce var(--transition-slow) cubic-bezier(.68,-.55,.265,1.55)}@keyframes iconBounce{0%{opacity:0;transform:scale(.3) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0)}}.status-icon.success svg{fill:var(--success-color);filter:drop-shadow(0 4px 8px rgba(16,185,129,.3))}.status-icon.error svg{fill:var(--primary-color);filter:drop-shadow(0 4px 8px rgba(193,27,5,.3))}.print-indicator{margin-top:1rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;display:inline-block;animation:fadeIn .3s ease-in}.print-indicator.printed{background-color:#10b9811a;color:var(--success-color);border:2px solid var(--success-color)}.print-indicator.not-printed{background-color:#fbbf241a;color:#f59e0b;border:2px solid #f59e0b}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loader{border-radius:50px;width:150px;height:8px;background:#f0f0f0;position:relative;overflow:hidden}.loader:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--primary-color));animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}.not-found-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;text-align:center}.not-found-title{font-size:8rem;font-weight:900;text-shadow:0 4px 8px rgba(0,0,0,.3);animation:glitch 2s infinite}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(1px,1px)}80%{transform:translate(1px,-1px)}}.not-found-subtitle{font-size:1.5rem;margin-top:1rem;opacity:.9}.mode-selector{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem;width:100%;padding:.5rem;background:#f8f8f8;border-radius:var(--border-radius)}.mode-button{padding:1rem 1.75rem;border:2px solid transparent;border-radius:var(--border-radius);background:#fff;color:var(--text-color);font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);flex:1;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.mode-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(193,27,5,.1),transparent);transition:left var(--transition-normal)}.mode-button:hover:before{left:100%}.mode-button:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--box-shadow)}.mode-button:active{transform:translateY(0)}.mode-button.active{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-color:transparent;box-shadow:0 4px 15px #c11b054d}.barcode-input-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;animation:fadeIn var(--transition-normal) ease-out}.barcode-input-container h3{margin:0;color:var(--primary-color);font-size:1.5rem;font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:1px}.barcode-input{width:100%;padding:1.25rem;font-size:1.25rem;font-family:Inter,monospace;font-weight:600;border:3px solid #e0e0e0;border-radius:var(--border-radius);text-align:center;letter-spacing:2px;transition:all var(--transition-fast);background:#fff;color:var(--text-color);box-shadow:inset 0 2px 4px #0000000f}.barcode-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 4px #c11b051a,inset 0 2px 4px #0000000f;transform:scale(1.02)}.barcode-input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.barcode-input::placeholder{color:#999;font-style:normal;letter-spacing:normal;font-weight:400}.submit-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;padding:1.125rem 2rem;width:100%;box-shadow:0 4px 15px #c11b054d;font-weight:700;text-transform:uppercase;letter-spacing:1px}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #c11b0566}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{background:linear-gradient(135deg,#ccc,#999);cursor:not-allowed;transform:none;opacity:.6;box-shadow:none}.barcode-input:not(:placeholder-shown){border-color:var(--success-color);background:linear-gradient(to right,#fff 95%,#10b9811a)}@media (max-width: 768px){.scanner-container{max-width:100%;padding:1.5rem;border-radius:20px;margin:0 .5rem}.mode-selector{flex-direction:column;gap:.75rem}.mode-button{width:100%;padding:1.125rem}.barcode-input{font-size:1.125rem;padding:1rem}.logo-img{max-width:200px}.not-found-title{font-size:5rem}.result-client{font-size:1.25rem}button{padding:1rem 1.25rem}}@media (hover: hover){.scan-button:hover,.mode-button:hover,.submit-button:hover{transition-duration:var(--transition-fast)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (min-width: 1920px){.scanner-container{max-width:600px;padding:3rem}.logo-img{max-width:350px}}