[x-cloak] {
    display: none;
}

body.frontend-body {
    font-family: 'Inter', sans-serif;
    background: #f9fafb;
    color: #111827;
}

.gradient-bg {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

#toast-container {
    z-index: 9999;
}

.toast-enter {
    animation: toastSlide 0.3s ease-out;
}

.toast-exit {
    animation: toastSlide 0.25s ease-in reverse;
}

@keyframes toastSlide {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}