body { 
    font-family: 'Inter', sans-serif; 
    background-color: #f8fafc; 
    color: #1e293b; 
    animation: fadeIn 0.4s ease-out forwards;
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.page-exit {
    animation: fadeOut 0.3s ease-out forwards !important;
}
@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }