.qr-type-btn{background-color:#f3f4f6;border-color:#e5e7eb;color:#6b7280}.qr-type-btn:hover{background-color:#e5e7eb;color:#374151}.qr-type-btn.active{background-color:#3b82f6;border-color:#3b82f6;color:white}.decode-mode-btn{background-color:#f3f4f6;border-color:#e5e7eb;color:#6b7280}.decode-mode-btn:hover{background-color:#e5e7eb;color:#374151}.decode-mode-btn.active{background-color:#3b82f6;border-color:#3b82f6;color:white}.qr-preview-container{transition:all 0.3s ease}.qr-preview-container canvas{border-radius:8px}.qr-preview-container img{border-radius:8px}.drop-zone{transition:all 0.2s ease}.drop-zone.drag-over{border-color:#3b82f6;background-color:rgba(59,130,246,0.05)}.drop-zone:hover{border-color:#93c5fd}.scan-overlay{box-shadow:0 0 0 9999px rgba(0,0,0,0.3);animation:scan-pulse 2s ease-in-out infinite}@keyframes scan-pulse{0%,100%{border-color:rgba(255,255,255,0.6)}50%{border-color:rgba(59,130,246,0.9)}}#camera-video{transform:scaleX(-1)}.qr-form{animation:fadeIn 0.2s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}input:focus,textarea:focus,select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1)}input[type="checkbox"]{cursor:pointer}input[type="checkbox"]:checked{background-color:#3b82f6;border-color:#3b82f6}