body {
    font-family: 'Inter', sans-serif;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f8fafc;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* QR Code Animation */
#qr-preview-container svg, 
#qr-preview-container canvas {
    animation: scaleIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    transform-origin: center center;
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

#qr-preview-container > div {
    display: block;
    width: 100% !important;
    height: 100% !important;
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(0.95);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}