[x-cloak] { display: none !important; }
* { -webkit-tap-highlight-color: transparent; }
.glass-panel { background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.custom-scrollbar::-webkit-scrollbar { width: 5px; height: 5px; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.fade-in { animation: fadeIn 0.3s ease-in-out; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* CSS Mode Cetak Aman */
@media screen { 
    #print-area { display: none !important; } 
}
@media print {
    body { background-color: white !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    #app > *:not(#print-area) { display: none !important; }
    #print-area { 
        position: static !important; display: block !important; width: 100% !important; 
        margin: 0 !important; padding: 0 !important; color: black !important;
    }
    @page { margin: 10mm; }
}

@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }