/* Custom Scrollbar */ .custom-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; } .custom-scrollbar::-webkit-scrollbar-track { background: transparent; } .custom-scrollbar::-webkit-scrollbar-thumb { background-color: #cbd5e1; border-radius: 20px; } .custom-scrollbar::-webkit-scrollbar-thumb:hover { background-color: #94a3b8; } aside .custom-scrollbar::-webkit-scrollbar-thumb { background-color: #334155; } aside .custom-scrollbar::-webkit-scrollbar-thumb:hover { background-color: #475569; } /* Animations */ @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .animate-fade-in { animation: fadeIn 0.4s ease-out forwards; } .animate-fade-in-delayed { animation: fadeIn 0.4s ease-out 0.15s forwards; opacity: 0; } /* Form inputs focus ring override to match accent color */ input:focus, textarea:focus, select:focus { outline: none; box-shadow: 0 0 0 2px rgba(194, 65, 12, 0.2); border-color: #c2410c; } /* Glass effect for modal/cards if needed */ .glass-card { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.05); }