body { font-family: 'Roboto', sans-serif; }
        .card-active { 
            border-color: #2563EB; background-color: #EFF6FF; 
            box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.1); transform: translateY(-2px);
        }
        .card-inactive { 
            border-color: #F3F4F6; background-color: #FFFFFF; opacity: 0.9;
        }
        .card-inactive:hover { opacity: 1; border-color: #93C5FD; }
        .fade-in { animation: fadeIn 0.3s ease-out; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }