.animate-fade-in { animation: fadeIn 0.5s ease-out forwards; }
.animate-fade-up { animation: fadeUp 0.8s ease-out forwards; }
.animate-fade-down { animation: fadeDown 0.8s ease-out forwards; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }

.service-tab { opacity: 0.5; transition: 0.3s; }
.service-tab:hover { opacity: 0.8; }
.service-tab.active { opacity: 1; color: #ea580c; border-bottom-color: #ea580c; }

.status-allowed { color: #4ade80; font-weight: bold; font-size: 1.2rem; }
.status-warning { color: #facc15; font-weight: bold; font-size: 1.2rem; }
.status-forbidden { color: #f87171; font-weight: bold; font-size: 1.2rem; }