body { font-family: 'Inter', sans-serif; background-color: #f8fafc; }
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
        
        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
        @keyframes slideInUp { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
        
        .modal-animate { animation: fadeIn 0.2s ease-out forwards; }
        .toast-animate { animation: slideInUp 0.3s ease-out forwards; }
        
        .nav-item.active { background-color: #eff6ff; color: #2563eb; font-weight: 600; border-right: 3px solid #2563eb; }
        .filter-btn.active { background-color: #1e293b; color: white; border-color: #1e293b; }

        .rotate-180 { transform: rotate(180deg); }
        .transition-transform { transition-property: transform; transition-duration: 300ms; }
        
        .custom-scrollbar::-webkit-scrollbar { height: 8px; width: 8px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: transparent; border-radius: 4px; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
        .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
        .custom-scrollbar { scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent; }
        
        .scrollbar-top { transform: rotateX(180deg); align-items: flex-end; }
        .scrollbar-top > * { transform: rotateX(180deg); }
        
        @media print {
            body { background: white; }
            .print-hide, #sidebar { display: none !important; }
            #main-content { margin-left: 0 !important; width: 100% !important; }
            .shadow-sm, .shadow-md { box-shadow: none !important; border: 1px solid #e2e8f0; }
        }